Membuat Scroll Box Widget Recent Post dengan Thumbnail Bawaan Blogge

• Login ke Blogger dengan cara menuliskan Email Address, Password kemudian klik LOGIN>
• Setelah DASBOARD (Dasbor) terbuka, klik DESIGN (Rancangan).
• KLIK Edit HTML kemudian lanjutkan klik DOWNLOAD FULL TEMPLATE (Download Template Lengkap) untuk melakukan penganmanan terhadap template (back-up templates). Simpan file template di folder PC.
• KLIK Expand Widget Template.
• Cari kode <b:if cond='data:gadgetSnippet != &quot;&quot;'>.
• Di bawah kode ini terdapat kode HTML berikutnya dengan bentuk seperti di bawah:



    <b:if cond='data:gadgetSnippet != ""'>
       <data:gadgetSnippet/>
    <b:else/>
      <div class='widget-content'>
        <b:if cond='data:nonSocialFragment != ""'>
          <data:nonSocialFragment/>
        </b:if>
      </div>
    </b:if>

• Rubah kode HTML di atas menjadi seperti berikut:



<div style="height:400px;margin:10px auto;padding:2px;border:2px solid #aaa;background:#999 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgRasterBlackTransV8H8.png);overflow:auto;overflow-x:hidden;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;">
<div style="margin:3px auto;margin-left:2px;margin-right:2px;padding:3px;background:black;border:1px solid #555;">

    <b:if cond='data:gadgetSnippet != ""'>
       <data:gadgetSnippet/>
    <b:else/>
      <div class='widget-content'>
        <b:if cond='data:nonSocialFragment != ""'>
          <data:nonSocialFragment/>
        </b:if>
      </div>
    </b:if>

</div>
</div>

• KLIK SAVE/Simpan Template.
• Buka blog dan lihat hasilnya.

Silahkan gantai backgroundnya jika dikehendaki atau untuk penyesuaian dengan warna teks dan background blog.

Tweet