Membuat Label Cloud Keren dan Cantik diblog

Home > Blogspot > Membuat Label Cloud Keren dan Cantik diblog

Cara Membuat Label Cloud Keren dan Cantik - Setiap blog tentunya memiliki fasilitas Label widget, pada Blogger secara default ada 2 pilihan yaitu List dan Cloud. Widget Label Cloud yang akan jadi bahasan Desain Blog kali ini. Dengan sedikit tambahan kode CSS widget label type cloud ini bisa dipercantik tampilanya di blog.

Kurang lebihnya seperti gambar dibawah ini sobat:

Label di blog adalah kata kunci yang mengkategorikan seluruh isi/konten blog . Label juga merupakan link-link singkat dan sederhana menuju postingan Anda. Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk memberikan navigasi yang mudah bagi pembaca blog. Pada Blogger sejak Google telah mengambil alih atau menyediakan layanan widget resminya melalui server Blogger sendiri, salah satunya adalah Page List and Label Cloud List dengan enable deisgner untuk membuat dynamic menus.

Intinya share kali ini untuk merubah widget label agar lebih cantik. dengan CSS dibawah ini akan mewarnai label sobat menjadi keren dan menarik. Berikut penjelasannya:

::Cara Membuat Label Cloud Keren dan Cantik diblog::

1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
2. Backup template
3. Tekan Control + F > cari kode ]]></b:skin>
4. Jika sudak ketemu, Copy kode CSS dibawah ini dan Pastekan/letakkan kodenya tepat diatas kode ]]></b:skin>

/*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

5. Save Template

Keterangan !!!

Pastikan label pada blog sudah terpasang dan dibuat Cloud bukan List.

Anda membaca artikel Membuat Label Cloud Keren dan Cantik diblog  dan anda bisa menemukan Anchor Text artikel Membuat Label Cloud Keren dan Cantik diblog  dengan url http://dhofirpm.blogspot.com/2013/07/membuat-label-cloud-keren-dan-cantik.html.

Backlink here..

<div dir="ltr" style="text-align: left;" trbidi="on">
<br /><div style="text-align: justify;">
<i><b>Cara Membuat Label Cloud Keren dan Cantik</b></i> - Setiap blog tentunya memiliki fasilitas Label widget, pada Blogger secara default ada 2 pilihan yaitu List dan Cloud. <i>Widget Label Cloud</i>
 yang akan jadi bahasan Desain Blog kali ini. Dengan sedikit tambahan 
kode CSS widget label type cloud ini bisa dipercantik tampilanya di 
blog. </div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kurang lebihnya seperti gambar dibawah ini sobat:</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl3O5Qi7dj745M_LsmFZG6uknRQFEJfWq3io2MJ1aozsvRnpvmX_wyCDDfwA5-vbz1uEmZLaD_ed34zZ2FIzYAXR0iEezH0N-Z5h6-52s2eR7I8DJ8WLWs93uW57ulExlBfKH4rpxsDk/s1600/label+keren.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl3O5Qi7dj745M_LsmFZG6uknRQFEJfWq3io2MJ1aozsvRnpvmX_wyCDDfwA5-vbz1uEmZLaD_ed34zZ2FIzYAXR0iEezH0N-Z5h6-52s2eR7I8DJ8WLWs93uW57ulExlBfKH4rpxsDk/s400/label+keren.png" width="400" /></a></div>
<div style="text-align: justify;">
   <br />Label di blog adalah kata kunci yang mengkategorikan seluruh isi/konten blog . <i>Label</i>
 juga merupakan link-link singkat dan sederhana menuju postingan Anda. 
Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk
 memberikan navigasi yang mudah bagi pembaca blog. Pada Blogger sejak 
Google telah mengambil alih atau menyediakan layanan widget resminya 
melalui server Blogger sendiri, salah satunya adalah Page List and Label
 Cloud List dengan enable deisgner untuk membuat dynamic menus.<br /><br />Intinya
 share kali ini untuk merubah widget label agar lebih cantik. dengan CSS
 dibawah ini akan mewarnai label sobat menjadi keren dan menarik. 
Berikut penjelasannya:</div>
<div style="text-align: justify;">
</div>
<div style="text-align: center;">
<b> ::Cara Membuat Label Cloud Keren dan Cantik diblog::</b></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan<br />2. Backup template<br />3. Tekan Control + F > cari kode ]]></b:skin><br />4. Jika sudak ketemu, Copy kode CSS dibawah ini dan Pastekan/letakkan kodenya tepat diatas kode ]]></b:skin></div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
 /*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ 
.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: 
uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; 
text-decoration:none; font-size:10px; color:#666; } .label-size:hover { 
border:1px solid #B20000; text-decoration: none; -moz-transition: all 
0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all
 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s 
ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform:
 rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( 
M11=0.9961946980917455, M12=-0.08715574274765817, 
M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto 
expand'); zoom: 1; } .label-size a { text-transform: uppercase; 
float:left; text-decoration: none; } .label-size a:hover { 
text-decoration: none; }</div>
<div style="text-align: justify;">
</div>
</blockquote>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
5. Save Template </div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Keterangan !!!</b></div>
<div style="text-align: justify;">
Pastikan label pada blog sudah terpasang dan dibuat Cloud bukan List. </div>
</div>
<br/> Sumber:
      <a href='http://dhofirpm.blogspot.com/2013/07/membuat-label-cloud-keren-dan-cantik.html'>
DhofirPM | Free Download Software
</a>

Description: Membuat Label Cloud Keren dan Cantik diblog Rating: 4.5 Reviewer: Dhofir Portrait - ItemReviewed: Membuat Label Cloud Keren dan Cantik diblog

DhofirPM - 10:49:00 AM

Tags: Blogspot

Share your views...

0 Respones to "Membuat Label Cloud Keren dan Cantik diblog "