Share |

Membuat Label Bergerak di Blog

Kamis, 10 Maret 2011

Label bergerak merupakan salah satu bentuk kumpulan daftar label yang ditampilkan  secara bergerak. Trik blogger ini juga sangat menarik untuk di adopsi dalam blog anda. Kalau biasanya anda hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang anda memiliki salah satu variasinya.

 

Berikut ini cara membuat label bergerak berikut :
  • Login ke akun blogger anda.
  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
  • Cari kode berikut :

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

Tips: Jika anda mengalami kesusahan dalam mencari anda dapat menggunakan fasilitas FIND yang ada pada FIREFOX anda. Dengan cara ctrl + F, maka akan muncul fasilitas FIND.

  • Tambahkan kode ini dibawahnya.
<b:widget id="Label100" locked="false" title="Daftar Artilkel" type="Label"></b:widget>
<b:includable id="main"><b:if cond="data:title"> </b:if></b:includable>
<h2>

<data:title></data:title></h2>


<div class="widget-content">


<script src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js" type="text/javascript">
<div id='flashcontent'/>
<a href="http://www.duniak0e.co.cc/">duniakoe</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud","300", "200", "7", "#DDDDDD");
// 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>


Catatan :
  1. Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label ("300"), tinggi area label ("200"), dan warna area label (#dddddd).
  2. Atur putaran kecepatan dengan mengganti "tspeed" (100), makin besar makin cepat.
  3. Dan untuk merubah warna tulisan yaitu dengan cara menganti "tcolor" (0x333333).
Selamat mencoba.

0 komentar:

Posting Komentar

 
 
 
""