Rabu, 26 Maret 2014

Cara Membuat Tag Cloud Berputar di Blog

0 komentar
Cara Membuat Tag Cloud Berputar di Blog

Pengen lihat label di blog sobat bisa berputar kayak animasi gitu? Kalo iya tepat sekali sobat berkunjung ke postingan Oplosanblog kali ini. Dinamakan Tag Cloud, widget satu ini bisa bikin label sobat bergerak berputar layaknya animasi. Bagi yang melihat pasti takjub dan pengen juga memasangnya di blog sendiri. Hehe, Ok, langsung saja yah sobat, tidak usah panjang lebar cekibrot tutorialnya :D

Caranya adalah sebagai berikut :
1. Login ke akun blogger sobat
2. Masuk ke menu Template > Edit HTML
3. Sobat cari kode :

<b:section class='sidebar' id='sidebar' preferred='yes'>
  
atau kalau tidak menemukan bisa cari kode  :

<b:include name='quickedit'/> /b:includable></b:widget>

4. Kalau sudah ketemu salah satu kode di atas, kemudian sobat copy pastekan kode berikut ini di bawahnya kode yang di atas tadi :

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://oplosanblog.blogspot.com/'>Blogging, Tips, Trik dan Free Software</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "300", "200", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :ganti tulisan yang berwarna merah dengan keinginan anda
1. Lebar widget : 300px
2. Tinggi widget : 200px
3. Warna latar (background) : #333333 (abu-abu)
4. Warna huruf : 0xffffff (putih)
5. Ukuran huruf : 12 
Semoga bermanfaat yah postingan kali ini tentang Cara Membuat Tag Cloud Berputar di Blog.

Diposting Oleh : Boeztanoel ~ Blogging, Trik, Tips, Free Software

Sobat sedang membaca artikel tentang Cara Membuat Tag Cloud Berputar di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.

:: Oplosanblog ! ::

Artikel Terkait



Get this widget [ Here ]

Leave a Reply

Berkomentarlah di blog ini dengan cerdas dan sopan :
* Dilarang mencantumkan link aktif, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: :D
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentar sobat dihapus karena tidak mematuhi aturan!!