Sabtu, 06 Juli 2013

Cara Memasang Cute Post Icon

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. 

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

 

Celoteh si Devi Template by Ipietoon Cute Blog Design and Homestay Bukit Gambang

Blogger Templates