Selamat datang di Kios-Tutorial

Cara Membuat Label Berputar Dalam Blog

Friday, December 20, 20130 komentar

Label atau tag dalam sebuah blog sangat penting untuk memudahkan pengunjung mencari kategori artikel yang diinginkan. Selama ini sebagai pemula saya hanya tahu model Label bawaan blogger, tapi setelah berjalan-jalan kesana-kemari akhirnya menemukan model Label yang mungkin bisa untuk lebih menarik perhatian para pengunjung blog kita.

Kali ini saya akan membagikan tutorial membuat label berputar dalam blog, meskipun cara ini sudah sering kali di bahas oleh para bloggers senior. Tapi saya akan menulis ulang tutorialnya siapa tahu ada blogger-blogger pemula seperti saya yang belum pernah coba cara ini.

membuat label berputar

Langsung saja kita lihat caranya di bawah......

Cara Membuat Label Berputar Dalam Blog

1. Masuk ke akun blogger anda
2. Klik Tempplate >> Edit HTML
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> (tekan F3 untuk memudahkan pencarian)
4. Kemudian copy kode di bawah ini dan paste dibawah <b:section class='sidebar' id='sidebar' preferred='yes'>

<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Save, lebih baik lakukan Preview dulu sebelumnya.

KETERANGAN :
  • Warna BIRU : ukuran panjang dan lebar (ganti sesuai dengan template blog kalian)
  • Warna HIJAU : untuk mengganti warna background Tag Cloud
  • Warna KUNING : untuk mengganti ukuran font

Bagaimana mudah bukan . . . .. 
Terima kasih sudah mampir ke kios-tutorial dan meluangkan waktu untuk membaca artikel...

Tutorial Tips & Trik Photoshop | Illustrator | Cinema 4D | Blog & Seo

Jika ada pertanyaan seputar artikel ini, silahkan berkomentar di tempat yang sudah disediakan
Share this article :

Post a Comment

- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2013. Tutorial Tips & Trik - All Rights Reserved
Template Created by Creating Website Re-Design by Kios
Proudly powered by Blogger