Loading...

Cara Membuat Widget Label Sendiri Untuk Blogger

ajatshare 03:31 27 Comments

Cara Membuat Widget Label Sendiri Untuk Blogger

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
Masukan email Anda untuk Dapatkan Update terbaru dari AjatShare BloggerPrint PDF
Cara Membuat Widget Label Sendiri Untuk Blogger
Cara Membuat Widget Label Sendiri Untuk Blogger - written by ajatshare, published at 03:31, categorized as Widget . And have 27 comments
Facebook Twitter Google+ Linkedin Technorati Digg DMCA.com
Next Older Post

27 comments

Tambah komentar

untuk 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 :)

Nice Widget... Mas.

Namun Perlu di ingat oleh sobat BLOGGER pemasangan widget berlebihan dapat mengakibatkan LOADING BLOG lambat.. apa sebabnya..???

Jika anda meletakkan javascript eksternal di dalam elemen html template blogger anda, maka bisa di pastikan anda telah melanggar minimal satu aturan dari google speed insights yaitu remove render blocking javascript. Hal ini lah yang menyebabkan loading blog anda akan bertambah lola, lemot,lama. Kenapa bisa begini ?. Karena sebelum browser menampilkan suatu halaman kepada visitor yang mengunjungi halaman blog, terlebih dahulu browser akan membaca seluruh dokumen dalam html template halaman tersebut.

selengkapnya baca disini :

http://tipblogku.blogspot.com/2014/05/apa-yang-menjadi-penyebab-loading-blog.html


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

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/

This comment has been removed by a blog administrator.

teimakasih agan artikelnya,
http://bit.ly/1CXntoF

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

  • Berkomentarlah dengan baik, sopan dan sesuai dengan isi konten serta tidak [SPAM].
  • Untuk menyisipkan kode dalam komentar harap di [Konversi] terlebih dahulu.
  • Jika ingin bertanya di luar judul artikel "Cara Membuat Widget Label Sendiri Untuk Blogger". Harap menggunakan tombol [OOT].

Forum DiskusiOut Off Topic (OOT)Formulir KontakArsip Blog
-->