Oke sobat AjatShare 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
26 comments
Tambah komentaruntuk background boleh diganti ga?
apa harus sesuai cara diatas,,_
terima kasih,,_
wah... boleh juga nih, ijin mencobanya bos...
baru ngerti mas cara membuat widget sendiri,izin menerapkannya keblog saya yamas
keren gan, langsung tak coba
Jadinya saya bisa membuat widget lebel lebih bagus nih
Blog: http://naufalqih.blogspot.com
ternyata maksudnya css widget label ya :)
Singgah bentar dirumah bang Ajat mantef tuh bang tutornya..heee
mas pageranknya blog sampean kok nol. kemaren kan pageranknya 4. kok bisa turun drastis mas
Kunjungan siang Mas Ajat. menarik nih widget nya saya coba dulu Mas Makasih :)
mantap .. terbaik
http://ow.ly/FsiaG
Ternyata sangat mudah
kunjungan pg gan
makasih buat informasinya,, ijin coba yaa,,,,
kunjungi juga web kami
http://toko661.com/
http://toko-greenworld.com/
http://obatherbalampuh.com/
http://obatherbalampuh.com/obat-herbal-asam-urat/
makasih banyak buat infonya,,, kunjungi juga yaa
http://obatherbalampuh.com/
http://toko-greenworld.com/
http://toko661.com/
http://toko661.com/pengobatan-tradisional-kelenjar-tiroid/
Terima kasih info nya bang admin. boleh ini saya ikut nyoba.
Berbagi Informasi Lowongan Kerja Terbaru : http://expocpnsbumn.blogspot.com
maksih banyak buat infonya,, keren ...
http://toko661.com/
Bermanfaat banget artikel nya gan , Mampir juga yok ke blog gue :)
http://sharezone-premium.blogspot.com/
artikelnya keren and bermanfaat gan,, good job
toko661.com/pengobatan-tradisional-abses-anus/
teimakasih agan artikelnya,
http://bit.ly/1CXntoF
Keren bangett.
Saya menambahkan widget eksternal di blogku, justru blogku malah dihapus, kenapa yaa..? apa mungkin karena faktor usia blog, untung bisa dibuka lagi dengan mengajukan banding.. :D
info nya sangat bagus bang, semoga sukses..
Keren. Harus banyak belajar html nih
Contoh
Ferdi
Contoh
Aceng