Selasa, 13 Maret 2012

Cara Membuat Garis Tepi Posting Di Blog


By on 10.53

Cara Membuat Garis Tepi Posting Di Blog - Kali ini saya akan berbagi artikel Tutorial Blog yaitu Cara Membuat Garis Tepi Posting Di Blog, garis tepi ini sangat berfungsi untuk memisahkan jarak antara posting dengan sidebar dan lain-lainnya, pertama-tama kamu harus tahu dulu Demo nya Garis tepi pada posting Blog lihat gambar di samping kiri. Kaya giru sob yang di maksud garis tepi pada posting blog.

Jika sobat berminat mau membuat garis tepi pada posting blog silahkan ikuti langkah-langkah di bawah ini.

  • Login ke Blog Sobat.
  • Pilih Rancangan.
  • Pilih EDIT HTML, Jangan lupa centang expand widget tempalte.
  • Cari kode .post { ,setelah ketemu kode yang berwarna merah nya copy kode di bawah ini tepat di bawah kode .post {

 border-bottom:1px dotted #ff0000;
  border-top:1px dotted #ff0000;
  border-right:1px dotted #ff0000;
  border-left:1px dotted #ff0000;
  padding-bottom:0.5em;
  padding-left:0.4em;
  padding-right:0.4em;
Keterangan :
 border-bottom adalah garis tepi bagian bawah
 border-top adalah garis tepi bagian atas
 border-right adalah garis tepi bagian kanan
 border-left adalah garis bagian kiri
 padding adalah jarak antara teks dengan garis tepi
 angka 1px adalah ketebalan garis
 yang berwarna biru kamu boleh ganti dengan kode warna lainnya
 kata dotted memberi efek titik-titik kamu bisa ganti dengan kata solid garis memanjang.


Sekian penjelasan mengenai Cara Membuat Garis Tepi Posting Blog jika ada hal yang kurang paham silahkan tinggalkan pesan di Kotak Komentar

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

13 komentar:

  1. nice info..
    kunjungi balik ya
    http://zamedaku.blogspot.com

    BalasHapus
  2. Bagus gan, ane jdi tau tuh...

    kasih tau ane kalau ada info baru, nnti ane siap berkunjung lgi...

    BalasHapus
  3. site back http://elheven.blogspot.com

    BalasHapus
  4. Maksih atas tips-nya ...
    salam kenal buat semuanya
    http://anfilem.blogspot.com/

    BalasHapus
  5. menarik nih ilmunya...
    visit back ya. tks

    BalasHapus
  6. apa yang salah ya ..saya coba ga bisa

    BalasHapus
  7. Ini adalah bagian posting blog kamu.
    .post {
    -----------
    -----------
    -----------
    Kamu letakan kodenya disini.
    }

    BalasHapus
  8. terima kasih infonya gan, cuma yg jadi mslhnya begitu saya edit garis tepi judul posting saja. ada ngga solusinya? saya pendatang baru di dunia blog. salam kenal..

    BalasHapus
  9. informasinya mantap jangan lupa kunjungan balik :)

    BalasHapus
  10. thanks...sangat berguna infonya

    BalasHapus