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

Beautiful Girls

Posting Komentar
Read more»

Mimpi Buruk

Aku tahu ini seperti cerita yang lainnya,tapi itu benar-benar mulai menakut-nakutiku sekarang.Aku memiliki mimpi yang buruk,benar-benar buruk.Mereka telah berlangsung selama 8 tahun dan beberapa bulan sekarang.Saya selalu tertarik dengan para paranormal tetapi saya tidak percaya apa yang di lakukan mereka adalah kenyataan,tapi sekarang...........saya tidak yakin dengan perasaanku.Mimpiku adalah tentang seorang wanita yang sama,rambut panjang hitam/coklat.Dia selalu mengenakan gaun hitam ketat polos,gaun yang panjang dengan lengan panjang pertengahan yang berakhir di siku.aku belum pernah melihat ke bawah lututnya jadi saya tak dapat berkomentar mengenai sepatu apa yang di kenakannya.Tapi dari belakang ia tampak seperti wanita normal yang akan keluar menghadiri sebuah pesta semi formal atau sesuatu yang seperti itu. Tapi dari depan adalah cerita yang berbeda,kulitnya begitu pucat tetapi sedikit semburat abu-abu.Matanya yang paling menghantui.Meskipun matanya lebar dan di kelilingi oleh...
Posting Komentar
Read more»

Cara Hapus Iklan AdSense dari Homepage

Posting ini menjelaskan bagaimana menyembunyikan Iklan Google Adsense Pada Halaman Utama Dan mereka hanya menampilkan Di dalam halaman Posting Sendiri.   Jika Anda ingin menyembunyikan Iklan Google Adsense Di Home Page, ikuti langkah-langkah di bawah ini.   1.Hasilkan kode parsing untuk kode adsense Anda karena kami tidak dapat menempatkan kode adsense secara langsung dalam mengurai xml.Jadi menggunakan AdParser .   Setelah parsing kode iklan,Seharusnya Akan terlihat seperti ini. 2.Log in ke dashboard -> Layout--> Edit HTML   3.Klik pada "Expand Template Widget"   4.Gulir ke bawah di mana Anda melihat ini:   <data:post.body/> 5.Sekarang Copy kode di bawah ini dan sisipkan sebelum baris di atas. <b:if COND ='data:blog.pageType == "item"'> <- Kode AdSense Anda di sini -> </ B: if>   Catatan: Anda harus Anda harus mengganti <- kode AdSense Anda di sini -> dengan...
Posting Komentar
Read more»