Loading...

Cara Membuat Widget Label Sendiri Untuk Blogger

Adjat Sudradjat 03:31 10 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
Adjat Sudradjat
Cara Membuat Widget Label Sendiri Untuk Blogger - written by Adjat Sudradjat, published at 03:31, categorized as Widget . And have 10 comments
Facebook Twitter Google+ Linkedin Technorati Digg DMCA.com
Next Older Post

10 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

Thanks, we appreciate your articles. Good day! DB Product Review

keren gan, langsung tak coba

Jadinya saya bisa membuat widget lebel lebih bagus nih

Blog: http://naufalqih.blogspot.com

Glad to have found your site. Keep up the good work! DB Product Review

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

  • 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