Cara Membuat Border Area Posting Dan Sidebar

Perlu dibaca juga :

Inilah Cara Membuat Border Area Posting Dan Sidebar yang saya lakukan :
a. Cara Membuat Border/Fram /Bingkai Pada Area Posting

1. Pertama login ke akun blogger atau dashboard.
2. Pilih menu Template –> Edit HTML
3. Selanjutnya cari code ini :" .post {"  gunakan CTRL+F untuk memudahkan mencari
4. Tambahkan kode dibawah ini tepat dibawah code .post {
   

   padding: 5px;
   Border-top: 2px solid #000000;
   Border-bottom: 2px solid #000000;
   Border-left: 2px solid #000000;
   Border-right: 2px solid #000000;
   Margin-bottom: 10px;

5. Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan template

b, Cara membuat Border/Frame/Bingkai Pada Sidebar

1. Pertama login ke akun blogger atau dashboard.
2. Pilih menu Template –> Edit HTML
3. Cari code ini : ]]></b:skin>   Agar lebih mudah mencari tekan control+F
4. Tambahkan kode dibawah ini tepat diatas code ]]></b:skin>
   

   sidebar .widget{
   padding:5px 5px 5px 5px;
   border:1px solid #C11209;
   margin-bottom:5px

5. Lakukan preview terlebih dahulu, jika sudah oke baru di klik Simpan

Keterangan : Semua angka dan warna merah bisa diganti sesuai selera

• Padding: 5px; = Jarak antara text post dengan garis pinggir 5px; makin tinggi angka jarak dari tepi akan semakin lebar
• Border-top: 2px solid #000000; = garis pinggir atas 3px semakin tinggi angka,   maka akan semakin tebal garisnya
• Border-bottom: 2px solid #000000 ; = garis pinggir bawah 3px
• Border-left: 2px solid #000000 ; = garis pinggir kiri 3px
• Border-right: 2px solid #000000 ; = garis pinggir kanan 3px
• Margin-bottom: 10px; = jarak antar post yang satu dengan lainnya 10px
• Code warna #000000 adalah warna hitam

Catatan : Bentuk garis Frame bisa diganti sesuai dengan selera                   

• solid     : bingkai menjadi garis biasa ( ___________ )
• dotted   : bingkai menjadi titik-titik ( .............................. )
• dashed : bingkai menjadi garis putus-putus ( --------------------- )
• double  : Bingkai 2 garis biasa   ( = )
• Ridge
• Groove
• Inset
• Outset
• Radius ( Sudut melengkung )
• dan lain-lain

Demikian uraian saya kali ini semoga ada bermanfaan. Selamat mencoba untuk membuat halaman blog lebih menarik dan nyaman dimata pengunjung nya,

Salam.

ARTIKEL TERKAIT :