Saturday, May 5, 2018

√ Cara Menciptakan Border Pada Widget Blog

Border pada widget blog merupakan garis kotak yang mengelilingi widget blog, biasanya ini dipakai sebagai simbol batas dari widget blog. Sangat gampang menciptakan border pada widget blog, tinggal kita copy paste instruksi yang akan kita berikan nanti.


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

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

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

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

Nah, widget blog anda kini sudah terpasang border, selamat mencoba. Jika masih ada duduk masalah hubungi kami melalui contac.
Sumber http://id-pemula.blogspot.com