Cara membuat widget Cloud berputar

Bookmark and Share

Farhan Share - sobat farhan bagaimana kabar sobat hari ini? semoga sobat semua dalam keadaan sehat wal'afiat, nah kita mulai saja sobat dengan topik pembicaraan kita hari ini, sobat pernah kah melihat widget label cloud berputar di blog sahabat? widget untuk label berbentuk cloud dan bisa berputar seperti bola dunia, tentunya menarik bukan sobat, nah sesuai topik kita di atas sekarang farhan akan nge-share tentang bagaimana cara membuat widget label cloud berputar, pastinya sobat farhan semua sudah penasaran kan bagaimana cara pemasanganya, mari sobat kita mulai saja ini dia langkah-langkahnya.

1. login Ke Blogger.

2. Pilih Template.

3. Sobat download template full terlebih dahulu mencegah terjadi kesalahan.

4. Pilih Edit HTML.

5. Centang Box "Expand template widget"

6. Lalu sobat cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> menggunakan CTRL+F4 / F3, selanjutnya sobat letakkan kode script di bawah ini persisi di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'> 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'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</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;250&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>


Catatan : kode yang berwarna ungu bisa sobat ganti dengan ukuran dan warna widget yang sobat  inginkan.
Catatan : kode yang berwarna biru muda bisa sobat ganti untuk merubah size font / besar tulisan.


7. Klik "Save" dan selesai.

Selamat mencoba sobat farhan, bila ada pertanyaan comment di  bawah.

{ 0 komentar... Views All / Send Comment! }

Poskan Komentar