Cara Membuat Label Berputar di blog ( tag cloud)

Tampilan dari label itu jika dari blogger asli terdapat 2 tampilan yaitu tampilan biasa atau sliding ke bawah dan yang berbentuk cloud. Sekarang kita akan mengatur tampilan label yang mempunyai tampilan cloud tapi berbeda. Label ini pada dasarnya berbentuk cloud tapi bisa berputar seperti bola dunia, itulah yang membedakannya dengan tampilan label cloud bisanya. Karena label ini menggunakan flash untuk menjalankanya jadi anda juga harus lebih baik mengaturnya agar tidak membuat kecepatan blog anda menjadi menurun.anda bisa melihat tapilan setelah jadi seperti yang ada di atas. Cara untuk menambahkannya ada di bawah ini, lihat dan perhatikan :

1. Masuk ke akun blog anda 
2. Buka menu template 
3. Klik edit html ( jangan lupa untuk membackup dulu template blog anda, agar mudah jika terjadi kesalahan)
4. Kemudian cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> ( untuk template blog yang lama) atau cari kode <b:section-contents id='sidebar-right-1'> (untuk template blog yang baru) atau scroll ke bawah hingga paling bawah, anda juga akan menemukan kode seperti <b:section-contents id='sidebar-right-1'> atau jika anda anda menggunakan 2 sidebar akan ada kode seperti itu dan pilih sesuka anda, ingin diletakkan dimana label cloud berputar ini
5. Setelah itu letakkan kode di bawah ini tepat di bawah kode yang sudah anda temukan


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='https://sites.google.com/site/donesiarony/efek/swfobject.js ' type='text/javascript'/>
<div id='flashcontent'>rony by <a href='http://donesiarony.blogspot.com/'>Roy Tanck</a> and <a href='http://donesiarony.blogspot.com'>rony</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. Kemudian klik save / simpan

Keterangan :

• Untuk angka yang berwarna biru untuk menyesuaikan lebar widget 
• Untuk angka yang berwarna hijau untuk menyesuaikan tinggi widget 

Begitulah artikel saya tentang cara membuat label berputar di blog. Untuk yang kurang jelas silahkan berkomentar yang baik.

Tweet

Fb

Postingan terkait:

Ditulis Raka — Sunday, September 15, 2013 — Add Comment — Tutorial