Cara Membuat Label Cloud [Fitur Baru]
Cara Membuat Label Cloud. Blogger kembali meluncurkan fitur terbaru yaitu label cloud. Sesuai info yang diperoleh dari Blogger Buzz,
saat ini pengguna blogspot sudah bisa memasang label cloud tanpa harus
memodifikasi script yang ada pada template blogger. Jika rekan – rekan
pernah membaca postingan kursus blog terdahulu tentang label cloud animasi yang memang dimana pada segi penerapannya terbilang rumit, kali ini fitur label cloud sudah bisa diaplikasikan langsung pada template blog rekan – rekan semua melalui widget yang disediakan oleh Blogger.Langkah2 membuat label cloud di blogspot
1. Login ke account blog anda
2. Klik menu Tata Letak pada blog yang akan dipasang label cloud (Jika memiliki lebih dari 1 blog)
3. Klik Tambah Gadget (sidebar / footer)
4. Klik pada gambar atau label atau tanda plus (+)
5. Pada bagian display, pilih yg cloud
6. Save, selesai lalu liat hasilnya
Selain
dengan cara diatas, anda juga bisa menentukan label blog mana saja yang
akan ditampilkan. Caranya, setelah langkah ke-5, pada bagian show pilih
selected labels kemudian klik edit.
Disana
anda bisa mengorganisir sendiri label mana saja yang akan ditampilkan
di blog anda dengan menghilangkan tanda checklist pada bagian label yang
tidak ingin anda tampilkan. Kemudian klik save dan silahkan anda liat
sendiri hasilnya.
See you next time…..
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
