-->
 
Cara Membuat Tag Cloud / Label Cloud

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     

Langsung aja kita simak langkah-langkahnya;
[1]. Login ke akun blog anda
[2]. Pilih Tata Letak -> Edit HTML
[3]. Carilah kode berikut :


Jika menggunakan template blogger designer (template baru) coba cari kode seperti di bawah ini :
<b:section-contents id='sidebar-right-1'>
[4]. Setelah menemukan kode di atas masukkan kode berikut 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", "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>
[5]. Simpan Template

Catatan :


Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud



Jika ingin mengubah warnanya Anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa Anda ganti sesuai lebar widget Anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain sesuai background template Anda


Selamat mencoba dan semoga bermanfaat...!!
Narasumber ; http://hariopamungkas.blogspot.com/
Posted On : 19 Agustus 2011 Time : 18.42
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |