Minggu, 28 November 2010
Cara Membuat Label Cloud
Untuk membuat tampilan label atau kategori lebih menarik, sobat bisa mencoba menggantinya dengan label yang menyerupai awan atau yang lebih dikenal dengan nama label cloud. Untuk membuatnya, lagi - lagi sobat harus mengotak - atik kode HTML blog sobat, jadi sebaiknya backup terlebih dahulu template sobat ubtuk menghindari kerusakkan pada template sobat.- Login ke Blogger.
- Klik Tata Letak--> Edit HTML.
- Jangan lupa backup dulu ya template nya.
- Kemudian copy paste kode berikut diatas kode ]]></b:skin>/* Label Cloud
----------------------------------------------- */
#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} - Kemudian letakkan kode berikut ini diatas kode </head><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> - setelah itu cari kode seperti dibawah ini :<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></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'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> - Hapus kode tersebut dan ganti dengan kode berikut :<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>
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> - Save Template.
Panjang ya..jangan sampai ada yang ketinggalan dalam proses copy paste kode - kode diatas, karena ketinggalan satu elemen saja label cloud tidak akan berhasil dibuat. Untuk membuat label cloud berputar akan saya bahas selanjutnya. So..selamat memandangi label cloud sobat yang baru..
sumber: miscah
Blog Archive
-
2016
(1)
- 09/18 - 09/25 (1)
-
2015
(10)
- 10/11 - 10/18 (1)
- 09/13 - 09/20 (1)
- 09/06 - 09/13 (1)
- 07/05 - 07/12 (1)
- 05/17 - 05/24 (6)
-
2014
(1)
- 04/13 - 04/20 (1)
-
2012
(770)
- 02/19 - 02/26 (5)
- 02/12 - 02/19 (10)
- 02/05 - 02/12 (4)
- 01/29 - 02/05 (27)
- 01/22 - 01/29 (88)
- 01/15 - 01/22 (101)
- 01/08 - 01/15 (169)
- 01/01 - 01/08 (366)
-
2011
(4478)
- 12/25 - 01/01 (336)
- 12/18 - 12/25 (62)
- 12/11 - 12/18 (70)
- 12/04 - 12/11 (77)
- 11/27 - 12/04 (40)
- 11/20 - 11/27 (67)
- 11/13 - 11/20 (198)
- 11/06 - 11/13 (187)
- 10/30 - 11/06 (340)
- 10/23 - 10/30 (32)
- 10/16 - 10/23 (109)
- 10/09 - 10/16 (80)
- 08/14 - 08/21 (75)
- 08/07 - 08/14 (81)
- 07/31 - 08/07 (82)
- 07/24 - 07/31 (66)
- 07/17 - 07/24 (91)
- 07/10 - 07/17 (47)
- 07/03 - 07/10 (44)
- 06/26 - 07/03 (53)
- 06/19 - 06/26 (59)
- 06/12 - 06/19 (47)
- 06/05 - 06/12 (65)
- 05/29 - 06/05 (63)
- 05/22 - 05/29 (77)
- 05/15 - 05/22 (115)
- 05/08 - 05/15 (65)
- 05/01 - 05/08 (104)
- 04/24 - 05/01 (45)
- 04/17 - 04/24 (70)
- 04/10 - 04/17 (134)
- 04/03 - 04/10 (72)
- 03/27 - 04/03 (18)
- 03/20 - 03/27 (47)
- 03/13 - 03/20 (68)
- 03/06 - 03/13 (40)
- 02/27 - 03/06 (56)
- 02/20 - 02/27 (77)
- 02/13 - 02/20 (76)
- 02/06 - 02/13 (198)
- 01/30 - 02/06 (194)
- 01/23 - 01/30 (132)
- 01/16 - 01/23 (196)
- 01/09 - 01/16 (202)
- 01/02 - 01/09 (121)
-
2010
(2535)
- 12/26 - 01/02 (156)
- 12/19 - 12/26 (65)
- 12/12 - 12/19 (73)
- 12/05 - 12/12 (84)
-
11/28 - 12/05
(80)
- Konsep Rencana Asuhan Keperawatan
- Fakta Sebenarnya Tentang “Terbelahnya Bulan” Yang ...
- 10 Reaksi Kimia yang Paling Menakjubkan
- Faktor-faktor yang berhubungan dengan kejadian abo...
- Protap Manajemen Kala III
- HIV/ AIDS bagaikan gunung es yang mengancam
- DOKUMENTASI ASUHAN KEPERAWATAN
- Asuhan Keperawatan Tetanus
- Asuhan Keperawatan Vertigo
- Asuhan Keperawatan Pankreatitis
- Rencana Asuhan Keperawatan
- Padang kembali gempa warga panik
- Diet Sehat Golongan Darah
- ASKEP PLEURITIS
- Pinang Efektif Keluarkan Cacing Dalam Tubuh
- Pengumuman Seleksi Administrasi CPNSD 2010
- Asuhan keperawatan variola
- asuhan keperawatan hipertiroidisme
- Meningkatkan MUTU ASUHAN KEPERAWATAN
- GANGGUAN HAID & SIRKULASINYA
- FORMAT ASUHAN KEPERAWATAN
- ENDROMETRIOSIS
- MoDEl ASUHAN KeperawataN
- Asuhan keperawatan klien dengan kehamilan ganda
- Perawat menuntut kebijaksanaan DPR
- Nursing Job - The Noble Profession
- ASUHAN KEPERAWATAN SKIZOFRENIA
- ASUHAN KEPERAWATAN THALASEMIA
- Inikah yang dinamakan kecanduan ngeblog
- SAP Avian Influenza
- SAP keratitis
- Sindroma Sakit Eutiroid
- Mau Domain murah berkualitas, lapor segera ke IDwe...
- Sisik Naga Obati Kencing Nanah
- SLE Systemic Lupus Erythemathosis
- asuhan keperawatan ppok
- ASUHAN KEPERAWATAN TALASEMIA
- ASUHAN KEPERAWATAN SLE
- ASUHAN KEPERAWATAN RETINOBLASTOMA
- SAP konjungtivitis
- Tema Hari AIDS sedunia tahun 2010
- NILAI MID SEMESTER V TAHUN 2010
- Prediksi Hipertensi dalam Kehamilan
- Konsep Dasar Gizi Seimbang
- 12 PESAN DASAR GIZI SEIMBANG
- Contoh Asuhan Keperawatan
- Asuhan Keperawatan Peritonitis
- Tiroiditis Granulomatosa Subakut
- ASUHAN KEPERAWATAN NYERI
- Standar Asuhan Keperawatan
- KONSEP BELAJAR & PROSES BERPIKIR
- Evolusi Mutu
- ASUHAN KEPERAWATAN KOMUNITAS
- Air Putih Untuk Bayi
- Leadership
- PERANAN CI (CLINICAL INSTRUCTOR) DALAM PEMBELAJARA...
- Ramuan Alami Untuk Atasi Hepatitis
- cara Merusak Peralatan Mahal kita
- cara menguruskan badan gendut
- Cara Membuat Tulisan Besar Pada Awal Postingan
- Cara Membuat Label Cloud
- Tips Promosi Blog
- Cara Jitu Artikel Baru Langsung di Top 10 Mbah Google
- 10 Cara Mengoptimalkan Blog di Blogdetik
- ASUHAN KEPERAWATAN PADA KLIEN DENGAN BRONCHOPNEUMONIA
- Cara Memasang Fungsi Scroll Pada Blog
- Panduan membuat Blog di Blogspot
- Cara Membuat Breadcrumbs Pada Blogger
- UNICEF Apresiasi Keberhasilan Indonesia Atasi Tet...
- Cara Mudah Download Video di youtube Versi Terbaru
- ASUHAN KEPERAWATAN PADA BAYI/ANAK DENGAN GLOMER...
- Askep Anak Dengan Hidrosefalus
- ASUHAN KEPERAWATAN REMATIK
- ASUHAN KEPERAWATAN OSTEOARTRITIS
- Skype Rencanakan IPO US$100 Juta
- Paket Bundling Diskon Hingga 50 Persen
- Penipuan SMS Marak, Warga Diminta Waspada
- Abses Hati (hepar Abscesses)
- LG GW305 Review, Harga dan Spesifikasi
- LG GW305 Ciamik Untuk Memutar Musik
- 11/21 - 11/28 (68)
- 11/14 - 11/21 (63)
- 11/07 - 11/14 (50)
- 10/31 - 11/07 (50)
- 10/24 - 10/31 (36)
- 10/17 - 10/24 (58)
- 10/10 - 10/17 (35)
- 10/03 - 10/10 (31)
- 09/26 - 10/03 (21)
- 09/19 - 09/26 (26)
- 09/12 - 09/19 (55)
- 09/05 - 09/12 (65)
- 08/29 - 09/05 (33)
- 08/22 - 08/29 (70)
- 08/15 - 08/22 (45)
- 08/08 - 08/15 (35)
- 08/01 - 08/08 (37)
- 07/25 - 08/01 (27)
- 07/18 - 07/25 (19)
- 07/11 - 07/18 (30)
- 07/04 - 07/11 (56)
- 06/27 - 07/04 (28)
- 06/20 - 06/27 (22)
- 06/13 - 06/20 (30)
- 06/06 - 06/13 (21)
- 05/30 - 06/06 (5)
- 05/16 - 05/23 (6)
- 05/09 - 05/16 (29)
- 05/02 - 05/09 (59)
- 04/25 - 05/02 (28)
- 04/18 - 04/25 (38)
- 04/11 - 04/18 (70)
- 04/04 - 04/11 (59)
- 03/28 - 04/04 (65)
- 03/21 - 03/28 (89)
- 03/14 - 03/21 (218)
- 03/07 - 03/14 (95)
- 02/28 - 03/07 (135)
- 02/21 - 02/28 (102)
- 01/03 - 01/10 (68)
-
2009
(1652)
- 12/27 - 01/03 (36)
- 12/20 - 12/27 (22)
- 12/13 - 12/20 (100)
- 12/06 - 12/13 (45)
- 11/29 - 12/06 (24)
- 11/22 - 11/29 (22)
- 11/15 - 11/22 (19)
- 11/08 - 11/15 (28)
- 11/01 - 11/08 (11)
- 10/25 - 11/01 (17)
- 10/18 - 10/25 (38)
- 10/11 - 10/18 (33)
- 10/04 - 10/11 (15)
- 09/27 - 10/04 (21)
- 09/20 - 09/27 (7)
- 09/13 - 09/20 (84)
- 09/06 - 09/13 (35)
- 08/30 - 09/06 (48)
- 08/23 - 08/30 (118)
- 08/16 - 08/23 (26)
- 08/09 - 08/16 (34)
- 08/02 - 08/09 (35)
- 07/26 - 08/02 (31)
- 07/19 - 07/26 (14)
- 07/12 - 07/19 (16)
- 07/05 - 07/12 (28)
- 06/28 - 07/05 (26)
- 06/21 - 06/28 (76)
- 06/14 - 06/21 (26)
- 06/07 - 06/14 (21)
- 05/31 - 06/07 (43)
- 05/24 - 05/31 (38)
- 05/17 - 05/24 (26)
- 05/10 - 05/17 (52)
- 05/03 - 05/10 (15)
- 04/26 - 05/03 (38)
- 04/19 - 04/26 (32)
- 04/12 - 04/19 (22)
- 04/05 - 04/12 (20)
- 03/29 - 04/05 (40)
- 03/22 - 03/29 (43)
- 03/15 - 03/22 (18)
- 03/08 - 03/15 (14)
- 03/01 - 03/08 (22)
- 02/22 - 03/01 (12)
- 02/15 - 02/22 (9)
- 02/08 - 02/15 (11)
- 02/01 - 02/08 (19)
- 01/25 - 02/01 (37)
- 01/18 - 01/25 (21)
- 01/11 - 01/18 (33)
- 01/04 - 01/11 (31)
-
2008
(700)
- 12/28 - 01/04 (13)
- 12/21 - 12/28 (9)
- 12/14 - 12/21 (57)
- 12/07 - 12/14 (5)
- 11/30 - 12/07 (18)
- 11/23 - 11/30 (33)
- 11/16 - 11/23 (31)
- 11/09 - 11/16 (23)
- 11/02 - 11/09 (18)
- 10/26 - 11/02 (11)
- 10/19 - 10/26 (15)
- 10/12 - 10/19 (13)
- 10/05 - 10/12 (25)
- 09/28 - 10/05 (2)
- 09/21 - 09/28 (14)
- 09/14 - 09/21 (19)
- 09/07 - 09/14 (43)
- 08/31 - 09/07 (3)
- 08/24 - 08/31 (33)
- 08/17 - 08/24 (65)
- 08/10 - 08/17 (4)
- 08/03 - 08/10 (26)
- 07/27 - 08/03 (6)
- 07/20 - 07/27 (19)
- 07/13 - 07/20 (18)
- 07/06 - 07/13 (60)
- 06/29 - 07/06 (53)
- 06/22 - 06/29 (49)
- 06/15 - 06/22 (11)
- 06/08 - 06/15 (4)
Popular Posts
-
ASUHAN KEPERAWATAN IBU NIFAS DENGAN PERDARAHAN POST PARTUM A. PengertianPost partum / puerperium adalah masa dimana tubuh menyesuaikan, baik...
-
KTI KEBIDANAN HUBUNGAN USIA TERHADAP PERDARAHAN POSTPARTUM DI RSUD BAB I PENDAHULUAN A. Latar Belakang Kesehatan wanita merupakan hal yang s...
-
Setelah beberapa minggu ini cari materi buat postingan baru, mendadak dapat inspirasi setelah rekan Anton Wijaya menulis di buku tamu Keper...
-
PATHWAY ASFIKSIA NEONATORUM Klik pada gambar untuk melihat pathway Download Pathway Asfiksia Neonatorum Via Ziddu Download Askep Asfiksia N...
-
DEFINISI Ikterus ialah suatu gejala yang perlu mendapat perhatian sungguh-sungguh pada neonatus. Ikterus ialah suatu diskolorasi kuning pa...
-
Metode Kalender atau Pantang Berkala (Calendar Method Or Periodic Abstinence) Pendahuluan Metode kalender atau pantang berkala merupakan met...
-
Pathway Combustio Klik Pada Gambar Untuk melihat pathway Download Pathway Combustio Via Ziddu Tag: Pathways combustio , pathways luka baka...
-
Pathway Hematemesis Melena Klik pada gambar untuk melihat pathway Download Pathway Hematemesis Melena Via Ziddu
-
PROSES KEPERAWATAN KOMUNITAS Pengertian - Proses keperawatan adalah serangkaian perbuatan atau tindakan untuk menetapkan, merencana...
-
Metode Suhu Basal Tubuh (Basal Body Temperature Method) Suhu tubuh basal adalah suhu terendah yang dicapai oleh tubuh selama istirahat atau ...
© ASUHAN KEPERAWATAN 2013 . Powered by Bootstrap , Blogger templates and RWD Testing Tool Published..Gooyaabi Templates