http://daydreamcyquita.blogspot.com/p/tentang-kami.htmlhttp://daydreamcyquita.blogspot.com/p/hubungi-kami.html

7.11.2012

Menambah Icon di Setiap Judul Post Blogger

Cara menambah icon atau gambar kecil di setiap judul post blogger:
  1. Cari atau upload gambar yang akan dipakai dan copy URLnya
  2. masuk ke edit HTML template, centang "Expand Widget Template"
  3. cari kode:
    <b:if cond='data:post.url'>
    lalu lihat script utuhnya. (script di bawah ini berbeda-beda pada setiap blog, tergantung pada templatenya):
    <b:if cond='data:post.url'>
    <b:if cond='data:blog.url != data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
  4. copy kode dibawah ini:
    <img src='URL_GAMBAR' style='border:0;padding:0;margin-bottom:-15px;margin-right:10px'/>
    masukkan URL gambarnya terlebih dahulu lalu paste-kan diantara <a expr:href='data:post.url'> dan <data:post.title/> sehingga menjadi:
    <b:if cond='data:post.url'>
    <b:if cond='data:blog.url != data:post.url'>
    <a expr:href='data:post.url'><img src='URL_GAMBAR' style='border:0;padding:0;margin-bottom:-15px;margin-right:10px'/><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
  5. Simpan
Catatan:
Untuk merapikan tampilan gambar agar lebih proporsional dengan judul post, edit kode margin yang akan di masukkan tersebut:
  • margin-bottom:-15px >> ukuran bawah gambar
  • margin-right:10px'/ >> ukuran kanan gambar
semoga bisa membantu:smile:

1 komentar:

Jangan cuma mampir aja doms!! Silakan berceloteh dan berkomen ria. maki-makipun ndak papa, asal sopan dan beradab