Label / Tag Cloud Flash di Blogger

Saat sadar bahwa label/kategori di blog ini sudah semakin banyak, dan memakan tempat.  Sedangkan masih banyak elemen2 lain yang masih ingin saya tambahkan, maka saya segera mencari cara untuk menghemat space untuk kategori dan sekaligus tidak mengurangi fungsi dan keindahan blog ini.  Pertama saya mempertimbangkan Drop Down Menu, tapi setelah saya pikir...koq rasanya kurang bagus diblog ini ya... trus sempat juga untuk mengubahnya dalam bentuk Scrolling Menu, tapi juga dari segi keindahan, saya masih kurang sreg, Menu Tree juga saya gak terlalu suka.  
Lalu saya teringat menu Tag Cloud nya Wordpress atau Cumulus Tag, wah sepertinya ini cocok banget.  Lalu saya cari2 cara gimana supaya bisa dipasang di Blogger ini.  Setelah beberapa kali searching di Google, akhirnya ketemu juga tips yang gak ribet, tapi hasilnya OK punya...yach...bisa dilihat di blog saya ini ^_^.   Tertarik dengan label postingan Blogspot yang dipasang berbentuk flash..???

Silahkan ikuti langkah2nya:

1. masuk ke layout dan klik ==> Edit HTML
2. Cari kode ini di Layout Edit HTML anda

<b:section class='sidebar' id='sidebar' preferred='yes'>

3. Klo sudah ketemu copy & paste kode berikut 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;310&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Untuk merubah tinggi dan lebarnya ganti kode angkanya

"310", "300", "7", "#ffffff"

Sebagai pertimbangan, setingan di blog saya ini adalah:

Lebar:   310px
Tinggi:   300px
Latar belakang:  Putih
Ukuran fron : 12





Mungkin saya juga akan memasangnya di blog saya yang lain ^_^.

Selamat mencoba, dan kalo berhasil...jangan lupa tinggalkan comment ya ^_^




Sumber:  http://gajrug.blogspot.com


Artikel Terkait :



3 komentar:

  1. Donald Duck Junior III says

    sudah di coba semua tidak bisa :) mungkin kode htmnya yang salah di perbaiki dong:) kasihan yang pemula seperti saya :) thankyou:)


    chaca says

    thengs bgtt :))


    Okelah Kalo Begitu says

    Kode HTML nya bener kok..
    Saya sudah coba dan berhasil.
    Makasih Banget Yaaa....


:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Views