tips membuat lebel berputar (LABEL CLOUDS)
Langsung saja praktikan di yuk..!!download terlebih dahulu template sobat, sebagai antisipasi jika nanti gagal. caranya biasa masuk tata letak -> edit HTML -> centang "Expand Template Widget". trus klik "Download Template Lengkap" untuk mendownload templet sobat.
oke sekarang kita membuat LABEL CLOUDS
caranya :
- Masuk ke Blogger dengan ID sobat!
- Pilih Rancangan
- Edit HTML
- Kasih tanda ceklis pada Expand Template Widget
- aku ingatkan lagi nieh!! "back up dulu template kalau sobat takut gagal"
- Cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>
cara mencarinya tekan "ctrl+f (menggunakan keyboar)" paste kode di atas "klik find next". ketemu kan??.. kalau tidak ktmu cari yang ini saja <b:section class='sidebar' id='sidebar1' preferred='yes'>
jika tidak ketemu juga cari saja kode yang mirip seperti itu.. masalahnya template blogger berbeda2 - Copy seluruh kode dibawah ini, terus paste tepat dibawah kode di atas (yang tadi di cari).
<b:widget id='Label100' 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='18'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
8 Gantilah tulisan yang berwarna merah dengan tulisan yang ingin sobat tampilkan<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='18'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Angka 240 dan 300 merupakan width dan height dari label clouds, ganti oleh sobat sesuai dengan ukuran lebar dan panjang sidebar blog anda
Kode warna #ffffff merupakan kode dari warna hitam yaitu warna dari lay out label clouds, gantilah dengan warna pilihan sobat
Kode 333333 merupakan kode warna putih dari tulisan yang akan muncul, ganti kode warna tersebut dengan warna pilihan sobat.
Angka 100 merupakan kecepatan perputarantulisan dalam label clouds, semakin besar angkanya semakin cepat berputarnya tulisan dalam label clouds, begitu juga sebaliknya,
Angka 18 merupakan ukuran tulisan yang akan muncul di dalam label clouds.
9. klik tombol (save) Simpan template.
10. jadi deh lebelnya .coba lihat blog sobat sekarang...!!!
Post a Comment