Get Chitika | Premium

Cara membuat Label cloud berputar di blog

Share |
Sebelum lebih jauh membahas cara membuat label cloud berputar saya akan sedikit membahas tentang pengertian Label itu sendiri.Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar.untuk artikel kali ini saya ingin membahas cara membuat label cloud berputar.untuk lebih jelasnya sobat ikuti langkah-langkah di bawah ini.
#Cara yang pertama
1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan >> Edit HTML
3. Expand template widget
4. Cari kode yang persis di bawah ini.
<b:section class='sidebar' id='sidebar' preferred='yes'>
(*gunakan F3 di keyboard untuk mempercepat pencarian)
5. Setelah ketemu Copy Paste kode di bawah ini setelah kode No.4
<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/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>
6. pilih simpan template

#Cara yang ke dua
>> Mengubah lebar dan tinggi kolom serta warna background
Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk backgroud
>> Merubah ukuran font
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>");
Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud.perhatikan gambar di bawah ini.

Mungkin hanya itu yang dapat saya sampaikan pada artikel kali ini dan semoga bermanfaat bagi yang membutuhkannya. selamat mencoba dan salam sukses selalu.

3 komentar : Cara membuat Label cloud berputar di blog

Unknown said...

berkunjung bro...salam persahabatan blogger dari blogonol. mengenai pertanyaan anda masalah kompress css /* Variable definitions sampai tanda */ jangan di edit, biarkan seperti apa adanya. karena beberapa template memuat variabel demikian. makasih telah berkunjung. keep spirits and do the best

Anonymous said...

broo..sya ga nemu kode diatas ..gmn y??
mohon pencerahannya...

sahrul said...

@Galendo Fixienity Setiap template memang berbeda-beda sob,tapi,coba sobat pasang widget labels terlebih dahulu kemudian cari kata kunci labels tersebut di HTMLnya.semoga dapat membantu...

Post a Comment

" Terimakasih kami ucapkan kepada pengunjung yang telah berkunjung di blog ini.

Tentang artikel di atas APA TANGGAPAN dari anda semua ? "

 

About Administrator

My Photo
sahrul
hanya seorang blogger newbie yang ingin mencari ilmu dan pengalaman di dunia maya untuk di bagikan ke para pembaca blog ini.
View my complete profile

Recent Comments

Site info