Cara Membuat Bingkai Di Bagian Widget Blog

Cara Membuat Bingkai Di Bagian Widget Blog
Assalamualaikum wr.wb. Kali ini saya akan share tentang Cara Membuat Bingkai Di Bagian Widget blog yang fungsinya memperindah tampilan widget. Banyak widget yang kita sisipkan di blog.mulai dari widget follow,widget label,popular post hingga tempat untuk menaruh iklan dari advertiser


Sebenarnya css yang saya berikan kali ini masih dasar,menurutsumber script kita masih bisa mengekspolari kreatifitas kita dan membuat tampilan widget yang beda dari lain dan sesuai selera kita.nah daripada banyak membuang waktu ini dia caranya





  • 1.buka blogger > blog anda
  • 2.template        > edit html
  • 3.cari kode ]]></b:skin> lalu pastekan kode berikut diatasnya


.main-inner .sidebar .widget h2 {    margin-top: 0px;    margin-bottom: 1px;    margin-left-value: 0px;    margin-right-value: 0px;    padding: 3px 3px;    color: #274e13 !important;    text-align: center;    border: 1px solid #666666;    border-radius: 4px;    box-shadow: 1px 1px 6px 1px #3d85c6;    background: #bbbbbb;  }     .main-inner .sidebar .widget-content {    margin: 0px;    padding: 2px 2px;    text-align: justify;    text-decoration: none;    border: 1px solid #674ea7;    border-radius: 4px;    box-shadow: 1px 1px 6px 1px #3d85c6;    background: #ffffff;  }     .main-inner .widget #ArchiveList {    margin: 0px;  }     .main-inner .widget ul,   .main-inner .widget li,  .main-inner .widget ul li,  .main-inner .widget #ArchiveList ul.flat li {    margin: 0px;    padding: 2px;    list-style: none;  }

  • 4.pratinjau,jika sudah pas klik simpan


jika ada yang ingin agan tanyakan  silahkan berkomentar/mengcontact saya di fb yang bisa anda lihat urlnya di bagian contact us.assalamualaikum wr.wb.

Post a Comment

CodeNirvana
Newer Posts Older Posts
© Copyright Tiyani Kirlam
Kembali Ke Atas