mungkin sangat menarik juga jika Mouse kita dekatkan di ke label (Tag) tersebut dan Tag Label tersebut akan berputar-putar. Pada postingan sebelumnya memang saya pernah Bahas cara buat Tag Cloud ini u/share sama temen2 biar blogsnya bisa cantik dengan memakai TagsCloud ini.kali ini saya tulis lagi dari postingan yang pernah dibahas juga di blog Amanda dan lebih simple lagi dari yang pernah saia bahas sebelumnya. langkah-langkahnya sebagai berikut : (sebelumnya BackUp lengkap Template Anda terlebih dulu ya,biar kalo ada kesalahan bisa diperbaiki seperti semula).
1. Masuk ke LAYOUT --> EDIT HTML jangan lupa beri tanda Centang pada kotak kecil "expand text widget".
2. Cari Code dibawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Kalo masih kesusahan cari code tersebut, Tekan Ctrl-F atau F3 dikeyboard, masukkan code tersebut dan tekan enter.3. Kalo Code diatas udah ketemu , Copy Paste Code dibawah ini dan letakkan setelah Code di atas.
<b:widget id='Label99' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>
<script src='http://lol1ds.googlecode.com/files/mastercumulus-bgs1-gr.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> modif by <a href='http://lolidsonline.blogspot.com'>lolidsonline</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://mopheat.site40.net/recources/tagcloud/tagcloud.swf", "tagcloud", "170", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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><br/><a href='http://lolidsonline.blogspot.com/2009/07/membuat-tag-cloud-label-bag-2.html'> widget by artich</a></center>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>
<script src='http://lol1ds.googlecode.com/files/mastercumulus-bgs1-gr.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> modif by <a href='http://lolidsonline.blogspot.com'>lolidsonline</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://mopheat.site40.net/recources/tagcloud/tagcloud.swf", "tagcloud", "170", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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><br/><a href='http://lolidsonline.blogspot.com/2009/07/membuat-tag-cloud-label-bag-2.html'> widget by artich</a></center>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
4. Setelah selesai SAVE dan lihat Hasilnya. Jika berhasil Label Blogs anda akan seperti Blog ini.
Note :
Jika anda ingin merubah ukuran tinggi dan lebar nya sesuai tampilan di blogs anda, tinggal rubah kode lebar yang '170' dan tinggi yang '200' sesuai dengan keinginan anda.
Jika anda ingin merubah warna nya,anda rubah kode warna nya yang di tulisan "#ffffff" .
O.k Akhir kata selamat mencoba.
tag : membuat tag cloud, tag cloud, tag cloud ,search ,software ,kesehatan ,internet ,indonesia ,download ,wordpress ,union catalog ,clouds ,cloud computing
Article information:
Description: Membuat Tag Cloud Label Bag. 2
Rating: 4.5
- Reviewer: LolidsOfficialBlog
- ItemReviewed: Membuat Tag Cloud Label Bag. 2
jjin coba dlu kang, ntar klo tdk bsa tlg diajari ya. trimz.
@sari
trimakasih komentarnya, silahkan dicoba. semoga bermanfaat.