PT - Membuat Garis Tepi Sidebar dan Posting di Blog - 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 kode tadi lalu tambahkan kode dibawah ini tepat di bawah kode tadi:
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.
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 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;
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.
0 komentar:
Posting Komentar