Oke sobat semua tidak perlu panjang lebar langsung ke pokok pembahasan yaitu bagaimana kita dapat menerapkan widget ini di situs blogger kita.
Langkah # 1: Menambahkan Widget
Untuk menambahkan widget buka Blogger dashboard → Tata Letak → Tambah gadget → Label Widget.
Dan kemudian menambahkan widget label
Ingat Ini: Tambahkan label daftar gaya saja tidak menambahkan label cloud.
Langkah # 2: Menyesuaikan Widget
Buka dari Blogger dashboard → Editor Template → Html Editor
Sekarang tambahkan kode css di bawah ini dan letakan sebelum kode "]]></b:skin>"
.Label {display: block;width: 100%;background: #FDFDFD;margin: 0 auto;padding: 10px;}
.Label h2 {display: table;margin: 0 auto 5%;line-height: 1.5em;font-style: normal;font-size: 22px;letter-spacing: 0.5px;padding-bottom: 0%;border-bottom:1px solid #C4C4C4;text-align: center;font-weight: normal;color: #5A5A5A;}
.Label .widget-content {
padding: 5px 5px;
margin: 0;
font-family: 'Arial', arial, serif;
}
.Label ul {list-style-type: none;margin: 0 0px;padding: 0;
}
.Label ul li {float: left;width: 42.5%;margin: 0 0 5px 5px;color: #616060;text-decoration: none;padding: 6px;display: block;text-align: left;font-family: 'Arial', arial, serif;text-indent: 0px;font-size: 13px;background: #FFF;border: 1px solid #EFEFEF;text-transform: capitalize;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;}
Simpan template dan lihat hasilnya.
Selamat! Anda telah berhasil menambahkan widget label Anda
0 comments:
Post a Comment