Icon Gambar Pada Judul Posting

Anda menginginkan pada judul postingan ada gambarnya ? Berikut ada cara yang dapat digunakan :

1. Siapkan gambar atau logo yang ingin Anda pasang dalam format .gif atau .png karena kualitasnya lebih bagus.
2. Resize gambarnya menjadi (20px x 20px) atau (25px x 25px).
   Usahakan ukuran gambarnya jangan terlalu besar agar loading blog tidak berat.
   Untuk rezise gambar dapat dilakukan di sini. Anda dapat mengubah format gambar gift menjadi png atau sebaliknya.
   
3. Upload gambarnya ke image hosting. Anda bisa menggunakan Photobucket atau imageshak atau yang yang lainnya untuk menyimpan gambarnya.
4. Setelah upload, copy alamat gambarnya. Contohnya http://i37.photobucket.com/......png
5. Buka blogger. Masuk ke menu Layout -> Edit HTML
6. Cari kode seperti dibawah ini :
   
   post h3 {
   margin:.5em 0;
   
   padding:0px 0px 0px 10px;
   font-size:140%;
   font-weight:bold;
   font-style:normal;
   line-height:1.3em;
   color:#000;
   
7. Tambahkan kode background:url(URL gambar) no-repeat; dan edit nilai padding
   menjadi 0px 0px 05px 30px. Sehingga hasilnya menjadi seperti ini :
   
   post h3 {
   background:url(URL gambar) no-repeat;
   margin:.5em 0;
   padding:0px 0px 05px 30px;
   font-size:140%;
   font-weight:bold;
   font-style:normal;
   line-height:1.3em;
   color:#000;
8. Save Template.
   

Memposting Kode HMTL

Untuk memposting kode HTML kita harus menggunakan software untuk mengkonversi/mengubah kode HTML menjadi kode yang dapat dibaca pada artikel.

Jika tidak, setiap kali kita memposting, kode HTML tidak akan muncul pada artikel. Misal : Misalnya kode < harus diganti dengan &lt; dan kode &lt; harus diganti dengan &amp;lt;

1. Masuk di http://centricle.com/tools/html-entities/
2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya <div id='outer-wrapper'>.
3. Klik Encode.
4. Gunakan kode baru tersebut untuk diposting.