Kali ini saya akan share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.
Disini saya hanya mengulas ulang, siapa tahu ada sahabat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sahabat. 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.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.
Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
1. Seperti biasa sobat harus login dulu di akun blog sahabat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode berikut:
- 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'>
5. Setelah ketemu sobat copy paste code berikut ini tepat dibawah 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'>Created by <a href='http://www.zam-bekerz.blogspot.com/'>Bekerz</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>
<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'>Created by <a href='http://www.zam-bekerz.blogspot.com/'>Bekerz</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. Klik save / simpan template Catatan: Apabila label belum muncul sobat setting secara manual dahulu.
Carany buka layout>pilih gadget>pilih labels>
Pilih Cloud. dan klik save
dan lihat bagaimana hasil nya..Jika ada yang ingin ditanyakan atau ada yang belum jelas silahkan sahabat bertanya di kotak komentar yang tersedia. Selamat berbingung ria dan semoga bermanfaat!!
Carany buka layout>pilih gadget>pilih labels>
dan lihat bagaimana hasil nya..Jika ada yang ingin ditanyakan atau ada yang belum jelas silahkan sahabat bertanya di kotak komentar yang tersedia. Selamat berbingung ria dan semoga bermanfaat!!
Cara membuat Label berputar-putar di blog
4/
5
Oleh
Unknown