Searching...

Memasang animasi Tag Cloud sdi blogspot

Postingan kali ini akan saya jelaskan tentang cara memasang animasi tag cloud, seperti yang bisa anda lihat di sidebar saya. Mungkin ca memasang animasi tag cloud ini cukup unik dan dapat mempercantik tampilan blog anda.
memasang animasi tag cloud
Sebenarnya tag label sendiri ada di widget custom dari blogger.com itu sendiri. Namun bukanlah tag animasi yang berbentuk flash. Hanya sekedar Link judul label yang sangat simple.
Widget animasi tag cloud ini tidak akan memperlambat loading page blog anda.
Langsung ke cara memasang animasi Tag Cloud di Blogspot, berikut cara-caranya:
  • Login ke dasboard blogger.com
  • Lalu ke Layout >>edit HTML
  • Cari kode di bawah ini (ctrl+F)
<b:section class='sidebar' id='sidebar' preferred='yes'>
    • Lalu paste kode di bawah ini di bawah kode di atas 
    <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'></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>


      • Save Template, dan anda dapat melihat hasilnya.
      • Untuk mengatur ukuran anda bisa mencari dan merubah kode di bawah ini
      width="250" height="200"

      Selamat mencoba!!!

      1 comments:

      gUn's mengatakan...

      di blog ku ga ada _ _ (tanpa underscore) jdi gmna gan???

      Terbaru

       
      Back to top!