Lorem Ipsum Dolor .......

Lorem ipsum lorem ipsum lorem ipsum lorem ipsum.......

Membuat Tag Cloud Cumulus Pada Blog



















Saya akan menjelaskan tentang bagaimana membuat tag cloud cumulus pada blogger. Tag Cloud Cumulus Blogger adalah sebuah kotak yang berisikan kata-kata yang merupakan label dari postingan kita. Jadi kalo mau liat postingan dengan label/kategori tertentu, kita dapat melihatnya dengan mengklik salah satu kata yang merupakan label dari posting yang berkaitan. Tag Cloud Cumulus ini bisa bergerak tergantung posisi kursor kita.

Caranya kayak gini :
1. Yang jelas masuk dulu ke blogger, login trus masuk Tata Letak/layout ==> Edit HTML
2. Trus cari kode seperti ini :

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

3. Kalo susah nyarinya, pake Ctrl+F ajah
4. Kalo masih gak ketemu, coba cari kode yang mirip tp belakangnya beda.
5. Kalo dah ktemu, copikan (tepat dibawah kode tadi) script dibawah ini :

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

6. Simpan Template, udah jadi deh...
7. Kalo mau ganti ukurannya bisa diganti kodenya :
cari kode ini:

/wp-cumulus-example/tagcloud.swf", "tagcloud", "220", "340", "8", "#ffffff");

8. 220 (lebar), 340 (tinggi), 8 (ukuran font) dan #ffffff (warna huruf)
9. Selamat mencoba.

0 komentar:

Posting Komentar