Post Title Menjadi Image Post Title Menjadi Image ~ Fae Sa Hyun Blogging or Fashion

Post Title Menjadi Image

Back Friends New News My Banner About Me

Senin, 13 Juli 2015

Post Title Menjadi Image

Chingu hallo ^^ hehe, chingu itu bahasa korea yang artinya teman :) Sa Hyun mau kasih tutorial di pagii hari nii ^^ ups, maksudnya tutorial Mengubah Post Title Menjadi Image, bukan tutorial di pagi hari.. hehe. oke, Sa Hyun Ga Jelas (GJ) nihh.. dari pada Sa Hyun Ga Jelas dan membuat post kali ini Ga Jelas Sa Hyun langsung aja kasih kejelasan yaa :P
nah, sekarang udah jelas kan??? kita mau bikin post title berubah menjadi image ya :) Request dari Yumiiii :D post title pasti chingu sudah jelas :D jadi, bisa langsung nii ><

1. masuk ke dasbor
2. Template - Edit HTML
3. Cari kode .post-title {
4. copas kode berikut setelah kode no.3
text-align:right;
  background-image: url(‘IMAGE TITLE KALIAN');
border: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-family: 'FONT TITLE KALIAN';
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 55px;
}

5. okee, tinggal save saja :)

Yee... akhirnya selesai dan ini tutorial Sa Hyun sendiri tanpa credit siapa-siapa... adapun kode-kodenya, hasil susah payah Sa Hyun sejak terinspirasi dari blog Chiaki.. dan Sa Hyun sengaja tidak Raquest siapa-siapa agar bisa otak-atik kode-kode sendiri ^^
Sekian tutorial kali ini, jangan lupa komentar dan likenya yaa ^^ oia, kalau gagal tanyakan di komentar ya :)

SORYYY ^^

Maaf ya.. ada ralat sedikit :) bagi yang sudah terlanjur delete dulu kode yang Sa Hyun bagi di no. 4 tadii yaa.. Sa Hyun jamin ga berhasil kode yang tadi !! Jadi, ikuti step dan kode berikut aja yaa ^_-

copy dan paste kode berikut di bawah kode no.3 yaa

text-align:center;
  background-image: url('URL IMG POST TITLE');
border: 0px solid #000000;
-moz-border-radius: 0px;
border-radius: 0px;
font-family: 'FONT BLOG KALIAN';
selesai sudah. kalau gagal lagi komentar yaa ^_- semoga berhasil ya.. hehe males ngedit lagi ee
Sa Hyun menyediakan Freebiesnya nih ^^ klik di sini ya

Yuk! Berikan komentar Kalian dan Follow Blog Sa Hyun ^^

5 komentar:

  1. Arianne : di coba dulu aja, mungkin kalau ada kodenya bisa ^^

    BalasHapus
  2. kak..gmn nih kak..ga bisa je..pake yang bawah tpi gambarnya gk keliatan..knp yya kak?

    BalasHapus
  3. Thanks, kak ... Tutorialnya membantu!

    BalasHapus
  4. Dea : mungkin belum kamu atur ukurannya :)
    Muthia : Sama-sama. Seneng deh bisa bantu kamu ^^

    BalasHapus