Membuat Label Animasi Blogumulus Pada Blog Anda

posting lagi niih... kali ini saya ingin menyebarkan tutorial yang cukup glamor bagai saya se bagai newbe namanya yaitu label animasi. berdasarkan saya jenis label ini merupakan jenis yang terbaik di lihan dari sudut desainnya alasannya yakni bentuk animasinya kalau kursor kita arahkan ke widget ini maka teks ajan berpotar sesuai arah kursor kita.. mungkin saya cuma dapat ngasih liat screnshoot nya menyerupai ini maaf kalu tidak jelas;


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

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

4. letakan isyarat di bawah ini sempurna 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 menyerupai ini

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

kalau itu terjadi yang aga harus lakukan adalah
1. copas ( copy dan paste ) code di bawah ini sempurna 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

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

nb. agan dapat merubah ukuran label ini sesuai dengan impian agan dengan mengubah isyarat yang warna BIRU

Post a Comment

0 Comments