Minggu, 20 Maret 2011

membuat laber berputar

Mungkin ada diantara sobat blogger yang ingin menghias blog dengan membuat label berputar ketika pointer mouse diarahkan ke tag atau label tersebut. Biasanya tag cloud ditempatkan di sidebar blog..

Untuk membuat (menambah) tag cloud ke sidebar blog anda,bisa lakukan prosedur berikut :

1. Login ke dashboard Pilih Tata Letak -> Edit Html








2. Cari kode berikut,agar mudah tekan Ctrl + F :
<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :
<b:section-contents id='sidebar-right-1'>

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

3. Simpan template Jika sukses maka hasilnya akan terlihat seperti berikut label berputar.Catatan, Jika di blog anda 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 anda. Pilih option Cloud

Tidak ada komentar:

Posting Komentar

Total Tayangan Halaman