Shandy Anna Nevada Her is my inspiration

Daftar isi

Setelah memilih judul untuk melihat postingan silahkan menuju TAB BLOG

Blog

5 Mei 2009

Membuat Tag WP Cumulus di Blogspot

Oke deh g usah basa basi langsung saja nih ... :D

  • Pertama silahkan login ke account blogger anda.

  • Kemudian pada kontrol panel masuk kebagian tata letak atau layout, lalu pilih edit html dan centang expand widget. (jika templatenya takut rusak, sebelumnya backup dulu template anda)

  • Untuk mempermudah pencarian klik tombol Ctrl + F pada keyboard anda dan masukkan kode dibawah ini :


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

      Setelah ketemu kemudian lakukanlah copy paste kode dibawah ini tepat dibawahnya.

      <b:widget id='Label9' locked='false' title='Tag' 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;300&quot;, &quot;200&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>



      Jika telah selesai, silahkan klik tombol save dan refresh halaman depan anda.


      Sampai disini apakah sudah selesai ? Sebenarnya belum. Karena kita masih bisa untuk merubah sesuai dengan template yang digunakan. Untuk menyesuaikan ukuran widget ini dengan desain blog anda, silakan di edit pada bagian yang terlihat dibawah ini

      var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;300&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#ffffff&quot;);

      Perintah diatas artinya adalah angka 300 menyatakan lebar, 200 menyatakan tinggi, dan #FFFFFF menyatakan warna background dari widget.


      Untuk merubah warna tulisan atau teks dari widget ini silakan edit pada angka yang bertuliskan 333333 dibawah ini :

      so.addVariable("tcolor", "0x333333");

      Jika anda ingin merubah besarnya huruf yang ditampilkan silakan edit pada bagian seperti dibawah ini yang bertuliskan 12 menjadi angka yang anda inginkan.

      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>");


      Note : Teks / angka yang bertuliskan #FFFFFF atau 333333 merupakan kode hexadecimal untuk warna dalam html. Jika ingin melihat code warna lain bisa kunjungi HTML color codes


1 komentar:

fresh mengatakan...

interesting

Posting Komentar

Terima kasih atas komentarnya





► Shandy™ Edited by Fajar Umarsandi © 2013