Membut Tag Cloud/Tag Mendung

"Blogumus" itu mungkin istilah tepatnya...karena yg bikin kreasi adalah orang luar negeri...kkkk...sebenarnya tag label ini nggak begitu penting sih...tapi sebagai pemanis blog nggak ada salahnya kalo mau di pasang di blog ...tambah keren tow???
Bagaimana cara kerja Blogumus???
widget ini menggunakan kombinasi dari JavaScript dan animasi Flash untuk mengurai dan menampilkan label blog Anda. Setelah diinstal dalam template Anda, harus bekerja "di luar kotak" tanpa tweaker tambahan yang dibutuhkan, meskipun tentu saja Anda dapat memilih untuk mengubah variabel untuk warna, latar belakang dan ukuran jika sesuai:) Anda juga harus mampu bergerak Label Cloud widget melalui halaman Elemen Halaman dari dashboard Anda jika Anda lebih suka menampilkan di lokasi tata letak yang berbeda. Untuk melihat Blogumus dalam tindakan, baik Flash dan Javascript harus dipasang dan diaktifkan untuk browser internet anda. Namun, tidak menurunkan relatif anggun, dan link label masih akan dapat diklik (walaupun tidak animasi) bagi mereka yang tidak menggunakan JavaScript Flash (termasuk spider mesin pencari).

Bagaimana instalasi ke blog?? 
Instalasi Blogumus dalam tata letak Blogger Anda adalah mengherankan sederhana! Anda hanya perlu untuk menyalin dan menyisipkan kode ke bagian template Blogger Anda, meskipun ada tweaks untuk gaya tampilan akan membutuhkan beberapa pengeditan manual. Berikut adalah langkah-langkah yang diperlukan untuk menginstal Blogumus dalam tata letak Blogger Anda: Pergi ke Layout> Edit HTML pada dashboard Blogger Anda, dan cari baris berikut (atau serupa):

<b:section class='sidebar' id='sidebar' preferred='yes'>

setelah ketemu..copy paste code di bawah ini 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='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>



Kemudian preview template Anda. Jika diinstal dengan benar, Anda akan melihat tag awan muncul di sidebar Anda. Kemudian Anda bebas untuk menyimpan template, edit warna dan dimensi yang diperlukan, atau memindahkannya ke lokasi yang berbeda. Itu saja!Menyesuaikan BlogumusDalam instalasi default, Blogumus preset termasuk variabel-variabel berikut:

    
* Lebar diatur ke 240px
    
* Tinggi diatur ke 300px;
    
* Warna latar belakang putih
    
* Test warna abu-abu
    
* Ukuran font adalah "12"
Jika Anda memilih untuk membuat widget Anda yang lebih luas, lebih pendek, mengubah skema warna, dll, Anda akan perlu melakukan hal ini dengan mengedit berbagai bagian kode. Aku akan pergi melalui pilihan ini agar mereka muncul dalam kode widget. Mengedit lebar dan tinggi Variabel untuk lebar dan tinggi ditemukan dalam baris script berikut:


var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

 Lebar (saat ini 240) disorot dalam warna merah, sedangkan tinggi (default 300px) disorot dengan warna biru. Nilai-nilai numerik menentukan lebar dan tinggi dalam pixel, sehingga Anda dapat mengubah ini dari yang Anda inginkan. Mengedit warna latar belakang Anda dapat mengubah warna latar belakang dari putih menjadi warna lain dengan mengubah nilai hex di baris yang sama:

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Misalnya, jika Anda lebih memilih latar belakang merah, Anda dapat mengganti  # FFFFFF dengan # FF0000.  Mengubah warna teks Secara default, teks diatur untuk ditampilkan sebagai abu-abu gelap (nilai hex # 333.333). Anda dapat mengubah variabel ini di baris berikut:

so.addVariable("tcolor", "0x333333");
Sadarilah bahwa "tcolor" adalah variabel Flash dan tidak termasuk simbol hash biasa kode warna hex. Pastikan untuk hanya mengganti nomor! Sesuaikan ukuran font Ukuran font tag maksimum ditentukan pada baris ini:

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>");
 
Anda dapat mengubah ini untuk memastikan tag akan ditampilkan dalam font yang lebih besar atau lebih kecil jika Anda lebih suka dengan mengubah "12" ke jumlah yang lebih besar atau lebih kecil. Sementara membuat perubahan ini, Anda harus dapat melihat pratinjau widget Anda dan memastikan bahwa pilihan Anda yang baru warna, dimensi dan latar belakang yang cocok untuk kebutuhan Anda.
Selamat mencoba dan bereksperimen ....salam kometral kota angin Nganjuk !!

nb::>> pada beberapa kasus..ada beberapa template yg tidak compatible dengan script clouds tag...dan iu biasanya terjadi pada template berbasis wordpress yg di pakai untuk blogspot..tapi tidak semua..hanya beberapa...dan tag ini 100% akan bekerja di template yang SEO Friendly !!!

5 Responses so far.

  1. Anonymous says:

    suwun atas bantuannya tipsnya gan !

  2. someone says:

    @5435742467068833869.0
    tambahan gan,tag tidak bekerja jika kita memakai google chrome..hanya bekerja di browser mozilla.

  3. widodo says:

    @5435742467068833869.0
    sama-sama bos!

  4. widodo says:

    @8484047847928603417.0
    yups betul..tag tidak akan bekerja optimal ketika di pake di browser IE,opera,google crhome...

  5. Iseng says:

    mas kang bedanya Tag dengan Category atau Labe apa?

Leave a Reply

~blog roll~

~new comments~