25 Oktober 2009

Menambahkan Animasi Flash Tag Cloud Pada Label Blogger

. 25 Oktober 2009

blogger sebenarnya sudah banyak yang nulis cara masang tag cloud label dengan flash seperti gambar di bawah ini :
label
namun karena ada rekan yang menanyakan, saya iku juga menuliskan topik di atas. berikut ini caranya :

  1. Masuk ke Dashbord Blogger--> Tata Letak --> Edit HTML ---> Centarng Expand Widget Content
  2. Kalau diblog kamu sudah terpasang widget label ---> cari (ctrl+f) kode berikut : <b:widget id='Label
  3. delete semua kode dari <b:widget id='Label............> s.d. </b:widget> lalu ganti dengan script yang ada di bawah
  4. kalau di blog kamu belum ada widget Label cari kode berikut <b:section class=.……  ( classnya tergantung tempalte blog kamu misalnya sidebar dll) lalu copas saja script berikut dibawahnya
ini scripnya, met mencoba ya

<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/ruangsc/enes/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/ruangsc/enes/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>

Baca Juga

Cari yang lain:


2 comments:

Syahid Faisal Kamal mengatakan...

makasiii yahh toturnya...(^^,)

Pemilik Blog mengatakan...

gan kira-kira pengaruh ndak sama loading blog kita nantinya?? :)|

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

Posting Komentar

 
Kompiku.com Powered ByBlogger.com