Artikel Terbaru

Cara Membuat Label Cloud Di Blog

Bloggersukabumi - Blogger sebagai penyedia memberikan fitur label blog dalam bentuk daftar dan juga menyediakan label dalam bentuk cloud.
Fitur label cloud  lebih populer dibanding bentuk daftar, di bawah ini ada cara untuk memasang label tag cloud dengan kode scriptnya untuk membuat tamilan cloud lebih menarik.

Sobat bisa mengikuti cara dan langkah di bawah ini :

  • Login ke akun blogger sobat 
  • Klik Page Elements > Add a Gadget.
  • Sobat pilih label kemudian sobat ganti dari bentuk Daftar menjadi Cloud. 
  • Simpan.

Langkah selanjutnya untuk memasang kode scriptnya :

  • Klik template > edit html
  • Copy kode dibawah ini dan paste/letakkan tepat di atas kode ]]></b:skin>
     
    /* Label Cloud Styles */
    #labelCloud {text-align:center;font-family:arial,sans-serif;}
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}

  • Copy kode dibawah ini, letakkan tepat di bawah kode ]]></b:skin>
     
    <script type='text/javascript'>
    // Label Cloud User Variables
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;
    </script>


  • Langkah terakhir simpan template.
Selamat mencoba dan semoga bermanfaat.
happy blogging...............


Artikel Yang Terkait

0 Response to "Cara Membuat Label Cloud Di Blog"

Post a Comment

Supported by Blogaul