Image & Snippet

Memasang Tag Clound

Awalnya saya sangat pusing dan gemas melihat daftar posting berputar2 dan berhenti ketika kursor mendatanginya,,saya tidak tau namanya dan cari2 gmana cara membuatnya,,syukut alhandulillah akhirnya saya nemu juga,,dan akan saya share kepada sobat dexto..mngkin ini sudah tidak asing lagi buat sobat yang sudah lama bergelut di dunia design..baiklah ini dia tag clound/label clound.disini sobat bisa pasang dengan cara manual dan otomatis..


1.Cara Manual

[a]. Log in dulu ke blogger.com
[b]. Klik "Rancangan" dan kemudian pilih "Elemen Laman"
[c]. Tambahkan "Gadget" dengan memilih "HTML/Javascript"
[d]. Kemudian copy-paste kode berikut ini :


<embed allowscriptaccess="always" bgcolor="#ffffff" flashvars="tcolor=669900&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<a href='Url Label'style='12'>Nama Yang Akan Ditampilkan</a>
<a href='Url Label'style='12'>Nama Yang Akan Ditampilkan</a>
<a href='Url Label'style='12'>Nama Yang Akan Ditampilkan</a>
<a href='Url Label'style='12'>Nama Yang Akan Ditampilkan</a>
<a href='Url Label'style='12'>Nama Yang Akan Ditampilkan</a>
<a href='Url Label'style='12'>Nama Yang Akan Ditampilkan</a>
</tags>" height="200" id="tagcloud" name="tagcloud" quality="high" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" type="application/x-shockwave-flash" width="200""></embed>

2.Cara otomatis
[a]. Login ke dashboard
[b]. Pilih Tata Letak -> Edit HTML
[c]. Carilah kode berikut :

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

[d]. Setelah Ketemu Taruh Kode Ini Dibawahnya

<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", "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>

 [E]. Terakhir Simpan

Menurut saya Cara Otomatis Memang Cukup Sulit jika Tag Tidak Berputar, Silahkan Anda Seting Label blog anda  Menjadi Clound..
Sesuaikan Dengan Template anda Agar lebih Cantik...Hehehehe
mengubah warnanya Anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
(1). 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa Anda ganti sesuai lebar widget Anda agar lebih Cantik),
(2). #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain sesuai template Anda
Semoga artikel ini bermanfaat dan jangan sungkan mampir lagi..jika tidak buru2 silahkan cantumkan komentar anda,Jangan Spam,,

Dexto Share™ © 2022

Pemberitahuan

Saat Ini Saya Juga Aktif Di Dextozine

Terimakasih