• Home
  • Privacy Policy
  • Contact Us

Synasmedseo Blogger Tips Trik Tutorial Terbaru

Synasmedseo Blogger Tips Trik Tutorial Terbaru
  • SEO
  • TIPS TRICK BLOGGER
  • TUTORIAL BLOGGER
  • BACKLINK
  • ALEXA
  • TEMPLATE GRATIS
  • WIDGET BLOGGER
  • PASANG IKLAN
Beranda » Tutorial Blog » Widget » Cara Membuat Label Cloud Putar - Cloud Blogumus

Cara Membuat Label Cloud Putar - Cloud Blogumus

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. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog. 

Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.
 Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template Anda, jadi mengedit template, ada baiknya backup terlebih dahulu template Anda.

I. Langkah Pertama

  1. Login ke Blogger dengan ID Anda 
  2. Klik Tata Letak 
  3. Klik tab Edit HTML 
  4. Download dahulu template sobat dengan mengklik Download Template Lengkap 
  5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :
    <b:section class='sidebar' id='sidebar' preferred='yes'>
  6. Copy kode berikut ini setelah kode diatas :
    <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;250&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>
  7. Kemudian Simpan Template.

II. Langkah Kedua
  • 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 warna font
    so.addVariable("tcolor", "0x333333");
  • 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 Anda ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

Labels

Semoga bermanfaat :D
Unknown
Add Comment
Tutorial Blog , Widget
Senin, 13 Februari 2012

Terimakasih anda telah membaca artikel tentang Cara Membuat Label Cloud Putar - Cloud Blogumus . Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://synasmedseo.blogspot.com/2012/02/cara-membuat-label-cloud-putar-cloud.html . Terimakasih atas perhatiannya.

Tweet
Cara Membuat Label Cloud Putar - Cloud Blogumus Synasmedseo Blogger Tips Trik Tutorial Terbaru
Published: 2012-02-13T23:21:00-08:00
Title: Cara Membuat Label Cloud Putar - Cloud Blogumus
Rating: 5 On 22 reviews

Related Articles

Tidak ada komentar :

Posting Komentar

Newer Older Home

POPULAR POST

  • Ratusan Situs Domain .Edu Dofollow
    Banyak cara yang dilakukan blogger untuk mendongkrak posisi di search engine, salah satunya adalah mencari backlink. Jika selama ini and...
  • Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog
      Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog - Spoiler, hampir sama dengan menempatkan sebuah gambar atau text anda...
  • Cara Membuat Spoiler di Blog/Forum
    Pada pembahasan kali ini kita akan membahas tentang membuat spoiler di blog/forum . Spoiler kebanyakan digunakan untuk meringankan load...
  • Daftar List Forum PR Tinggi Terbaru Untuk Backlink Sesuai Niche
    Daftar List Forum Untuk Backlink Sesuai Niche - Anda pasti tahu pentingnya backlink untuk membantu Posisi Web/Blog kita di Serp. Pent...
  • Cara Mudah Agar Blog Tidak Bisa di Copy Paste, Klik Kanan, Ctrl+U, Ctrl+C dan Ctrl+A
    Tips Cara Ampuh Agar Blog Tidak Bisa di Copy Paste, Klik Kanan, Ctrl+U, Ctrl+C dan Ctrl+A - Mungkin sobat pernah dibuat jengkel oleh p...
  • Visitor Serp Traffic Blog Anda Drop Turun Drastis? Ini Solusi Dan Cara Identifikasi Penyebabnya
    Jika anda merasa: Ranking anda drop Traffic menyusut Dancing tiba-tiba Semua keyword tiba2 hilang posisi Silahkan baca lebi...

SITE INFO


DMCA.com Page Rank
Synasmedseo Blogger Tips Trik Tutorial Terbaru © 2012-2014. All Rights Reserved.