mumpung guru lagi keluar gx jelas.. gw manfaatin aja dah buat posting (mumpung gratis), berhubung baru pertama kali posting di lab sekolah ini, mungkin agak was-was. takut ketauan nanti tiba-tiba gurunya masuk. kalo ketauan, ampoen dah jadi apa gw nanti
langsung aja, gw mau belajar berbagi yang mungkin cukup menarik untuk diadopsikan ke blog kamu yaitu membuat Label awan (Cloud Label). Apaan tu...? Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. contohnya seperti di blog saya, di sisi kanan di bawah "choose your language".
Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasinya. By the way... dari pada ngomong melulu lebih baik kita mulai saja triknya. Caranya seperti biasa :
langsung aja, gw mau belajar berbagi yang mungkin cukup menarik untuk diadopsikan ke blog kamu yaitu membuat Label awan (Cloud Label). Apaan tu...? Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. contohnya seperti di blog saya, di sisi kanan di bawah "choose your language".
Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasinya. By the way... dari pada ngomong melulu lebih baik kita mulai saja triknya. Caranya seperti biasa :
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Cari kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>atau kode-kode yang sejenis dalam template blog kamu.
Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Tambahkan kode berikut di bawahnya.
<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='https://sites.google.com/site/kangipoelsite/source-kang-ipoel/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.kang-ipoel.co.cc'>Kang-ipoel</a></div>
<script type='text/javascript'>
var so = new SWFObject("https://sites.google.com/site/kangipoelsite/source-kang-ipoel/tagcloud.swf", "tagcloud", "240", "300", "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>
- Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label ("240"), tinggi area label ("300"), dan warna area label (#ffffff) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu.
- Jangan sampai kelupaan jika kamu merubah warna area label. maka kamu mungkin perlu juga merubah warna teksnya yang ditunjukkan dengan warna hijau (333333). Khusus untuk perubahan warna teks, cara memasukkan kode tanpa embel-embel #.
- Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.
- Gantilah kode warna sesuai selera anda atau yang sesuai dengan warna template anda. Untuk mengubah background menjadi trasparan, anda tinggal menghapus tanda "//" di depan kode:
- //so.addParam("wmode", "transparent") ;
Jangan lupa disimpan
Posting Komentar
Budayakan Berkomentar Setelah Membaca dan Tolong Jangan Menaruh SPAM, Terima Kasih....