Tag cloud menggunakan Bookmark

Fitur yang menarik untuk menyorot subjek yang paling banyak dilihat di blog Anda adalah menempatkan bookmark blog dalam bentuk tag cloud. Jadi masalah yang paling banyak dilihat di blog Anda akan disorot. Lihat gambar di bawah ini:

Pertama-tama, agar widget ini berfungsi, Anda perlu menempatkan peluru di posting blog Anda, sehingga Blogger akan mengatur semua posting ke dalam kategori.

Mari kita mulai bekerja ... (Saya sarankan Anda selalu membuat cadangan sebelum memulai modifikasi apa pun ) 


1º - Masukkan " Layout " -> " Elemen Halaman ". Klik " Tambahkan Gadget ", pilih tambahkan " Bookmark ." 


Pada judul, masukkan " Tag cloud ". 

Catatan: Hanya menyisakan widget bookmark! 


2 - Masukkan " Layout " -> " Edit HTML ", cari (Ctrl + f) untuk:

]]> </ b: skin>

3º - Tempel kode berikut SEBELUM :

#labelCloud {text-align: center-font-family: arial, sans-serif;} 
#labelCloud .label-cloud li {display: inline; gambar-latar belakang: tidak ada! penting; bantalan: 0 5px; margin: 0; vertikal -align: baseline! important; border: 0! important;} 
#labelCloud ul {list-style-type: none; margin: 0 auto; padding: 0;} 
#labelCloud img {border: 0; display: inline; margin : 0 0 0 3px; padding: 0} 
#labelCloud a: hover {text-decoration: underline;} 
#labelCloud a, #labelCloud li a {text-decoration: none;} 
#labelCloud .label-cloud {} 
#labelCloud. label-count {padding-left: 0.2em; font-size: 9px; color: # 000;} / * untuk mengubah warna font dari hitam menjadi putih, ganti # 000 dengan # FFF * / 
#labelCloud .label-cloud li : sebelum {konten: "!! penting}

4º - Cari: </ head> dan rekatkan kode berikut SEBELUM :

<script type = 'text / javascript'> 
// Label Cloud Variabel Pengguna 
var lcBlogURL = 'http: // LINK OF BLOG ANDA .blogspot.com'; 
var maxFontSize = 20; 
var maxColor = [0.0.255]; 
var minFontSize = 10; 
var minColor = [0,0,0]; 
var lcShowCount = false; 
</ skrip>

Temukan: http: // LINK BLOG ANDA .blogspot.com , dan ganti dengan tautan blog Anda. 

Contoh: http://meublog.blogspot.com 



5th - Biarkan kotak: " Expand templates widget " DEMARCED ! Dan cari:

<b: widget id = 'Label1' terkunci = 'false' title = 'Tag Cloud' type = 'Label' />

6 - Ganti seluruh kode dengan:

<B: widget id = 'Label1' Locked = "false" title = 'Tag cloud' type = "label"> 
<b: includable id = "main"> 
<b: if cond = "Data: Judul"> 
< h2> <data: judul /> </ 
b: if> 
<div class = 'widget-content'> 
<div id = 'labelCloud' /> 
<jenis script = 'teks / javascript'> 
fungsi s a, b, i, x) { 
if (a> b) { 
var m = (ab) /Math.log (x), v = -Math.floor (Math.log (i) * m) 
} 
else { 
var m = (ba) /Math.log (x), v = Math.floor (Math.log (i) * m + a) 
} 
mengembalikan v 
} 
var ta = 0 
var c = []; 
var labelCount = new Array (); 
var ts = Obyek baru; 
<b:

ts [theName] = <data: label.count />; 
</ B: lingkaran> 
adalah (T TS di) { 
if (labelCount [ts [t]]) { 
labelCount [ts [t]] = new Array (TS [t]) 
} 
} 
tz = labelCount.length-1 ; 
lc2 = document.getElementById ('labelCloud'); 
ul = document.createElement ('ul'); 
ul.className = 'label-cloud'; 
for (var t di ts) { 
for (var i = 0, 3> 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] + '
a.style.color = 'rgb (' + c [0] + ',' + c [1] + ',' + c [2] + ')'; 
a.href = lcBlogURL + '/ search / label /' + encodeURICon (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 (rentang); 
} 
else { 
a.appendChild (document.createTextNode (t)); 
li.appendChild (a); 
} 
ul.appendChild (li); 
abnk = document.createTextNode (''); 
ul.appendChild (abnormal); 
} 
lc2.appendChild (ul); 
</ Script> 
<noscript> 
<

<Li> 
<b: if cond = "Tanggal: tanggal == blog.url: label.url '> 
<date: label.name/> 
<b: else /> 
<expr: href =" Data: label.url '> <date: label.name/> </a> 
</ b: if> 
(<date: label.count />) 
</ li> 
</ b: lingkaran> 
</ ul> 
</ noscript> 
<b : termasuk nama = 'quickedit' /> 
</ div> 
</ b: termasuk>> 
</ b: widget>

7º - Uji dan lihat apakah semuanya benar! Salam