Blogger news

Back to top
27 Feb 2012

Cara membuat Label cloud berputar

Dengan dipasangkannya label cloud berputar ini dapat membuat tampilan blog kamu akan terlihat lebih keren, Kenapa ? karena dengan tampilannya yang rapi selain itu juga karena pergerakannya yang memutar bila kita arahkan cursor ke label tersebut bisa dibilang sih seperti bola dunia..

Bila sobat ingin membuatnya silahkan ikuti langkahnya:

1. Masuk ke akun blogger
2. Pilih Rancangan/Tata letak lalu pilih Edit HTML
3. jangan lupa untuk backup template sobat untuk menjaga terjadi kesalahan.
4. Centang kotak kecil ( Expand Widget Template )
5. Kemudian sobat cari kode di bawah ini


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

6. Copas kode dibawah ini dan tempatkan tepat di bawah kode yang ada diatas.


<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'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://Diemyblogger.blogspot.com/'>Diemy blogger</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Ket : ~Mengubah lebar dan tinggi kolom serta warna background
Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk background

~Merubah warna font, untuk kode warna bisa sobat lihat disini
so.addVariable("tcolor", "0x333333");

~Merubah ukuran font
so.addVariable("tagcloud", "12'>");

Selamat Mencoba..!!!

0 komentar:

Posting Komentar

Catatan :

1. Usahakan Komentar tidak mengandung kata kasar
2. Komentar SPAM akan dihapus segera setelah admin review
3. Berkomentarlah sesuai dengan artikel di atas
4. Jika anda memiliki masalah dengan artikel di atas diharapkan berkomentar.
5. Jika ada link hidup di dalam komentar akan segera admin hapus
6. Dilarang menyebarluaskan artikel tanpa persetujuan dari admin
7. Pastikan untuk klik " Berlangganan lewat email" untuk membantu membangun blog ini lebih maju.

Terima kasih untuk anda yang sudah berkomentar dengan baik, Jika ada link yang error pada artikel di atas segeralah berkomentar dengan mengklik tombol balas pada kolom komentar nanti admin akan segera memperbaikinya.

Copyright © 2014 Diemy Blogger All Right Reserved