Blogger templates

Selamat Datang di Blog Omatix Pecinta Merah Putih
Diberdayakan oleh Blogger.

Popular Posts

Pages

Cara Membuat Tag Cloud Animasi Pada Blog


Mungkin anda pernah melihat Label menggunakan animasi, sekarang saya akan membantu anda membuat label menggunakan animasi agar blog atau web anda terlihat lebih menarik dengan menu navigator yang unik.

Label animasi ini mempunyai tampilan yang sangat menarik karena ketika mouse kita mengarah ke area tag cloud maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif.

Label animasi ini mempunyai fungsi yang sama dengan lebel standar dari blogger. Jadi ketika anda menambahkan label pada postingan maka label tersebut akan secara otomatis muncul pada tag cloud.

Tutorial Pemasangan Read More

  • Masuki Login blogger anda
  • Klik Tata Letak, kemudian Klik Edit HTML.
  • Contreng checkbox Expand Widget Template.
  • Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
  • Kemudian copy paste kode berikut ini di bawah kode yang tadi ;

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


  • Jika sudah, Klik Save Template. Selesai

"GOOD LUCK"

Comments :

1
Matth mengatakan...
on 

wah Boleh di coba NIh....Klo Isinya Kaya gambar bisa ga??? Jadi tidak cuma text saja??? mohon jawah bos....Mampir juga ke blog saya Marchivelliz.blogspot.com

Posting Komentar

 

Blogroll

free counters Locations of visitors to this page

>>KAWANKU BLOGKU