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.
Siipp,,, mantab mas caranya,,, trms..
BalasHapusmakasih ya tutornya sahabat,, ijin praktikin dulu,,
BalasHapusnah klo pke garis seperti ini jadi terlihat rapi keliatannya....
BalasHapussipp..
BalasHapusThanks atas sharingnya
BalasHapusThank infonya
BalasHapushm, pembahasan tentang border harusnya di ulas dengan lengkap.
BalasHapusborder 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
kenapa di blog saya ga muncul ya mas, apa karena templatenya yang berbeda ?
BalasHapus