Cara Membuat Kategori atau Label Bergerak

Translate

Label bergerak Naik atau Turun

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.

Jadi sebelum menerapkan tutorial membuat ketegori bergerak ini pada blog kamu, ada baiknya kamu mempertimbangkan lagi.

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

- Cara Membuat Kategori atau Label Bergerak

- Cara Mudah Membuat Widget Bergerak Di Blog

- Cara Membuat Spoiler atau OpenHere Dengan Tampilan Menarik

- Cara Mudah MembuatRecent Post Thumbnail Gambar Bergerak Slide Di Blog 

- CARA MENYUSUN GAMBAR BANYAK DIDALAM POSTINGAN AGAR RAPI

Ok kita kembali kepokok inti cara membuat label bergerak...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, Kopi 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