Membuat Garis Tepi pada Posting


Assalamu’alaikum wr. Wb.
Banyak cara yang dilakukan oleh pemilik blog untuk memperindah tampilannya. Ada yang merubah bagian header, halaman posting maupun sidebar. Pada postingan ini menyoal pada halaman posting yang akan kita poles. Bagi panjenengan yang ingin memberi bingkai pada halaman posting dapat dilakukan sebagai berikut :

  1. Login ke Blogger dengan id panjenengan,kemudian pilih menu TATA LETAK, lalu EDIT HTML.
  2. Bernafas sebentar kemudian cari kode berikut ini,
.post {

........Bila telah ketemu kodenya, tambahkan saja kode-kode dibawah ini, tepat dibawah kode tersebut.

padding: 5px;
Border-top: 3px solid #0000FF;
Border-bottom: 3px solid #0000FF;
Border-left: 3px solid #0000FF;
Border-right: 3px solid #0000FF;
Margin-bottom: 10px;

-----3. Simpan hasil pekerjaan panjenengan, and nikmati tampilan barunya.


Keterangan-keterangan :
Nb: #0000FF adalah kode warna biru (light Blue)
  • padding: 5px; = Jarak antara text post dengan garis pinggir(5px; bisa diganti dengan angka lain sesuai selera, makin tinggi angka jarak dari tepi akan semakin lebar)
  • Border-top: 3px solid #0000FF; = garis pinggir atas (3px bisa diganti semakin tinggi angka, maka akan semakin tebal garisnya)
  • Border-bottom: 3px solid #0000FF ; = garis pinggir bawah (3px angka bisa diganti)
  • Border-left: 3px solid #0000FF ; = garis pinggir kiri (3px angka juga bisa diganti)
  • Border-right: 3px solid #0000FF ; = garis pinggir kanan (3px angka bisa diganti
  • Margin-bottom: 10px; = jarak antara post yang satu dengan yang lainnya(10px angka bisa diganti
Kode –kode di atas menunjukkan garis pinggirnya berwarna biru (light blue). Jika panjenengan ingin mengganti warnanya, hanya mengganti kode #0000FF dengan kode warna yang lain. Seluruh kode warna bisa dicari di sini
Semoga tulisan ini berguna, selamat mencoba semoga berhasil.
Wassalamu'alaikum wr. wb.

8 komentar

Tian Maulana

wes.. akhirna bisa juga di posting ada garis tepi na uh.. senang na
makasih ya !@!
salam >>

pangeran banjar

assalammu'alaikum, terimakasih atas informasinya... sangat berguna bagi saya yang pemula. salam kenal ^_^

amal_kasih

wah kok bagian bawahnya punyaku gk bisa kebaca

Asdan'sbacktonature
Komentar ini telah dihapus oleh pengarang.
Asdan'sbacktonature

salam kenal, Thanks atas tutorialnya sgt membantu. Tapi maaf mau tanya, mengapa di blogku garis bawahnya tak terlihat ? mohon pencerahannya.
Ini blogku http://asdansbacktonature.blogspot.com

Saung Link

Thanks sob.. jelas sekali tutorialnya... mantap

Biografi Tokoh

Terimakasih mas, sudah berbagi, senang bisa menemukan teknik seperti ini, semoga blognya semakin sukses yah mas.

Mazda Safar

nyimak aza mas
kalau untuk membuat kategori seperti yang di blog http://prihanjoyo.blogspot.com/2009/06/membuat-garis-tepi-pada-posting.html .. bagaimana ???

Posting Komentar