Minggu, 05 Juni 2011

membuat label animasi blogumulus pada blog anda

posting lagi niih... kali ini saya ingin berbagi tutorial yang cukup mewah bagai saya se bagai newbe namanya yaitu label animasi. menurut saya jenis label ini merupakan jenis yang terbaik di lihan dari sudut desainnya karena bentuk animasinya jika kursor kita arahkan ke widget ini maka teks ajan berpotar sesuai arah kursor kita.. mungkin saya cuma bisa ngasih liat screnshoot nya seperti ini maaf kalu tidak jelas;


walaupun ni wedget yang cukup mewah tepi cara masangnya simple banget, agan ikutin aja langkah langkahnya :

1. logn in dulu ke akun blog agan
2. langsung menuju ke RANCANGAN --> EDIT HTML
    jangan lupa centang kotak dialog EXPAND TEMPLATE WIDGET
3. cari kode yang ada di bawah ini
<b:section class='sidebar' id='sidebar' preferred='yes'>
   biasanya setiap template berbeda cari aja yang mirip mirip

4. letakan kode di bawah ini tepat di bawah code yang tdi agan cari pada langkah 3
<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://my-proyek-blog.googlecode.com/files/label.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.999-tutorial.blogspot.com/'>999 tutorial</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/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. simpan.. caba agan cek apakah widget ini sudah muncul pada blog agan .. biasanya pada beberapa jenis tamplate akan muncul prinyatan seperti ini

Widget dengan id Label99 tidak berada dalam bagian (element induk aktual adalah: div.) Setiap widget seharunya berada dalam sebuah bagian.

jika itu terjadi yang aga harus lakukan adalah
1. copas ( copy dan paste ) code di bawah ini tepat sebelum code pada tahap 4
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id99'>
<b:section class='sidebar' id='sidebartab9' preferred='yes'>
2. copas code dibawah ini tepad dibawah code pada tahap 4
</b:section>                             
</div>       

3. simpan

sekarang agan cek kembali apabila masih ada pringatan mungkin ada kesalahan saat agan ngopi code ( tidak lengkap ) atau template yang agan gunakan memang tidak support..

nb. agan bisa merubah ukuran label ini sesuai dengan keinginan agan dengan mengubah kode yang warna BIRU

1 komentar:

Posting Komentar