Cara Mudah Membuat Border pada Widget Blog untuk blogger Pemula - Navigasi info -->
Lompat ke konten Lompat ke sidebar Lompat ke footer

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 ) .
Cara membuat Border widget blogger
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
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
Border widget

Sedangkan untuk keterangan kode sebagai berikut

Keterangan kode CCS membuat Border pada widget blog


Lokasi Border yang dituju
Lokasi Border yang dituju

  • Kode yang berwarna biru ( .sidebar .widgetadalah 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.