Cara Mudah Membuat Border pada Widget Blog untuk blogger Pemula
Navigasi Info - sebagian blogger pasti memiliki keinginan tamplate blognya tampil lebih menarik dan berbeda dengan yang lain sehingga terkadang kita menghabiskan banyak waktu untuk mendisain tampilan tamplate blog kita agar tampil menarik salah satunya dengan menggunakan Border ( sisi pembatas ) .
Border sangat sering dipakai dalam mendisain tamplate blog sebab itu akan membuat tampilan blog kalian terlihat keren dan lebih berkelas akan tetapi beberapa tamplate yang kalian beli atau yang kalian punya tidak memiliki Border pembatas pada widget nya sehingga tampilan blog kalian bersih dan terlihat terlalu sederhana .
Karena beberapa dari kita khususnya para blogger pemula menginginkan blog milik kita mempunyai Border ( sisi pembatas ) pada widget blognya supaya terlihat lebih keren akan tetapi beberapa dari kita tidak mengetahui bagaimana cara membuat Border ( sisi pembatas ) pada widget blog kalian.
Oleh sebab itu kita akan memberikan kode dan cara membuat Border pada widget blog seperti dibawah ini.
Maka Border pada widget pun tercipta dan tampilannya akan seperti dibawah ini
Sedangkan untuk keterangan kode sebagai berikut
1. Solid
 |
| Cara membuat Border widget blogger |
Border sangat sering dipakai dalam mendisain tamplate blog sebab itu akan membuat tampilan blog kalian terlihat keren dan lebih berkelas akan tetapi beberapa tamplate yang kalian beli atau yang kalian punya tidak memiliki Border pembatas pada widget nya sehingga tampilan blog kalian bersih dan terlihat terlalu sederhana .
Karena beberapa dari kita khususnya para blogger pemula menginginkan blog milik kita mempunyai Border ( sisi pembatas ) pada widget blognya supaya terlihat lebih keren akan tetapi beberapa dari kita tidak mengetahui bagaimana cara membuat Border ( sisi pembatas ) pada widget blog kalian.
Oleh sebab itu kita akan memberikan kode dan cara membuat Border pada widget blog seperti dibawah ini.
CARA MEMBUAT BORDER PADA WIDGET BLOG
.sidebar .widget {border-radius:15px;border:3px solid #98FB98;background:#F8F8FF;}
- Langkah awal kalian copy kode diatas
- Kemudian kalian menuju dasbor blogger
 |
| Dasbor blogger |
- Selanjutnya pilih tema
- Lalu klik edit HTML
- Carilah kode ]]></b:skin>
- Paste ( tempel ) kode itu tepat diatas ]]></b:skin>
- Kemudian simpan
Maka Border pada widget pun tercipta dan tampilannya akan seperti dibawah ini
 |
| Border widget |
Sedangkan untuk keterangan kode sebagai berikut
Keterangan kode CCS membuat Border pada widget blog
 |
| Lokasi Border yang dituju |
- Kode yang berwarna biru ( .sidebar .widget ) adalah lokasi yang ingin diberi sisi pembatas ( Border ) kalian dapat menggantinya dengan kode lokasi lain yang ingin kalian beri Border
- Kode berwarna hijau #98FB98 adalah kode warna garis sisi nya kalian dapat menggantinya dengan warna lainnya yang kalian suka
- Kode berwarna merah #F8F8FF adalah kode warna background nya kalian dapat menggantinya dengan warna lainnya yang kalian suka
- Kode warna yang berwarna oranye solid adalah kode model ( jenis ) garis yang kalian pakai dapat kalian ganti dengan kode jenis garis di bawah ini.
Jenis - jenis garis frame border
1. Solid
Solid
2. Dashed
Dashed
3. Dotted
Dotted
4. Double
Double
5. Groove
Groove
6. Outset
Outset
7. Ridge
Ridge
Semoga bermanfaat dan selamat mencoba jika ingin bertanya dapat berkomentar di bawah.
Posting Komentar untuk "Cara Mudah Membuat Border pada Widget Blog untuk blogger Pemula"