Pages

Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog

Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog - Hai teman kutulis semuanya? apa kabar nih, sehat sehat saja kan. Oya setelah sekian lama [cuma 2 hari, wkwkwkwkwk] saya gak online dan membuat postingan postingan ter Unyu-unyu karena sedang banyak tugas di luar online, dan kali ini saat saya sedang mencari cari artikel tentang optimasi seo blogger pemula dan mengunakan keyword 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 rihgt untuk kanan top untuk atas botom untuk bawah
- dan sekarang teman tinggal save dan melihat hasil editan teman..
Gimana nih teman artikel dari blog kutulis ini yang berjudul Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog. Jika masih kurang jangan lupa yang baca lagi mengenai tips trik blog lainnya supaya teman bisa tahu mengenai berbagai informasi seputar dunia blogging. makasih keep blogging yah.


referensi kode m-wali.blogspot.com