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

Close

13 komentar:

  1. pertamaxxxx tapii keknya gak lagi ah make widget2 ginian awkkwk

    BalasHapus
  2. @randy oktaranjhahahah stau saya emng ini krang pas bwat blogazine,,,

    BalasHapus
  3. Assalamualaikum Bismillah Alhamdulillah. Seblumnya maf klw OOT tpi Mas aq mw tnya, knapa ya kok blog aq ndak bisa dipasang breadcrumbs. Tolong di jwab di blog aq ya....? Saya akan sngat menghargai dan berterima kasih pendapat kmu.

    BalasHapus
  4. Assalamualaikum Bismillah Alhamdulillah maf mas, knapa ya background homepagenya diganti dengan gambar...?
    Klw di buka di komputer saya jdi lelet deh. Maf ya....?

    BalasHapus
  5. @The 7Bloggerswlkum slam,,5f gan,, breadcrumbs..saya rasa smua template bisa,,cba lbih diperhtikan lagi,,dlu saya udh pernah buat lncar2 ja,,,pelen2 aja ..jngn lpa bismilah,,

    BalasHapus
  6. @The 7Bloggerswlkum slam,,dh ri pertma saya ngeblog saya slalu mmkai backgound image,knpa bru le2t,,pdhlkmrn lbh brat???,cba di Clean Dlu PC na..:D

    BalasHapus
  7. Assalamualaikum Bismillah Alhamdulillah, Hehehe ea mas udah aq clean kok. N berhasil.? Ya aq cob lagi deh heheheh Pasang breadcrumbsnya...........?

    BalasHapus
  8. Assalamualaikum Bismillah Alhamdulillah udah aq coba mas tapi ndak bisa muncul......? Gimana klw mas yang pasangin ajah, aq ksih tw email n password blog aq......?

    BalasHapus
  9. Assalamualaikum Bismillah Alhamdulillah | Mas dimana komentarnya pengunjungnya...? | Alhamdulillah Wassalamualaikum.

    BalasHapus
    Balasan
    1. wahahah jngn gt,,brusaha lah,,,ni bsa komentar ko tanya to,,wkwkkw

      Hapus
  10. Tutor nya bagus...



    Visit Back ya sob

    BalasHapus

Dexto Share™ © 2011-2012 Redesain Miftachudin - Didukung Oleh Blogger

Pemberitahuan

Saat Ini Saya Juga Aktif Di Dextozine

Terimakasih