Cara Membuat Garis Tepi Posting dan Sidebar blog saya menemukan artikel yang mungkin bisa membantu teman teman yang sedang melakukan bongkar pasang blog karena menurut saya tips blogging ini sangat bagus lho buat blog teman teman dan tentunya SEO Friedly juga dong, Hehehehe.. Oya teman tips ini sudah saya coba dan berhasil lho, untuk lebih jelasnya silahkan lihat di halaman utama atau homepage blog ini, nah seperti itulah kurang lebihnya teman. Daripada saya kebanyakan omong kesana kesini gak ada tujuannya langsung saja yah saya kasih tutorialnya...
Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog
- Login ke blogger anda masing masing kemudian pilih menu tata letak dan edit HTML.
- jangan lupa centang kotak expand template widget dan cari kode seperti ini .post {
- Setelah ketemu sama ayu ting ting kode tadi pasang kode dibawah ini tepat di bawah kode tadi yang berwarna merah.
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;
- simpan jika sudah selesai meletakkanya dan lihat hasilnya yah teman.
Untuk memudahkan pemasangannya tak kasih beberapa keterangannya.
padding: 5px; [jarak antara teks post dengan garis pinggir semakin besar semakin lebar]
Border-top: 3px solid #C0C0C0 ;[garis pinggir atas semakin tinggi angka semakin tebal]
Border-bottom: 3px solid #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Border-left: 3px solid #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Border-right: 3px solid #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Margin-bottom: 10px;[jarak antara post yang satu dengan yang lainnya(10px angka bisa diganti]
kode #C0C0C0 ; adalah kode warna silver, teman boleh menggantinya sesuka hati teman.
Sekarang cara membuat garis tepi sidebar blog
- Cari kode .sidebar .widget {
- Kemudian tambahkan kode di bawah ini pada kode tersebut, lebih kurang seperti ini .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 right untuk kanan top untuk atas botom untuk bawah
- dan sekarang teman tinggal save dan melihat hasil editan teman..
Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog
- Login ke blogger anda masing masing kemudian pilih menu tata letak dan edit HTML.
- jangan lupa centang kotak expand template widget dan cari kode seperti ini .post {
- Setelah ketemu sama ayu ting ting kode tadi pasang kode dibawah ini tepat di bawah kode tadi yang berwarna merah.
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;
- simpan jika sudah selesai meletakkanya dan lihat hasilnya yah teman.
Untuk memudahkan pemasangannya tak kasih beberapa keterangannya.
padding: 5px; [jarak antara teks post dengan garis pinggir semakin besar semakin lebar]
Border-top: 3px solid #C0C0C0 ;[garis pinggir atas semakin tinggi angka semakin tebal]
Border-bottom: 3px solid #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Border-left: 3px solid #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Border-right: 3px solid #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Margin-bottom: 10px;[jarak antara post yang satu dengan yang lainnya(10px angka bisa diganti]
kode #C0C0C0 ; adalah kode warna silver, teman boleh menggantinya sesuka hati teman.
Sekarang cara membuat garis tepi sidebar blog
- Cari kode .sidebar .widget {
- Kemudian tambahkan kode di bawah ini pada kode tersebut, lebih kurang seperti ini .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 right untuk kanan top untuk atas botom untuk bawah
- dan sekarang teman tinggal save dan melihat hasil editan teman..
2 Comments
