CARA MEMBUAT TAG CLOUD, LABEL BERPUTAR DI BLOG
Cara Membuat
Tag Cloud, Label Berputar Di Blog Artikel Ini menginformasikan bagaimana
cara membuat tag cloud berputar di blog, atau label berputar, tapi baru bisa
saat ini. Memang sulit tapi aku gak nyerah untuk belajar membuat label berputar
pada blog. Nah berikut ini adalah hasil dari apa yang aku pelajari , yaitu
membuat tag cloud bisa berputar..kamu bisa lihat hasil cara membuat label
berputar pada blog punyaku ini. Kalau dah bisa
sebenarnya mudah untuk bikin label berputar.
CATATAN :
Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu
nyoba bikin label berputar, mending kamu download template punyamu dulu.
Okey...mari belajar bersama blog "CARAPADA", langkah-langkahnya :
Lihat Demo Blogspot yang sudah ada tag cloudnya di Buat Radio
1. Login ke blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,
Okey...mari belajar bersama blog "CARAPADA", langkah-langkahnya :
Lihat Demo Blogspot yang sudah ada tag cloudnya di Buat Radio
1. Login ke blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode 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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "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>
<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", "300", "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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Keterangan:
·
Kode
berwarna Merah adalah lebar widget, bisa sobat sesuaikan sediri.
·
Kode
berwarna Biru adalah tinggi widget, bisa sobat sesuaikan sendiri.
·
Cara ini
tidak berlaku untuk semua template
#Sarah Mutia
0 komentar: