Halo! Menyadari adanya makhluk imut di samping judul post ini? Mau memasang icon lucu juga untuk menghiasi setiap judul post di blogmu?
Ok, pertama-tama, siapkan dulu icon yang akan dipakai. Bisa buat sendiri, atau search di google. Jangan besar-besar ya, 30 x 30 px saja cukup kok. Nah, gambar ini perlu di upload. Uploadnya bisa di imgur.com, atau langsung di upload pada posting post.
Gambar tersebut kemudian di buka (klik kanan, open image in new tab) sehingga dalam satu layar hanya ada gambar tersebut. Atau kalau di imgur copy saja bagian 'direct link'nya.
Sekarang, sudah dapat direct link ke cute icon nya kan?
Untuk yang masih bingung, direct link itu yang kayak
"www.gambargambar.blogspot.com/2011/09/11/cutebgt.jpg"
di akhirrnya pasti ada format filenya, entah itu jpg, gif, atau png.
"www.gambargambar.blogspot.com/2011/09/11/cutebgt.jpg"
di akhirrnya pasti ada format filenya, entah itu jpg, gif, atau png.
Ok, sekarang kita masukkan icon tersebut ke samping post...
Buka blog teman-teman seperti ini:
Klik 'Desain/Design' yang ada pada navbar
Masuk ke 'Template' lalu 'Sesuaikan/Customize'
Pilih 'Tingkat Lanjut/Advanced' lalu pilih 'Tambahkan CSS/ Add CSS'
*klik kanan,open image in new tab untuk memperbesar*
Ketikkan kode ini (hapus yang merah):
h3.post-title {
background:url (*link icon*) no-repeat right; *boleh left*height: 50px; *mengatur tinggi*padding-left: 0px; *mengatur jeda*padding-top: 15px; *mengatur jeda*margin-top: 0px; *mengatur posisi*margin-bottom: -45px; *mengatur posisi*}
Selamat mencoba!
0 komentar:
Posting Komentar
Feel free to drop your comment.. Thanks! :D