Cara Membuat Label Berputar-putar Di Blog

Jumat, 05 Juli 2013

Cara Membuat Label Berputar-putar Di Blog - Kali ini saya akan share tentang cara membuat label berputar-putar di blog. Sebelumnya saya sudah membahas tentang cara membuat efek lipatan kertas di blog dan sekarang saya akan membahas tentang tutorial blogger, disini saya hanya mengulas ulang, siapa tahu anda belum mengerti, atau pun sudah pernah melihat dan ingin mempraktikkan di blog anda. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.

1. Seperti biasa, masuk ke blogger terlebih dahulu.
2. Pilih template.
3. Pilih edit html.
4. Cari kode dibawah ini.

<b:section-contents id='sidebar-right-1'>

5. Salin kode dibawah ini dan taruh dibawah kode 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", "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>

6. Simpan.

Catatan:
1. Tulisan yang berwarna merah, anda bisa ganti dengan lebar yang anda inginkan.
2. Tulisan yang berwarna hijau, anda bisa ganti dengan tinggi yang anda inginkan.