Cara Buat Label Berputar di Blog 2012 (tag cloud)

Home » Blogspot » Cara Buat Label Berputar di Blog 2012 (tag cloud)

Cara Buat Label Berputar di Blog 2012 (tag cloud)

Posted by Unknown Jumat, 15 Juni 2012 2 comments

Malam semuanya...dah pernah lihat kan Label suatu blog yang bisa berputar jika kursor anda lewat diatasnya???Kalau anda tahu, ya sudah.Berarti anda sudah sering blogwalking.Kalau yang belum tahu, saya jelaskan sedikit.Itu merupakan efek tag cloud.Efek yang berfungsi untuk membentuk suatu kata dalam bentuk seperti 3 dimensi dan bisa berputar seperti rotasi bumi jika kursor lewat diatas tulisan tersebut.Dan jika label di blog sobat ingin terlihat seperti itu, maka lakukanlah cara seperti dibawah ini.

1. Login ke akun blogger

2. Langsung menuju Template dan kemudian jangan lupa centang Expand template widget

3. Kemudain cari kode <b:section class="sidebar" id="sidebar" preferred="yes">

(gunakan Ctrl+F untuk mempercepat pencarian)

4. Setelah itu copas kode dibawah ini dan letakkan tepat diawah kode diatas tadi

<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "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>

5. Selesai deh..

Selamat bereksperimen dan semoga berhasil

2 komentar:

Zams Site16 Agustus 2012 pukul 07.37
Mantab sob, makasih tutornya, blog agan sudah saya follow, yg gambarnya hijau ada huruf Z nya, Follow kembali blog saya ya terimakasih, zamrudblog.blogspot.com
BalasHapus
Balasan
Jersey bola Blog11 November 2012 pukul 03.48
thanks infonya..
BalasHapus
Balasan

Tambahkan komentar

Aturan berkomentar di Brillian's Blog :
1. Komentar harus relevan dengan isi postingan
2. Tidak mengandung SARA, P*RN*, atau sejenisnya
3. Tidak menyertakan link aktif.
4. Bukan tempat promosi.

Jika komentar tidak memenuhi aturan diatas, komentar akan dihapus oleh admin tanpa pemeritahuan lebih lanjut.

Salam Nge-Blog....Bye....

Brillian's Blog

Cara Buat Label Berputar di Blog 2012 (tag cloud)

Related Post:

2 komentar:

Total Pageviews

Popular Posts

My Social Media

Followers

Arsip Blog

Category

Protection

Page Info

About Me