Home  ·  About  ·  Privacy  ·  Contact  ·  Cbox

Cara Membuat Border pada Widget Blog


Border pada widget blog merupakan garis kotak yang mengelilingi widget blog, biasanya ini digunakan sebagai simbol batas dari widget blog. Sangat mudah membuat border pada widget blog, tinggal kita copy paste kode yang akan kita berikan nanti.

Kalau sudah tidak sabar dengan tutorialnya, berikut langkah-langkah cara membuat border pada widget blog :

1. Login akun blogger Anda.
2. Jika Anda menggunakan widget HTML/JavaScript, letakkan kode berikut diantara kode widget Anda.
<div style="border: 1px solid #A5BD51; padding: 5px; width: auto;">
Letakkan kode widget Anda disini!
</div>
Keterangan :
Tulisan yang berwarna kuning adalah tebal garis border, ganti sesuai kebutuhan.
Tulisan yang berwarna biru adalah garis pada border, ganti dengan dotted jika menginginkan garis putus-putus.
Tulisan yang berwarna merah adalah kode warna garis, ganti sesuai keinginan.
3. Simpan.

Berbeda jika widget Anda bukan HTML/JavaScript, yaitu Anda harus menambahkan kode border pada template blog. Misalnya widget label yang akan kita kasih border, berikut kode dan cara pemasangannya pada blog :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode ]]></b:skin> kemudian copy paste kode dibawah ini tepat diatas ]]></b:skin>
#Label1 .widget-content{
height:auto;
width:auto;
padding:5px;
border:1px solid #5588AA;
}
Keterangan :
Tulisan yang berwarna merah Anda adalah nama widget, ganti sesuai dengan widget yang akan Anda kasih border.
Tulisan yang berwarna kuning adalah garis pada border, ganti dengan dotted jika menginginkan garis putus-putus.
Tulisan yang berwarna biru adalah warna border, ganti sesuai keinginan.
4. Simpan template.

Nah, widget blog anda sekarang sudah terpasang border, selamat mencoba. Jika masih ada masalah hubungi kami melalui contac.

26 komentar:

  1. Wah makasih banyak ya.. berkat share sobat, ane jadi bisa buat border di blog gue. Terimakasih.

    ReplyDelete
  2. makasih banyak ya. sangat membantu ^^
    visit juga di jordanvengeance.blogspot.com dapet link back loh ^^
    salam blogger

    ReplyDelete
  3. sangat membantu buat saya yang sedang edit edit template
    makasih ya

    ReplyDelete
  4. Sangat membantu, walaupun masih belon faham sekali, tapi nambah wawasan saya. Kunjungi juga ya www.auliabalitour.blogspot.com

    ReplyDelete
  5. thx info nya
    http://duniagame7.blogspot.com/

    ReplyDelete
  6. waw Amazingg, Artikel yang bermanfaat.
    Gk salah ane mampir ke sini

    ReplyDelete
  7. Terimakasih sharenya.. 100% work :).
    Di tunggu kunjungannya:
    http://www.kumpulanchord-gitar.blogspot.com/

    ReplyDelete
  8. terima kaih atas info nya sob salam kenal http://si-kudil.blogspot.com/

    ReplyDelete
  9. wuih.....berhasil juga akhirnya widget jadi ada pagernya...thx sob

    ReplyDelete
  10. thanks info nya... kunjungi yaa syauqi-9.blogspot.com

    ReplyDelete
  11. Artikel nya bagus gan, ane jadi tau cara membuat border widget blog
    Oh iya, Blog agan sudah ane Follow, jika berkenan Follback juga blog saya http://mukeu.blogspot.com/

    ReplyDelete
  12. Terimakasih gan http://sharing-infokuliah.blogspot.com/

    ReplyDelete
  13. Mantap, thnks.. Salam dari masadepan :D

    ReplyDelete
  14. Mantap, thnks.. Salam dari masadepan :D

    ReplyDelete
  15. terima kasih atas perkongsian tutorial ini.. :)

    ReplyDelete
  16. Thanks gan artikel yang menarik
    https://bukuacuan.blogspot.co.id/

    ReplyDelete
  17. mantap bro . border gue udah jadi keren

    http://www.ouhackers.cf/

    ReplyDelete
  18. mantap bro . border gue udah jadi keren

    http://www.ouhackers.cf/

    ReplyDelete
  19. Sangat membantu (y). Silahkan berkunjung

    www.vektorkades.com

    ReplyDelete

 
Copyright © . Info Blog Indonesia · Powered by Blogger