Cara Membuat Lebel Category Thumbnail

Cara Membuat Lebel Category Thumbnail - pada sebelumnya saya menuliskan dua cara membuat Lebel cloud keren, pada kesempatan ini saya akan berbagi trik cara membuat lebel category dengan gamabar. Lebel category dengan gambar tentunya dapat menambah daya tarik pengunjung dan dapat menambahkan visitor blog anda.

Dengan memasang categoty dengan gambar tentunya dapat menambah tampilan blog anda lebih keren karena anda bisa merubah dan mengganti gambar tersebut setiap saat, bagia anda yang tertarik ingin membuat label category dengan gambar berikut ini langkah penerapannya :

1. Login keakun Blogger anda
2. Pilih Layout/Tata Letak
3. add Gadget
4. Pilih HTML/Javascript
5. Silahkan anda copy kode berikut dan letakkan dikolom yang tersedia

<div class="widget HTML" id="HTML13">
<h2 class="title">Category</h2>
<div class="widget-content">
<a href="URL Tujuan"><img alt="Games" src="URL Gambar" height="80px" title="Games" />Games</a>
<br />
<a href="URL Tujuan"><img alt="Internet" src="URL Gambar" height="80px" title="Internet" />Internet</a>
<br />
<a href="URL Tujuan"><img alt="Media" src="URL Gambar" height="80px" title="Media" />MultiMedia</a>
<br />
<a href="URL Tujuan"><img alt="Movies" src="URL Gambar" height="80px" title="Movies" />Music</a>
<br />
<a href="URL Tujuan"><img alt="Office" src="URL Gambar" height="80px" title="Office" />Office</a>
<br />
<a href="URL Tujuan"><img alt="Picture" src="URL Gambar" height="50px" title="Picture"/>Picture</a>
<br />
<a href="URL Tujuan"><img alt="System Tools" src="URL Gambar" height="80px" title="System Tools" />System Tools</a>
<br />
<a href="URL Tujuan"><img alt="Searches" src="URL Gambar" height="80px" title="Searches" />Uncategorize</a>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=8108001136329145218&amp;widgetType=HTML&amp;widgetId=HTML13&amp;action=editWidget&amp;sectionId=sisiatas" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML13&quot;));" target="configHTML13" title="Edit">
<img alt="icon18_wrench_allbkg" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" title="icon18_wrench_allbkg">
</a>
</span>
</span>
<div class="clear"></div>
</div>

Note :

Silahkan anda ganti kode 8108001136329145218 dengan ID Blog anda, jika anda masih bingung mencari ID blog anda bisa membacanya disini.

5. Simpan

Mudah bukan dan tampilan Category anda pastinya tambah keren, sekian dari saya Cara Membuat Lebel Category Thumbnail, semoga bermanfaat!!!

Share this post