Membuat Label Animasi seperti di sebelah Kiri Atas Blog ini

Salam blogger, Mungkin sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri. lihat gambar dibawah ini :

Langsung saja cara pembuatannya :

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode berikut:

• Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>

• Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>

5. Setelah ketemu sobat copy paste code berikut ini tepat dibawah kode yang sobat cari tadi :

<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://sites.google.com/site/bloggerustemplatus/code/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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); 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>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

6. Klik save / simpan template Catatan: Apabila label belum muncul sobat setting secara manual dahulu.

7. Carany buka layout>pilih gadget>pilih labels>, untuk jelasnya silahkan lihat gambar dibawah ini :

8. Terakhir, Simpan Template anda.

Semoga artikel ini bermanfaat buat sobat blogger di hari puasa pertama ini. Salam, salam...