Trik Membuat Kategori atau Label Bergerak di Blog

Translate

Label bergerak Keatas atau Kebawah ...

Membuat Kategori bisa Bergerak. Mungkin sebagian dari kamu sudah mengetahui trik ini. Tapi enggak ada salahnya saya memposting tutorial membuat kategori (label)bergerak ini.

Supaya menambah pengetahuan aja. Posting ini terinspirasi dari blog saya yang lama dan kang ajib punya. Makasih kang buat infonya. Oya, sekedar informasi, membuat kategori bergerak memang akan membuat penampilan blog kamu makin keren. Tapi penampilan yang bagus itu juga harus dibayar dengan loading page yang agak lama. Contohnya saya kembali memakai Scroll lagi.

Mungkin juga anda tertarik dengan Artikel sebelumnya yang berhubungan dengan Widget ;

- Trik Membuat Kategori atau Label Bergerak

- Trik Mudah Membuat Widget Antik dan Bergerak Di Blog

- Trik Membuat Spoiler atau OpenHere Dengan Tampilan Menarik

- Trik Mudah Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog 

- Trik MENYUSUN GAMBAR BANYAK DIDALAM POSTINGAN AGAR RAPI

Nah diatas adalah banyak artikel yang membahas masalah widget lain yang lebih menarik, Jadi sebelum menerapkan tutorial membuat ketegori bergerak ini pada blog kamu, ada baiknya kamu mempertimbangkan lagi.

Kalau tetap mau mencoba yang ini juga, Bagaimana caranya? ikuti petunjuk nya dibawah ini:

Catatan; sebaiknya Save dulu template lamanya untuk menghindari hal yang tidak diinginkan. OK!
1. Masuk ke halaman Layout.
2. Pilih edit HTML.
3. Centang tanda expand template widget.
4. Cari kode dibawah ini:

<b:section class='sidebar' id='sidebar' preferred='yes'>

5. Setelah ketemu, copy paste kode dibawah ini tepat dibawah kode tersebut:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


6. Coba Pratinjau dulu kalau sudah ok ! baru Klik save template.
7. Selesai.

Gampang kan? Selamat mencoba ya...

Semoga berguna dan bermanfaat.


Edit ; wawansurya
Sumber;
www.affiliate-waones.com
http://mitra-sbm.blogspot.com/
http://mitra-sbm.blogspot.com/

merchant 

Artikel Menarik Lainnya :