Artikel Acak:
Home » » Tips dan Trik Mengotak-Atik Blog ( Bag I ) : Membuat Tag Cloud

Tips dan Trik Mengotak-Atik Blog ( Bag I ) : Membuat Tag Cloud


Siapa yang sampai hari ini belum punya blog? Walaupun belum punya pasti sudah tahu kan apa itu blog? Ya, blog mungkin bisa diartikan sebagai sarana dan wadah para onliner(penikmat dunia maya) untuk menggali kreativitas atau pun bagi orang-orang yang hobi menulis untuk mengekspresikan tulisannya. Banyak juga para pesonal blogger mengartikan blog sebagai Diary Online, pernyataan tersebut memang benar, seperti halnya Raditya Dika, seorang penulis muda yang mengadaptasi blog pribadinya ke dalam buku, sehingga dia terkenal dan bisa dikatakan sukses. Pastinya kalian semua juga punya mimpi agar bisa seperti Raditya Dika kan? Atau mungkin punya mimpi agar menjadi ahli IT? Atau malah ingin menggeluti bisnis online? Agar bisa mencapai itu semua harus belajar hal-hal yang kecil dulu, baru lama-lama menuju hal yang besar. Untuk itu kali ini ada tips sederhana Membuat Tag Cloud (Label blog yang berputa-putar), buat kamu-kamu yang sudah mempunyai blog, agar blog kalian tidak telihat sederhana dan monoton, untuk mempercantik tampilan blog kalian bisa mengikuti langkah-langkahnya, sebagai berikut :


1.  Login ke  blog kamu
2. Jika kamu punya blog lebih satu di akun tersebut, pilih blog yang ingin di beri Tag Cloud.
3. Klik Design/Rancangan  >>  Edit HTML  >>  Centang Expand Templates Widget (Untuk mengurangi resiko kesalahan mengedit , download dulu template blog kamu dengan meng-klik Cadangkan/Pulihkan)
4.  Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( Kalau mau lebih cepat nyarinya pakai F3 atau Ctrl+F )
5. Lalu copy paste kode di bawah ini tepat berada di bawah kode di atas tadi (nomor 4)

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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'>Tag Cloud by <a href='http://fakta-7.blogspot.com/'>Restu AK</a> and <a href='http://berinformasi.blogspot.com'>Baser</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>

 Setelah itu, kalau masih ragu-ragu bisa klik Pratinjau, kalau sudah yakin tinggal SAVE.
CATATAN :
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Biru : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
5. Tidak semua  template blog mendukung kalau diberi Tag Cloud

Itulah sedikit ulasan tentang membuat Tag Cloud, mudah kan? Sebuah tips mempercantik tampilan blog. Nantiakan artikel selanjutnya Tips dan Trik Mengotak-Atik Blog. (RA)
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Sponsor

Sponsor
 
Support : Johny Template | Mas Template
Powered by : Blogger
Copyright © 2012-2013 C-Magz - All Rights Reserved
Template Design by Creating Website Edited by Baser