Cara Membuat Garis 1px di Blog

Cara Membuat Garis 1px di Blog. Dalam mempercantik blog biasanya banyak para pengembang yang menggunakan garis 1px. Garis 1px ini memiliki banyak sekali fungsi seperti sebagai pembatas atau sekat, memberikan penegasan, hingga mempercantik tampilan. Tapi tentunya tidak semua orang tahu bukan dengan cara pemasangannya. Karena itu kali ini saya akan memberikan sedikit tutorial singkat bagaimana cara menampilkan garis 1px di blog.
Sebelum diberi garis 1px
Setelah diberi garis 1px
Baiklah berikut cara membuat garis 1px di blog:
  • Masukan kode css berikut di atas ]]></b:skin> atau pada bagian css jika anda menggunakan wordpress.
hr.onepixel {
border-top: 1px solid #afbcc6;
border-bottom: 1px solid #eff2f6;
height: 0px;
margin-bottom: 10px;
  •  Selanjutnya anda cukup memasukkan kode <hr class="onepixel"> pada bagian yang anda inginkan.
Cukup mudah dan simpel bukan? Selamat mencoba.

8 komentar:

  1. Siipp,,, mantab mas caranya,,, trms..

    BalasHapus
  2. makasih ya tutornya sahabat,, ijin praktikin dulu,,

    BalasHapus
  3. nah klo pke garis seperti ini jadi terlihat rapi keliatannya....

    BalasHapus
  4. hm, pembahasan tentang border harusnya di ulas dengan lengkap.

    border itu kan property css, bisa aja dong di sisipkan di id class yang lain, contoh di header, footer, atau sidebar.

    border itu kan juga bermacam-macam bang, ada dashed, inset, outset, solid, dotted, double, dll.

    lebih bagus kalau untuk border 1px itu border dotted mungkin karena di lihatnya menjadi minimalist :D

    BalasHapus
  5. kenapa di blog saya ga muncul ya mas, apa karena templatenya yang berbeda ?

    BalasHapus

blogger