Setelah beberapa Waktu lalu saya gagal membuat Tag Cloud Comulus akhirnya saya kembali lagi untuk mencoba karena ada beberapa teman bloger yang Bertanya "Bagaimana cara membuat Tag Cloud Comulus"... Akhirnya Saya pun mencari dan mencobanya untuk memasangnya lagi , Setelah beberapa kali saya berdiskusi dengan rekan-rekan bloger akhirnya saya pun mendapatkan skriptnya,Dengan Postingan ini saya ingin berbagi untuk sobat-sobat yang ingin memasang Tag Cloud Comulus .
Penjelasan umum seputar Tag Cloud Comulus:
Sebenarnya Tag Cloud Comulus ini terinspirasi dari flatform blog Wordpress,
Oleh dua blogger handal luar negeri yaitu Roy Tanck dan Amanda Fazani akhirnya dibuat juga untuk flatform Blogspotnya.
Oke langsung saja Sobat kita Ikuti Cara Membuat Tag Cloud Comulus Labels:
1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode berikut: <b:section class='sidebar' id='sidebar' preferred='yes'> atau
Oke langsung saja Sobat kita Ikuti Cara Membuat Tag Cloud Comulus Labels:
1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode berikut: <b:section class='sidebar' id='sidebar' preferred='yes'> atau
<b:section class='foot' id='footer-3' showaddelement='no'>
(harap disesuaikan saja kodenya karena tidak semua templates sama)
4. Lalu copy pastekan kode di bawah ini persis berada di bawah kode tadi,
4. Lalu copy pastekan kode di bawah ini persis berada di bawah kode tadi,
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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", "#81F781");
// 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='13'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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", "#81F781");
// 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='13'><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. Sebelum di save harap dipreview terlebih dahulu, Agar tampak Hasilnya jika kita sudah puas dengan hasilnya baru kita save templates.
6. Untuk merubah Lebar dan Tinggi, ubah tulisan yang berwarna Biru,
6. Untuk merubah Lebar dan Tinggi, ubah tulisan yang berwarna Biru,
7. Untuk merubah warna background ubah tulisan yang berwarna Pink,
8. Untuk merubah besar kecilny tulisan tag label ubah tulisan yang berwarna Ungu.
1. Jika kode swf yang saya tandai berwarna Merah tidak bisa bekerja secara baik,
Coba ganti dengan kode swf berikut ini:
http://www.swfcabin.com/swf-files/1275932799.swf
Coba ganti dengan kode swf berikut ini:
http://www.swfcabin.com/swf-files/1275932799.swf
2. Untuk merubah background sobat dapat melihat kode warna di sini
Kurang lebihnya Seperti itulah Cara Membuat Tag Cloud Comulus [Label Berputar] di Blogspot,
Kurang lebihnya Seperti itulah Cara Membuat Tag Cloud Comulus [Label Berputar] di Blogspot,
semoga bisa bermanfaat dan selamat mencoba.
Dan Salam Blogwalking...!!!!!
muncul ini gan :(
Widget dengan id Label99 tidak berada dalam bagian (element induk aktual adalah: div.) Setiap widget seharunya berada dalam sebuah bagian.
Error 500
gmn?
http://ritz-bee.blogspot.com/
berarti sobat masangx ga tepat
coba u cari kode yang spt ini jika ada banyak coba u pilih yang di tengah-tengah ataw coba satu-satu
kemudian pastekan...jangan langsung di save dulu
kode di atas makzudx kode ini <b:section......
liat di http://tuoxz.blogspot.com/2011/04/tag-cloud-culumbus-untuk-blog-mode.html#more
nie buat template mode mutakhir.. siapa tahu blog anda sama seperti saya