Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Home » Tips trik Blogger » Tutorial Blogger » Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Posted by Dian Motor Cell on Sunday, March 24, 2013 Label: Tips trik Blogger , Tutorial Blogger

Begitu banyak cara yang dilakukan oleh seorang Blogger untuk mempercantik tampilan Blog/ Web atau sejenisnya agar para pengunjung berbetah ria berselancar di blog yang dikunjungi. Salah satunya adalah menampilkan Tags/ Label/ Katogori, ada yang menampilkan apa adanya sesuai bawaan Blogspot seperti Label Flat statis ada juga dengan Label Cloud statis dan ada juga tampilan label dengan flat tapi disuntik sentuhan dinamis seperti bergerak apabila di sentuh kursor dan masih banyak lagi.

Berikut ini saya akan berbagi sedikit tutor tentang menampilkan Label dinamis cloud berputar, yakni menampilkan Tags/ Label/ Kategori secara bergantian dengan cara berputar pada saat di sentuh kursor. Caranyapun cukup simple dan mudah untuk dipahami dan diterapkan ke Blog sobat.

Caranya :
1. Login ke Akun Blogger sobat
2. Pilih Elemen Rancangan
3. Pilih Edit HTML ( tapi jangan lupa centang " Expand template Widget " )
4. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
Gunakan Ctrl-F untuk pencarian Express!!
5. Copy kode dibawah ini tepat di atas kode <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("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>

Keterangan kode :
- Nilai ("240") menyatakan Lebar ( Width ) dan bisa diganti sesuai selera
- Nilai ("300") menyatakan Tinggi ( Height ) dan juga bisa diganti sesuai selera

Demikianlah sajian Cara Gampang memasang Widget Label Cloud Bergerak Berputar di Blog, semoga bermanfaa.

.: h72 :.

Dian Motor Cell

Dian motor cell

Pop Cash

Pop Cash

Pop Cash

Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Related Posts:

0 komentar:

Post a Comment

Ads

Alih Bahasa

Dilihat sebanyak

Blog Archive

Popular Posts

KATEGORI

BlogStats

Followers