sudah ga bisa maka postingan ini hanyalah perbaikan script Cara Membuat Tag Cloud Comulus pada Blogspot. Ok lansung saja bagi yang ingin tampilan labelnya seperti cloud silahkan ikuti petunjuk dibawah ini.
1. Klik edit html
2. Centang " Expand Template Widget "
3. Cari code <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Selanjutnya taruh code dibawah ini dibawah code tadi
<b:widget id='Label99' locked='false' title='Labels' type='Label'>Kemudian preview template Anda. Jika diinstal dengan benar, Anda akan melihat tag awan muncul di sidebar Anda. Kemudian Anda bebas untuk menyimpan template, edit warna dan dimensi yang diperlukan, atau memindahkannya ke lokasi yang berbeda. Itu saja!
<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>
Menyesuaikan Blogumus
Dalam instalasi default, Blogumus preset termasuk variabel-variabel berikut:
* Lebar diatur ke 240px
* Tinggi diatur ke 300px;
* Warna latar belakang putih
* Warna abu-abu Test
* Ukuran font adalah "12"
Jika Anda memilih untuk membuat widget Anda yang lebih luas, lebih pendek, mengubah skema warna, dll, Anda akan perlu melakukan hal ini dengan mengedit berbagai bagian kode. Aku akan pergi melalui pilihan ini agar mereka muncul dalam kode widget. Mengedit lebar dan tinggi Variabel untuk lebar dan tinggi ditemukan dalam baris script berikut:
var sehingga SWFObject = baru ("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "# FFFFFF");
Lebar (saat ini 240) disorot dalam warna merah, sedangkan tinggi (default 300px) disorot dengan warna biru. Nilai-nilai numerik menentukan lebar dan tinggi dalam pixel, sehingga Anda dapat mengubah ini dari yang Anda inginkan. Mengedit warna latar belakang Anda dapat mengubah warna latar belakang dari putih menjadi warna lain dengan mengubah nilai hex di baris yang sama:
var sehingga SWFObject = baru ("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "# FFFFFF");
Misalnya, jika Anda lebih memilih latar belakang merah, Anda dapat mengganti dengan # FFFFFF # FF0000. Lihatlah halaman ini untuk daftar umum digunakan kode warna hex. Mengubah warna teks Secara default, teks diatur untuk ditampilkan sebagai abu-abu gelap (nilai hex # 333.333). Anda dapat mengubah variabel ini di baris berikut:
so.addVariable ("tcolor", "0x333333");
Sadarilah bahwa "tcolor" adalah variabel Flash dan tidak termasuk simbol hash biasa kode warna hex. Pastikan untuk hanya mengganti nomor! Sesuaikan ukuran font Ukuran font tag maksimum ditentukan pada baris ini:
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> </> tag ");
Anda dapat mengubah ini untuk memastikan tag akan ditampilkan dalam font yang lebih besar atau lebih kecil jika Anda lebih suka dengan mengubah "12" ke jumlah yang lebih besar atau lebih kecil. Sementara membuat perubahan ini, Anda harus dapat melihat pratinjau widget Anda dan memastikan bahwa pilihan Anda yang baru warna, dimensi dan latar belakang yang cocok untuk kebutuhan Anda.
reference :bloggerbuster
0 Comment
Posting Komentar