Cara membuat tag Cloud
Cara membuat tag Cloud
Nah sesuai dengan judulnya kita akan belajar membuat tag cloud yang berada di blog kita, supaya terlihat lebih keren....hehehehehe....langsung saja kita ke tahapan dalam membuat tag cloud di blog.
1.Login dulu ke blogger dengan ID sendiri-sendiri
2.Kemudian sobat masuk ke "Rancangan"
3.Setelah itu klik "edit html"
4.Setelah terbuka sobat jangan lupa klik "Exspand Widget Templates"
5.Kalo sobat kawatir sobat bisa download template lengkap supaya untuk jaga-jaga
6.Kemudian sobat cari kode seperti dibawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
atau
atau
<b:section class='sidebar' id='sisiatas' preferred='yes'>
7.Setelah ketemu sobat copy paste kode script dibawah ini dan letakkan tepat di bawahnya kode no.6 tadi
<b:widget id='Label50' locked='false' title='tag' 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/jetzblogs/tag-cloud/jetztagcloud.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "185", "185", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x80ff00");
so.addVariable("hicolor", "0xFFFFFF");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "125");
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'/>
<script type='text/javascript'>
</script>
</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/jetzblogs/tag-cloud/jetztagcloud.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "185", "185", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x80ff00");
so.addVariable("hicolor", "0xFFFFFF");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "125");
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'/>
<script type='text/javascript'>
</script>
</div>
</b:includable>
</b:widget>
8.Kemudian simpan template sobat dan lihat hasil kerja keras kita tadi
NB :
185 = Lebar Widget dalam px
185 = Tinggi Widget dalam px
#000000 = Warna Background (Hitam)
0x80ff00 = Warna Huruf
12 = Ukuran Font
0xFFFFFF = Warna Link
185 = Tinggi Widget dalam px
#000000 = Warna Background (Hitam)
0x80ff00 = Warna Huruf
12 = Ukuran Font
0xFFFFFF = Warna Link
Selamat mencoba dan semoga berhasil ya kawan.....
Jangan lupa comment ya kawan semua............
Cara membuat tag Cloud
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Cara membuat tag Cloud diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar