Widget ini sangat cocok untuk pengguna blogspot yang menginginkan Tag Cloud sederhana untuk Categories atau Label. Label Tag Cloud dapat dengan mudah diimplementasikan dalam sidebar blog Sobat dan akan cocok dengan template Sobat.
1. Buka Blogger
2. Klik Template -> Edit HTML
3. Cari kode <div class='sidebar' id='sidebar-wrapper'>
4. Cari lagi kode yang mirip dengan kode berikut <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section class='sidebar2' id='sidebar1' preferred='yes'>
5. Copy kode dibawah ini dan letakan di atas kode <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "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>
<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'>
<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
6. Simpan template.
+ komentar + 9 komentar
g ada semua kode di atas gan, mohon penjelasannya
Terimakasih Huda atas Komentarnya di Cara Membuat Tag Cloud, Label Berputar Di Blog@Khizbulloh HudaCoba cari class='sidebar' gan, trus taruh kode di bawahnya
@Ar Ifhinok, di coba dulu
Terimakasih Huda atas Komentarnya di Cara Membuat Tag Cloud, Label Berputar Di Blog@Ar Ifhingak ada juga nih
Terimakasih Huda atas Komentarnya di Cara Membuat Tag Cloud, Label Berputar Di Blog@Khizbulloh HudaMinta link blog sobat!
@Ar Ifhin
Terimakasih Huda atas Komentarnya di Cara Membuat Tag Cloud, Label Berputar Di Bloghttp://clickandskip.blogspot.com
maaf kalau baru balas skrg
@Khizbulloh Hudacari artikel populer atau pengikut atau label sobat, seperti contoh b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' (script widget populer post saya), setelah ketemu yg mirip sperti script tdi, copy script si atas lalu taruh di atas b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' lalu simpan
thx gan, udah jadi, dan thx juga buat commentnya ^^
Terimakasih Huda atas Komentarnya di Cara Membuat Tag Cloud, Label Berputar Di Blog@Khizbulloh HudaSama-sama gan. :)
Post a Comment
Catatan :
- Boleh berupa kritik dan saran
- Usahakan komentar tidak menyinggung
- Tidak mengandung kata-kata kasar
- Tidak berbau porno
- No spam