// Cara Membuat Tag Cloud/Label Cloud | FALCON'S
POSITIVE THIKING

Cara Membuat Tag Cloud/Label Cloud



Mungkin teman-teman dalam hati bertanya-tanya bagaimana sih cara membuat Tag cloud/label cloud (tag atau label yang berputar..)
Langsung ajah deh saya akan jelaskan bagaimana cara membuatnya :


[1]. Log in dulu ke blogger.com
[2]. Login ke dashboard
[3]. Pilih Tata Letak -> Edit HTML
[4]. Cari code berikut ini :

 <b:section class='sidebar' id='sidebar' preferred='yes'>

Jika menggunakan template blogger designer (template baru) coba cari kode seperti di bawah ini :

<b:section-contents id='sidebar-right-1'>

[5]. Setelah menemukan kode di atas masukkan kode berikut :

<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>

[6]. 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...!!

0 comments:

 

Blogger news

Experience

Plan's

About

ungu

About Me

^^

Blogroll

Just select text on the page and get instant translation from Google Translate!

Google Translate Client