English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

Senin, 25 April 2011

Cara Membuat Label Animasi

Label Animasi - Merupakan bentuk dari label yang telah disediakan oleh blogger, namun bedanya label yang ini bergerak berputar. Untuk label bawaanya blogger sendiri sebenarnya juga bisa kita rubah tampilanya namun tidak bisa bergerak seperti yang satu ini. bagi yang ingin membuat silahkan ikuti langkah-langkahnya berikut ini.

Petunjuk Pembuatan Label Animasi

1. Masuk Blogger
2. Pilih Rancangan/Design
3. Pilih Edit HTML, dan Centang :Expand Template Widget"
4. Ada baiknya anda simpan dulu template anda, buat jaga-jaga jika gagal. anda bisa langsung mengembalikanya lagi, LALU Cari kode " <b:section class='sidebar' id='sidebar' preferred='yes'> " untuk memudahkan dalam pencarian tekan CTRL + F

5. Jika suda ketemu Copy Script dibawah ini Dan Letakan DIBAWAH kode " <b:section class='sidebar' id='sidebar' preferred='yes'> "

<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'>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;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>

6. Jika sudah silahkan anda Pratinjau/Preview.
7. S A V E

Keterangan Warna :
Warna Biru : Ukuran Label Animasi, silahkan ganti jika anda ingin menggantinya
Warna Kuning : Background dari Label Animasi, Kurang puas? silahkan ganti sesuai dengan selera anda
Warna Merah : Ukuran Font/Huruf, ganti sesuai keinginan anda
Silahkan anda utak atik lagi sesuai kebutuhan anda, semakin banyak anda utak atik semakin banyak pula yang anda tahu. Jika ada yang kurang jelas silahkan anda tanyakan. Semoga sukses !

Tidak ada komentar:

Posting Komentar

Silahkan Tinggalkan Komentar Anda, Terima Kasih Atas Kunjunganya.

Jika Anda Tertarik Dengan Semua Artikel Di Dalam Blog Ini, Silahkan Masukan Email Anda Pada Kolom Di Bawah Ini. Terima Kasih Atas Kunjungan Dan Partisipasinya

Delivered by FeedBurner

 
Yahoo bot last visit powered by MyPagerank.NetMsn bot last visit powered by MyPagerank.Net
Ratified.org PhilippinesPersonal - Top Blogs Philippines Free SEO Tools
Ping your blog, website, or RSS feed for Free
Bloggers - Meet Millions of Bloggers