Cara Menghias Label Blog - Hallo sahabat trick terbaru, Pada Artikel yang anda baca kali ini dengan judul Cara Menghias Label Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Menghias Label Blog
link : Cara Menghias Label Blog

Cara Menghias Label Blog

Nah kali ini saya akan share tentang bagaimana menghias atau custom label bawaan blogger agar menjadi lebih menarik dan tentunya bisa anda rubah seperti yang anda inginkan. Tutorial ini menghias label seperti yang di blog ini namun anda bisa merubah kode CSS seperti yang anda inginkan.

1. Log in Blogger klik tata letak dan tambahkan widget.
2. Tambahkan popular post (Ingat untuk membuat pengaturan cloud di popular post bukan baris).
3. Setelah semua beres masuk ke pengaturan template dan edit HTML.
4. Cari kode berikut ]]></b:skin> 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 jika tidak terjadi eror klik simpan maka hasilnya akan seperti dibawah ini:

Atau anda bisa mengganti kode CSS dia atas dengan kode seperti 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 seperti dibawah ini:

Demikianlah Artikel Cara Menghias Label Blog

Sekianlah artikel Cara Menghias Label Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Menghias Label Blog dengan alamat link https://trickterbaruagar.blogspot.com/2014/06/cara-menghias-label-blog.html

Tweet