Related Posts with Thumbnails

Sample Text

Definition List

Text Widget

Popular Posts

rss

Jumat, 19 Februari 2010

Home » , , » Membuat Label Cloud Bergerak

Membuat Label Cloud Bergerak

aNno aRea, Oke saya jelasin dulu apa itu Label Cloud...! Mungkin bagi anda yang telah lama berkecimpung di dunia blog hal ini dah rada ketinggalan, Tapi bagi yg baru trik ini sangat menarik. Begini, Label Cloud ialah Label yang berbentuk/bermodel kayak awan yang acak-acakan :P *kwkwkkwkw* sebenarnya di Blogger udah ada Pilihan dengan gaya Cloud. Tapi makin majunya jaman, makin banyak juga tangan kreatip...hehehehe! Salah satunya Label Cloud yang saya peroleh dari Kang Rohman yang berbentuk Cloud tapi warnanya berbeda Tergantung banyak Postingan ditiap kategorinya! Ennah... ketika suatu malam yang dingin aku lagi jalan-jalan *Blog Walking* ke suatu blog miliknya Mz NoY Perhatian saya langsung ajah tertuju pada suatu space di sisi kanan Blog, yaitu Label cloudnya begerak-gerak *kayak tituuuuuuuut* :-P "Wah apakah gerangan itu?" Timbul pikiran Kotor saya, eh maksutnya pikiran ingin meniru-niru heheheh...!Karena penasaran langsung ajah saya Googling, dan akhirnya menemukan Blog yang membahas tentang Label Cloud bergerak. Dan blog itu adalah miliknya MzAndrie (Thenks, infonya) dan akhirnya saya mengikuti tata cara yang di tunjukan disitu...!! Hebaaaaaaatnya Sekarang label cloud blog aNno aRea bisa begerak juga. Karena saya merasa tekhnik ini sangat perlu di bahas di aNno aRea ya saya putuskan untuk membuat ulang tekhnik pembuatan Label Cloud bergerak...!! Oke deh teman-teman langsung aja menuju ke Laptop :-D begini caranya!
1. Siapkan perangkat PC/Laptop anda
2. Harus koneksi Internet *Wajib*
3. Kopi Panas *Biar gak ngantuk, Kalo ngantuk bisa gagal Loh..!!*
4. Menuju http://www.blogger.com
5. Login ke account Bloggermu!
6. Ketika udah sampe di Dashboard Masuk ke Layout
7. Add Gadget, Pilih Labels dan beri nama!

Nb : Langkah tersebut bagi blog yang masih belum dipasang Labels

Nah Setelah itu dilakukan kita beranjak ke Langkah selanjutnya.
1. Masuk ke Edit HTML
2. Jangan Lupa dicentang dulu Expand Templete Widget
3. Kemudian "CTRL + F" (Untuk melakukan pencarian Keyword)
4. Masukin kode berikut di kotak Cari: <b:widget id='Label1' locked='false' title=
5. Setelah ditemukan, Hapus kode di bawah kode itu sampai sebelum kode </b:section>
6. Atau Sampai ketemu Lagi <b:widget id=' , jadikan batasnya!
7. Kemudian Paste Kode Berwarna Biru Berikut ini di area yang telah dihapus tadi :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;300&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#1C1C1C&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x00FF00&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='11'><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>

8. Kalo udah Langsung Save Template *Kalo dah bener pake cara diatas dijamin sukses*
9. *Congratulations* Label Cloud Blogmu udah bergerak-gerak kayak aNno aRea

Catatan :
-- Sebagai default Tag Cloud ini mempunyai ukuran : 300x300 px dengan warna background hitam #1C1C1C dan warna text adalah hijau #00FF00
anda bisa mengubah ukuran dan warna sesuka hati anda, untuk bantuan Code Warna Blog silahkan Klik ajah Di sini.
-- Oia, Thanks to Amanda yang udah berjasa dalam penciptaan Label Cloud ini!

Berita dan Informasi Ter-Update Lainnya
Bagi yang ingin memposting Lirik Lagu / Puisi / Pantun dengan mudah dan akan langsung terposting, silahkan langsung menuju ke sini   «« langsung ya diklik biar segera menuju TKP!

0 comments:


Posting Komentar