Tag Clouds ...Untuk membuat tag clouds,anda harus sudah membuat label pada situs anda. Pilih bagian Dashboard ke Pengaturan lalu pada Page Element tambah halaman baru add widget, pilih Label. Setelah itu Edit HTML kemudian beri tanda centang pada Expand Widget Templates. Cari kode :
Klo dah ketemu,lalu copy paste kode di bawah ini diatasnya : /* Label Cloud Styles Setelah itu,tepat di bawah kode : ]]></b:skin> copy paste kode di bawah ini : <script type='text/javascript'> Lalu simpan template. Langkah terakhir,masih pada Edit HTML cari kode di bawah ini : <b:widget id='Label1' locked='false' title='cloud' type='Label'>< b:includable id='main'> <b:if cond='data:title'> <h2></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'> <data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul><b:include name='quickedit'/> </div> </b:includable> </b:widget> Kalau dah ketemu,ganti kode diatas dengan kode di bawah ini : Alangkah baiknya backup terlebih dahulu template ke komputer anda,Tapi klo dah percaya,ya langsung ganti aja. Akurat koq :) <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>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 = "<data:label.name/>"; 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] < cloudMin){ continue; } 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]+' 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> Simpan Template! Selesai !Baca Juga Yang Ini.. |
Rabu, 14 Juli 2010
Tag Clouds
Postingan Populer
-
Cara Mengukur Berat dan Ukuran Blog untuk Search Engine Optimization Untuk mengukur ukuran blog dan mengetahui waktu loading sebuah blog sob...
-
Indahnya Tanya Jawab pada Komentar Sebelumnya saya memposting tentang tips dasar seo ,yaitu ’ cara cepat terindex google ’,meski saya juga n...
-
Membuat Menu Navigasi dengan jQuery (Kwicks jQuery Sliding Navigation Menu for Blogger) Sudah Direvisi! Dijamin Berhasil 100% (mohon maklum ...
-
Cara Praktis Membuat Box Link Exchange/Tukar Link : " Beberapa hari lalu salah satu sahabat Pelajaran Blog merisaukan tentang bagaiman...
-
FRAME....dari istilahnya kita semua sudah tau bahwa frame adalah bingkai. Namun bingkai atau frame dalam terminology HTML berbeda maksudnya....
-
Bukan Syekh Puji tapi Pujiantoro ,kakek ini lahir di Jakarta hampir setengah abad yang lalu,saat orang-orang belum begitu kenal dengan isti...
-
Ada fasilitas translet online yang sobat dapat manfaatkan secara gratis. Layanan ini dikenal dengan nama Google Translet atau google terjema...
-
Cara Membuat Breadcrumbs / Menu Navigasi Diatas Artikel Posting Disaat google sedang pelit dalam mengindex blogspot akhir-akhir ini,sobat ...
-
Jika anda memiliki masalah dengan loading blog maka masalah tersebut akan mengurangi pengunjung blog anda. Untuk itu anda perlu mencari solu...
-
Jika sobat ingin agar posting yang sudah ditulis diberi penilaian atau rating maka widget yang akan kita buat ini bisa bermanfaat. Pengunjun...
Arsip Blog
-
▼
2010
(118)
-
▼
Juli
(57)
- Kotak / Box Tukar Link
- Label Dropdown / Drop Down Label
- Cara Dapat Dollar Dari Awsurveys
- Reply Pada Komentar
- Cara Cepat Terindex Google
- Cara Membuat Sitemap
- Cara Membuat Tanda Tangan Online
- Mengatur Letak Image/Gambar pada Postingan Blog
- Cara Membuat Drop Caps
- Pelajaran Programmer
- Membuat Popup Windows
- Cara Membuat Kotak Blogroll
- Menambah Gambar Sebelum Judul Postingan
- Meta y_key
- Membuat Sidebar Berada di Kanan Kiri Posting / Pos...
- Cara Merubah / Mengubah Format Judul Agar Seo Frie...
- Cara Menyembunyikan Profil di Blogger
- CSS
- Disable Copy Paste
- Cara Membuat Daftar Isi di Blogspot
- Membuat Navbar Blog Auto Hide / Auto Hide Navbar B...
- Membuat Menu Navigasi dengan CSS
- Cara Menampilkan Kode HTML ke Posting
- Cara Membuat Label
- Meletakkan Kotak Komentar di Bawah Posting
- Cara Memasang Gambar Pada Blog
- Javascript
- Supaya TerIndex Google
- Blogger Indonesia Dukung Internet Aman, Sehat & Ma...
- Cara Mendownload Template
- Cara Menghapus Blog
- Apa Itu HTML ?
- Link Animasi / Animation Link
- Cara Memasang Video You Tube di Blog
- Cara Mencairkan Earning Google Adsense dengan West...
- Horizontal Form Button Link
- Form Button Link
- Apa Itu Blog ?
- Disable Right Click
- Membuat Fitur Download
- Iklan Popup
- Text Area Auto Install
- Macam-macam Tex Area [3 Macam]
- Menghapus / Menghilangkan Komentar Blog
- Elemen Baru di Bawah Header
- Menghilangkan Navbar pada Blog
- Membuat Menu Drop Down
- Membuat Text Area
- Mengatur Warna dan Huruf
- Membuat Favicon
- Home Page Otomatis
- Menghilangkan Garis Link
- Membuat Marquee / Text Berjalan
- Cara Membuat Frame / Menampilkan Blog Lain pada Bl...
- Tag Clouds
- Seputar Google Adsense
- Informasi Lengkap Seputar Google Adsense sebelum M...
-
▼
Juli
(57)
0 komentar:
Posting Komentar