Rabu, 05 Desember 2012

Trik Membuat Kategori atau Label Bergerak di Blog



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 ;

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...

Artikel Menarik Lainnya :



Tidak ada komentar:

Posting Komentar

Apabila ada saran atau dalam posting ada kata yang kurang berkenan, saya mohon maaf. terima kasih sudah mampir di blog saya.