Cara Termudah Membuat Garis Tepi Dan Sidebar di blog

Diposkan oleh Unknown on Saturday, June 21, 2014

Hai teman pemblogger 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 postincara membuat garis tepi dan sidebar diblog:
Berikut ini langkah-langkahnya :
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  kode tadi lalu tambahkan kode dibawah ini tepat di bawah kode tadi:
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.
Udah shob tinggal lihat hasilnya di blog shobat,makasih atas kunjunganya dan tunggu tutorial selanjutnya.
Comments
0 Comments

{ 0 komentar... read them below or add one }

Post a Comment