Senin, Maret 19, 2012

Membuat Blogumulus

Blogumulus???? Apaan tuh?? Blogumulus itu label animasi yang bisa muter2.. ini nih contohnya:

Cara bikinnya gimana y??  Oke, tanpa berlama-lama, tanpa basa basi karena saya tidak suka yg basi, kita langsung aja ke TKP... ikuti langkahnya, pejamkan mata anda (lho??), maksud saya fokuskan mata anda
Langkah-langkah :
  1. Login ke blog anda masing2, jgn login ke blog orang lain  :)
  2. Klik rancangan -> Edit HTML, jgn lupa centang expand ..
  3. Cari kode ini nih : ( biar gampang pencet tombol Ctrl + F )
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    ya yang agak mirip2 dikit lah..
  4. Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas.

    <b:widget id='Label99' locked='false' title='KATEGORI' 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.colekinfo.blogspot.com/'>Tyo Focrezo</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;240&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>
  5. Trus simpan template deh...
    untuk yg kepengin utak atik kode diatas nih keterangannya : 
    Labels
    bisa diganti dengan judul yang anda inginkan

    http://www.colekinfo.blogspot.com/'>Tyo Focrezo ganti dengan alamat blogmu dan namamu
    240 menunjukkan lebar widget.
    300 menunjukkan tinggi widget.
    #ffffff menjukkan warna background.
    100 menunjukkan kecepatan putaran.
  6. Sekian dan jangan lupa follow ya.. 

0 komentar :

Posting Komentar


Mohon Kritik dan sarannya


Anda juga dapat menambah emoticon dengan mengetik kode sesuai yang tertera di kotak emoticon, contohnya ==> :10
:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57

 

COLEK INFO Design by Insight © 2009

Welcome to "Colek Info"

Blog ini berisi tentang info unik,aneh,gokil, menarik,dan menggelitik. Semoga blog ini bisa memberikan hiburan dan tambahan wawasan bagi pengunjung blog ini.

Sekilas tentang penulis

Saya adalah aku. Aku yang hanya ingin menjadi saya sendiri

Social Stuff

Klik! Angry Birds