Free File: Membuat Garis Tepi Posting dan Sidebar blog

Monday, December 26, 2016

Membuat Garis Tepi Posting dan Sidebar blog

Hai teman BLOG COM semuanya? apa kabar nih, sehat sehat saja kan. Oya setelah sekian lama saya gak online gara-gara koneksi modem lemot nah akhirnya pada hari ini saya bisa koneksi juga. Nah saya akan posting Membuat Garis Tepi Posting dan Sidebar blog. Berikut caranya :
1. Log In ke Blog sobat kalian masing-masing ya...
2. Pilih menu Rancangan atau Tata Letak.
3. Edit HTML beri centang pada expand widget default.
4. Cari kode .post {
5. Setelah ketemu sama ~~Yogi Prayoga~~ kode tadi lalu tambahkan kode dibawah ini tepat di bawah kode tadi:

padding: 5px;
Border-top: 3px solid  #C0C0C0 ;
Border-bottom: 3px solid  #C0C0C0 ;
Border-left: 3px solid  #C0C0C0 ;
Border-right: 3px solid  #C0C0C0 ;
Margin-bottom: 10px;

6. Save dan selesai

Sekarang cara membuat garis tepi sidebar blog

- Cari kode .sidebar .widget {
- Kemudian tambahkan kode di bawah ini yha tepat dibawah kode tadi hasilnya atau kurang lebih
.sidebar .widget {
border: 1px solid #eee;
.......
}
- Ganti #eee warna border tersebut dengan kode warna lainnya.
- Jika anda menginginkan garis tersebut cuma di kiri sidebar blog saja anda bisa mengganti nya dengan
.sidebar .widget {
border-left: 1px solid #eee;
........
}
- Perhatikan tulisan berwarna biru anda bisa menggantinya dengan rihgt untuk kanan top untuk atas botom untuk bawah
- Save dan selesai.

Available link for download