CARA MENGHIAS LABEL BLOG

Oleh Anonymous pada tanggal
Nah kali ini aku akan share tentang bagaimana menghias atau custom label bawaan blogger supaya menjadi lebih menarik dan tentunya sanggup anda rubah misalnya yang anda inginkan. Tutorial ini menghias label seperti yang pada blog ini namun anda mampu merubah kode CSS seperti yg anda inginkan.
1. Log in Blogger klik tata letak dan masukkan widget.
2. Tambahkan popular post (Ingat buat menciptakan pengaturan cloud di popular post bukan baris).
3. Setelah semua beres masuk ke pengaturan template serta edit HTML.
4. Cari kode berikut ]]> dan letakan kode CSS berikut ini diatas kode tersebut:
.label a
    padding: 5px;
    background: #359bed;
    color: #fff!Important;
    text-decoration: none;
    border: none !Important;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 14px;
}

.label a:hover
    color: #fff !Important;
    background: #000000;

5. Klik pratinjau bila nir terjadi eror klik simpan maka hasilnya akan seperti dibawah ini:
Atau anda bisa mengganti kode CSS beliau atas menggunakan kode misalnya dibawah ini:
.label a
    padding-left: 20px;
    background: #000;
    padding: 0 20px;
    color: #fff!Important;
    border-radius: 100px;
    -moz-border-radius: 100px;
    height: 32px;
    line-height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    border: none !Important;
    -webkit-transition: all .3s ease-in-out !Important;
    t: 30pxt: 30px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 14px;
}

.label a:hover
    color: #000 !Important;
    background: #ff0;
}

Maka hasilnya akan misalnya dibawah ini:

Comments

Post a Comment

Subscribe to: Post Comments (Atom)