Nah sobat, selain menarik untuk di lihat bakal lebih menarik lagi jika sobat langsung mempraktekan di blog sobat sendiri..
Langsung saja ke cara membuatnya...
Langkah - langkahnya :
1. Log in ke blog sobat
2. Dasbor > Template > edit HTML > centang Expand Template Widget
3. Search kode :
Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
4. Setelah copy, pastekan kode berikut ini tepat di bawah kode yang sobat cari tadi
<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", "320", "220", "7", "#ffff00");
// uncomment next line to enable transparency
//so.addParam("wmode", "#ffff00");
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='16'><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", "320", "220", "7", "#ffff00");
// uncomment next line to enable transparency
//so.addParam("wmode", "#ffff00");
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='16'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Keterangan:
Kode berwarna kuning adalah lebar widget, bisa sobat
sesuaikan sediri.
Kode berwarna hijau adalah tinggi widget, bisa sobat
sesuaikan sendiri.
Kode berwarna biru adalah warna latar dari Label itu sendiri
6. Klik save / simpan template
Related Post:
Tentang BLoG
- Cara Membuat Tombol (button) url lengkap
- 10 Kata kunci (keyword) yang paling banyak di cari di dunia
- 10 Keyword yang paling banyak di cari di indonesia menggunakan google insight
- Cara Membuat Breadcrumbs Langsung Terindeks Oleh Google
- Merubah Postingan lama / baru (Navigasi) dengan angka
- Cara membuat 2 kolom posting / widget pada blog
- Cara membuat halaman depan blog tanpa postingan
- Merubah Title Tag Lebih SEO Friendly
- Membuat SlideShow mudah dan keren di blog
- Template keren gratis untuk blogger (part.3)
- Template keren gratis untuk blogger (part.2)
- Template keren gratis untuk blogger
- Membuat Favicon pada blog atau website bagian.2
- Membuat favicon pada blog atau website bagian.1
- Membuat menu dropdown keren
- membuat link menjadi warna warni / rainbow link
- Membuat Rencent Comment terbaru dan keren with avatar
- Menampilkan jumlah postingan di beranda
- Membuat Halaman Statis pada blogger
- Membuat Border / widget melengkung pada blog
- cara mendaftarkan blog di rss feeds
- Cara menghilangkan Diposkan, Label dan waktu postingan / artikel
- Memasang Menu Accordion Terbaru pada widget (vertikal)
- Memasukan Label Tertentu pada Widget
- Membuat blog jadi DoFollow