- Pertama silahkan login ke account blogger anda.
- Kemudian pada kontrol panel masuk kebagian tata letak atau layout, lalu pilih edit html dan centang expand widget. (jika templatenya takut rusak, sebelumnya backup dulu template anda)
- Untuk mempermudah pencarian klik tombol Ctrl + F pada keyboard anda dan masukkan kode dibawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Setelah ketemu kemudian lakukanlah copy paste kode dibawah ini tepat dibawahnya.<b:widget id='Label9' locked='false' title='Tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "300", "200", "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>
Jika telah selesai, silahkan klik tombol save dan refresh halaman depan anda.
Sampai disini apakah sudah selesai ? Sebenarnya belum. Karena kita masih bisa untuk merubah sesuai dengan template yang digunakan. Untuk menyesuaikan ukuran widget ini dengan desain blog anda, silakan di edit pada bagian yang terlihat dibawah inivar so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
Perintah diatas artinya adalah angka 300 menyatakan lebar, 200 menyatakan tinggi, dan #FFFFFF menyatakan warna background dari widget.
Untuk merubah warna tulisan atau teks dari widget ini silakan edit pada angka yang bertuliskan 333333 dibawah ini :so.addVariable("tcolor", "0x333333");
Jika anda ingin merubah besarnya huruf yang ditampilkan silakan edit pada bagian seperti dibawah ini yang bertuliskan 12 menjadi angka yang anda inginkan.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>");
Note : Teks / angka yang bertuliskan #FFFFFF atau 333333 merupakan kode hexadecimal untuk warna dalam html. Jika ingin melihat code warna lain bisa kunjungi HTML color codesCredit : http://pcguru.okihelfiska.net
About me
Member
Daftar isi
- Ganti Model Scroll Bar
- Membuat POP UP Chat box Unik
- Membuat Energy Saving Mode / Istilah lainnya Screen Saver Di blog
- Membuat Icon / Widget Twitter Burung Terbang
- Mempercantik blog dengan JS collector
- Cara membuat mbah google berantakan
- Cara membuat aplikasi facebook APP
- Nexian G522 Setup Sebgai Modem
- Update Status FB via Twitter
- NDLINE : Instant Messaging Buatan Indonesia
- Nimbus For PC / MAC
- Percantik Mozilla FireFox dengan Personas
- Adding Superbox (Light Box) Widget To Blogger Images. Fixed.
- Blogger Recent Posts Widget With Thumbnail
- Cara Ngintip Chatting Orang di YM
- Cara Tambahkan Galeri Foto Widget Dengan jQuery Hover / Zoom Untuk Blogger Anda
- Read More buttons Collection
- Sharing And Book Marking Widgets For Blogger
- Trik Iseng Pake Bluetooth HP
- Situs-situs Manipulasi Foto Online
- Menampilkan Nama "ANDA" di Sebelah Kanan Bawah Taskbar
- Tips Membersihkan File Yang Tidak Berguna
- Trik Lucu Bikin Kelap kelip Lampu Keyboard
- Isengin Facebook dengan javascript
- Membuat Show - Hide Floating Menu
- Instal Joomla! ke Web Hosting 000Webhost
- Tips mudah Meringkas domain untuk Web Hosting
- Memasang Custom Yahoo Icon Di Blog-mu
- Membuat Welcome dan GoodBye Alert
- Membuat 2 Blog Dalam 1 Account
- Bikin Blogroll Sederhana
- Mengganti Tampilan Profile Facebook
- Buat Slide Photo sendiri dengan Javascript
- Instal CMS Wordpress ke WebHost
- Membuat Tag WP Cumulus di Blogspot
- Cara Mengganti Tulisan Older Post dan Newer Post Dengan Icon Gambar
- Cara Memasang halaman berurutan
- Read More Versi Baru
- Membuat Menu Horizontal dengan Javascript
- Membuat Submenu / Subnavigasi
- Membuat Blog Bertabur Salju
- Memasukkan Javascript ke HTML CODE di blog
- Membuat Yahoo Indikator
- Membuat Situs Gratis dengan Domain co.cc
- Trik Membuat Rainbow Link
- Membuat Flash Mp3 Sendiri
- FTP Core FTP dan Smart FTP
- Browser Bergetar Menari Seperti Virus
- Tips Membuat Recent Post Sendiri
- Tips - Tips Mengganti Template Blogspot
- Membuat No right Click (Anti Click Kanan)
- Tiga Jasa Web Untuk Menampilkan Kode HTML Pada Postingan
- Membuat Title Bar Variatif dan Unik
- Membuat Blogrol Unik Dengan Marquee
- Membuat Domain Gratis Dengan macam - macam Domain
- FTP Filezilla
- tutorial Google Adsense
- Kirim SMS leawat Friendster
Blog
5 Mei 2009
Membuat Tag WP Cumulus di Blogspot
Diposting oleh Kutilank.com di Selasa, Mei 05, 2009
Oke deh g usah basa basi langsung saja nih ... :D
Langganan:
Posting Komentar (Atom)
1 komentar:
interesting
Posting Komentar
Terima kasih atas komentarnya