Langsung ke konten utama

Cara Tambah Blogger Tag Baru / Label Cloud Widget

1.Log in ke dashboard -> Layout--> Edit HTML

2.Gulir ke bawah di mana Anda melihat ini:

 






]]></b:skin>


3.Sekarang salin kode di bawah ini dan paste sebelum ]]></b:skin>  tag.

 




/* 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}


4.Sekarang salin kode di bawah ini dan paste di antara ]]></ b: skin> dan </ head> tag.


 




<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>



5.Sekarang Gulir lagi  ke bawah di mana Anda melihat ini:







<b:widget id='Label1' locked='false' title='Labels' type='Label'/>



Catatan: label widget ID Anda (Label1) dapat berbeda.Dalam kasus label widget ID saya adalah 1.
 
Contoh:-Jika label ID widget Anda adalah x, kode di atas adalah;

 




<b:widget id='Labelx' locked='false' title='Label Cloud' type='Label'>


Sekarang ganti <b:widget id='Label1' locked='false' title='Label type='Label'> Cloud' dengan kode di bawah ini.

 




<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
  <h2><data:title/></h2>
  </b:if>   <div class='widget-content'>
  <div id='labelCloud'/>
<script type='text/javascript'>
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
  if(a&gt;b){
  var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
  }
  else{
  var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
  }
  return v
  }
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
  if (!labelCount[ts[t]]){
  labelCount[ts[t]] = new Array(ts[t])
  }
  }
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
  if(ts[t] &lt; cloudMin){
  continue;
  }
  for (var i=0;3 &gt; i;i++) {
  c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
  }
  var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
  li = document.createElement('li');
  li.style.fontSize = fs+'px';
  li.style.lineHeight = '1';
  a = document.createElement('a');
  a.title = ts[t]+' Posts in '+t;
  a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
  a.href = '/search/label/'+encodeURIComponent(t);
  if (lcShowCount){
  span = document.createElement('span');
  span.innerHTML = '('+ts[t]+') ';
  span.className = 'label-count';
  a.appendChild(document.createTextNode(t));
  li.appendChild(a);
  li.appendChild(span);
  }
  else {
  a.appendChild(document.createTextNode(t));
  li.appendChild(a);
  }
  ul.appendChild(li);
  abnk = document.createTextNode(' ');
  ul.appendChild(abnk);
  }
  lc2.appendChild(ul);
</script>
<noscript>
  <ul>
  <b:loop values='data:labels' var='label'>
  <li>
  <b:if cond='data:blog.url == data:label.url'>
  <data:label.name/>
  <b:else/>
  <a expr:href='data:label.url'><data:label.name/></a>
  </b:if>
  (<data:label.count/>)
  </li>
  </b:loop>
  </ul>
</noscript>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>


Sekarang save template Anda dan Anda selesai.
 
Ini akan terlihat seperti ini:


 

Label:
Lokasi: Pandaan, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Forex

Apa itu Forex? Jika Anda pernah bepergian ke negara lain, biasanya Anda harus menemukan stan penukaran mata uang di bandara, dan kemudian menukar uang yang Anda miliki ke dalam mata uang negara yang Anda kunjungi. Anda pergi ke counter dan melihat layar menampilkan nilai tukar yang berbeda untuk mata uang yang berbeda. Anda menemukan “yen Jepang” dan berpikir , “WOW satu dolar saya! Senilai ¥ 100?! Dan aku punya sepuluh dolar! Aku akan menjadi kaya!” (Kegembiraan ini cepat hilang ketika Anda berhenti di sebuah toko di bandara untuk membeli sekaleng soda dan tiba-tiba setengah uang anda hilang.) Ketika Anda melakukan ini, Anda pada dasarnya sudah berpartisipasi dalam pasar forex! Anda telah menukar satu mata uang ke mata uang yang lain. Atau dalam istilah forex trading, dengan asumsi Andaorang Amerika mengunjungi Jepang, Anda telah menjual dolar dan membeli yen. Sebelum Anda terbang kembali ke rumah, Anda berhenti di stan pertukaran mata uang untuk menukar yen dan perhatikan nilai tuka...
Posting Komentar
Read more»

Masturbasi yang Tidak Berlebihan Berikan Efek Positif

Masturbasi merupakan salah satu praktik seks yang terbilang aman. Jika dilakukan dengan benar, maka masturbasi bisa memberikan efek yang positif bagi kesehatan tubuh. Apa saja itu? "Masturbasi merupakan bagian dari kehidupan seks yang sehat, aman serta tidak berbahaya," ujar Gloria Brame, PhD, seorang seksolog klinis, seperti dikutip dari Menshealth, Jumat 6/1/2012). Berikut ini 5 manfaat kesehatan yang bisa didapatkan jika melakukan masturbasi secara teratur dan tidak berlebihan yaitu: 1. Mencegah kanker Sebuah studi yang dilakukan peneliti Australia tahun 2003 menemukan laki-laki yang ejakulasi lebih dari 5 kali dalam seminggu maka kemungkinannya sepertiga kali lebih kecil untuk mengembangkan kanker prostat. Salah satu peneliti mengungkapkan racun penyebab penyakit ini yang ada dalam saluran urogenital akan keluar dari sistem tubuh ketika seseorang melakukan masturbasi hingga mencapai ejakulasi. 2. Membuat penis lebih keras saat ejakulasi Secara alamiah peni...
Posting Komentar
Read more»