Apaan tu...? Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blog kamu. 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.
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Tips : 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 :
atau kode-kode yang sejenis dalam template blog kamu.
Tips : 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 (update).
<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", "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>
Catatan :
- Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label (
"
), tinggi area label (240 " "
), dan warna area label (300 ""
) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu. Kamu pun bisa menyeting besar kecilnya huruf dengan merubah angka (#ffffff ""
).12 " - Jangan sampai kelupaan jika kamu merubah warna area label. maka kamu mungkin perlu juga merubah warna teksnya yang ditunjukkan dengan warna hijau (
). Khusus untuk perubahan warna teks, cara memasukkan kode tanpa embel-embel333333 #
. - Atur putaran kecepatan dengan mengganti kode berwarna biru (
), makin besar makin cepat.100
- Jangan lupa disimpan
Sumber : Blogumus: a flash animated label cloud for Blogger! oleh Amanda Fazani
Versi demo silakan dikunjungi Demo Optimasi Blog.
Thx buat info-nya.
BalasHapusKeren..
BalasHapusto peter : sama-sama, peter
BalasHapusto vatoor alsobrante : thanks
Oke deh... bisa dicoba dulu nih... thanks
BalasHapusthanks ats infonya, aq coba yach... salam;)
BalasHapussudah aq coba, mas OB, alhamdullilah berhasil. aq sdh gabung jg nih disini, biar mdh saling lihat gbung juga di blog aq. plus sklian nanya nih, aq msh nggak ngerti apa arti hosting dan hostingan, mhn penjelasan yach?
BalasHapusgasan Caplin_Banjar : sepengetahuan OB hosting merupakan jasa layanan internet yang menyediakan sumber daya server-server untuk disewakan (ada juga yg gratis), sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL atau DNS (Wikipedia). Klo hostingan sih tinggal nambahin -an saja he..he.. maksudnya pengertiannya mirip dengan hosting. Misal orang nanya kamu hosting blog kamu dimana? jawabnya bisa macem-macem, seperti idowebsite.net, rumahweb.com, dan sebagainya.
BalasHapusBoz infonya kueren-kueren hehehe~~~ gw jg baru belajar buat blog nih lam kenal yah! :))
BalasHapusto Ad4m San: Terima kasih dan salam kenal juga :D
BalasHapusmakasih om OB, salam dari orang sasama banua, sukses n' kapan2 batakun pulang, kada muyak kalo? Trims ulang
BalasHapusgasan Caplin_Banjar: kada, malahan basyukur banar. karena ada jua urang banua nang katuju mam-blog. happy bloging...
BalasHapus:)) Wah.... thanks buanget Mr. OB
BalasHapusCuY 5Kasih begete tas inpo en trik2ny tanks
BalasHapuswey
BalasHapusthanx yawh atas ilmu nha
mas tukeran link yuk
link mu dah ku pasang
wokey...
BalasHapusthanks for information....
add my blog yaa.......
ka, ulun batakun pang, ulun sudah coba buat labelnya tapi yang muncul kok cuma satu label, label-label yang lain ga muncul (maklum baru blajar ngeblog)
BalasHapusTerima kasih, ilmu dari optimasi-blog bagaikan awan yang putih bersih, dengan berbagi ilmu optimasi-blog akan semakin dahsyat.
BalasHapuson tanya dong kenapa blogku lama uploudnya thank ya
BalasHapustak jajal
BalasHapusto much Asyikin: blog yang lama loadingnya banyak penyebabnya. Umumnya disebabkan oleh banyaknya script dan banyaknya image. Khusus untuk blog ukuwah islamiah, sidebar ada 2 di kiri dan di kanan. Coba untuk widget yang menggunakan javascript berat loadingnya diletakkan di sidebar kanan ex: google translate, follower (gfc)
BalasHapussssssssssiiipp deh pokoknya, infonya sangat membantu...
BalasHapusehm...sekalian ninggalin jejaka..eh jejak ahh..!!
kang, punyaku yang tampil labelnya kok cuma satu? padahal ada lebih dari satu label yang ada di blogku??? tolong dibls ya....
BalasHapusmau nanya, ilmu ini udah ku praktikan diblog..
BalasHapusbisa ga kalo mau ngerubah warna dasar putih menjadi transparan, dan bentuknya dirubah juga dari kotak menjadi bulat..
cek blog
http://i-ilmu.blogspot.com
amail at adekuwedokdewe@gmail.com
Thank, ditunggu balasannya...
cukup menarik tampilannya...tapi berpengaruh terhadap loading blog itu sendiri ga? misalnya jadi agak berat gitu....
BalasHapusto BLOG M45-4DY: OB udah ke TKP, keliatannya baik-baik saja atau udah lebih dari satu label yang muncul.
BalasHapusWiwin Sugiarto: Biasanya trik ini hanya bisa merubah warna dasarnya saja, klo transparan OB belum ketemu kodenya. Dan untuk ganti bentuk kotak ke bulat, terus terang OB belum menguasai kode javascript. Jd OB ngga bisa, lain halnya kalau menggunakan CSS.
mas OB,. hatur tengkyu,. buat optimasi blog nya,.. saya sudah coba,. mantap uy.. minta izin minta link'y ..
BalasHapus;;) ;;) ;;)
Bagus gan sangat membantu nich.... di tunggu yang laennya.....:D:D:D
BalasHapusWah mantabbbbzzzzzz abies blog saya sedikit menarik, Trim's ya Gan...:D:D
BalasHapusmas punya saya udah tak coba dan berhasil tapi kok labelnya cuma 3 tapi seharusnya 4
BalasHapusTHx, that so cool..:X
BalasHapusada yang baru2 lagi g' infonya...
BalasHapuscz bagu2 sieh...
mas aq uda coba tapi ko ngga jadi yach gimana dongggg:p
BalasHapusmas aq uda coba tpi ko ngga jadi yach gimana dong:((
BalasHapus@wheny @febrilatif[at]mig33.com, coba perhatikan penempatannya lagi apa sudah benar??
BalasHapusbos.
BalasHapuskoq eang aku pasang tampilannya pul ijo ea...
kira2 salahnya dimana? mohon pencerahan....
sebaiknya penempatan tag cloud yang paling bagus sebelah mana ya?
BalasHapusthank infox mas...lam kenal
BalasHapusthnks infonya, skrg labelku kian tinggi terbang di awan...
BalasHapusthax mas infonya yang sangat bermanfaat ini..........
BalasHapusSipz...
BalasHapusmakasih infonya om
BalasHapusini juga bagus bos
BalasHapuslangsung coba:-*
aku udah pernah coba si...btw nice deh om OB :)
BalasHapuswell done.....
BalasHapuscheck it out www.mendadakmulang.blogspot.com
mantap.....
BalasHapushttp://www.zhay-chynk.co.cc/