Monday, 26 October 2015

Memperindah Tampilan Label Pada Blogspot

Label adalah kategori yang ada di blogger , untuk contohnya bisa di lihat di sebelah kanan ? di bawah tulisan "kategori blog" itu di sebut label . label adalah penmbagian isi blog sesuai kategori . untuk memperindah tampilan label pada blogspot , anda bisa lakukan hal di bawah ini :

1. Login ke Blogger => Template => Edit HTML

2. Cari kode <b:skin> , gunakan fungsi CTRL + F lalu masukan kata <b:skin> . 

3. Pastekan kode di bawah ini tepat dibawah <b:skin>  :

/*CSS Label gasruk.com*/
.Label a{
padding-left: 5px;
padding-right: 31.5px;
color: #fff!important;
height: 32px;
background: #1abc9c;
margin-right: 2px;
line-height: 32px;
text-decoration: none;
border: none !important;
-webkit-transition: all .3s ease-in-out !important;
float: left;
margin-top: 2px;
font-size: 13px;
text-align: left; }
.Label a:hover{
color:#fff !important;
background:#16a085; }
.Label a:after{
content: "";
position: absolute;
width: 0px;
height: 0px;
border-width: 16.5px;
border-style: solid;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;
}
Modofikasi label melalui css sudah selesai sekarang kita tinggal atur label pada blog

1. Di Tab Blogger , cari Layout / Tata Letak

2. Kemudian cari Label bila belum ada bisa di add widget lalu pilih label

3. Setelah itu ada tulisan "List" dan "Cloud" . Maka kalian pilih Cloud

Simpan lalu lihat hasilnya .


Previous Post
Next Post
Related Posts

0 Komentar: