Sabtu, 08 Desember 2012

Membuat Garis Tepi Postingan Dan Sidebar Blog

Membuat Garis Tepi Posting Dan Sidebar Blog

Agar blog terlihat rapi dimana blog yang masih belum mempunyai garis tepi dan masih belum ada garis pembatasnya untuk letak postingan dan letak sidebar blog, anda dapat menggunakan tutorial yang akan saya share di postingan ini. Garis tepi ini merupakan garis pembatas antara widget-widget yang ada di sidebar atau pada tempat posts blog (untuk artikel). Anda dapat lihat screenshot seperti dibawah ini tentang Membuat Garis Tepi Posting Dan Sidebar Blog.

Membuat Garis Tepi Posting Dan Sidebar Blog

Untuk model garis tepi ini bisa dimodifikasi sesuai dengan keinginan kita, jadi pada intinya garis tepi / pembatas postingan blog dan sidebar ini terletak pada tulisan "Dotted" (garis lurus) dan "Dashed" (garis putus-putus). Yuk kita mulai saja bagaimana Cara Membuat Garis Tepi Posting Dan Sidebar Blog.

Cara pertama :

1. Login ke Blogger
2. Pilih Template
3. Pilih Edit HTML
4. Backup dulu templatenya
5. Centang kotak kecil dekat "Expand Template Widget"
6. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

.post {border-radius: 0px ; padding:2px; border: 2px solid #F3F3F3;}
.sidebar .widget {border-radius: 0px ; padding:2px; border: 2px solid #F3F3F3;}

Cara yang kedua :

Cari kode .post { dan letakkan kode berikut diatasnya

border-bottom:1px dotted #F3F3F3; border-top:1px dotted #F3F3F3; border-right:1px dotted #F3F3F3;  border-left:1px dotted #F3F3F3; padding-bottom:0.5em; padding-left:0.4em; padding-right:0.4em;

Keterangan :
1. Kode warna biru adalah warna dari garis tepi
2. Kode warna pink adalah ukuran dari ketebalan garis tepi

Nah selamat dicoba dan semoga tutorial blog tentang Membuat Garis Tepi Posting Dan Sidebar Blog dapat bermanfaat bagi anda yang membutuhkan, happy blogging.



Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Terjemahkan