Cara Membuat Widget Label Sendiri Untuk Blogger


Cara Membuat Widget Label Sendiri Untuk Blogger

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
SHARE

Unknown

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment

0 comments:

Post a Comment