Sunday, December 9, 2012

Cara Membuat Kotak Pemisah Postingan Blog

Hilmawan's Weblog - Selamat sore teman-teman, langsung saja ya, buat tutorial blog kali ini di Hilmawan's Weblog, saya akan share mengenai bagaimana cara memberikan kotak pemisah pada postingan blog. Nah, fungsinya memberi kotak pemisah postingan ini salah satunya untuk memberi kesan rapi pada tampilan blog kita alias tidak berantakan..hehe. Ok deh, langsung saja tutorialnya.

Tutorial

1. Login ke akun blog kamu
2. Masuk ke halaman Template lalu pilih Edit HTML
3. Cari kode .post ( (gunakan Ctrl + F untuk lebih cepat)
4. Setelah ketemu, letakkan kode dibawah ini tepat dibawah kode tadi
Padding:10px; /* Jarak text post dengan garis pinggir */
Border-top: 2px solid #D8D8D8; /* warna garis pinggir atas */
Border-bottom: 2px solid #D8D8D8; /* warna garis pinggir bawah */
Border-left: 2px solid #D8D8D8; /* warna garis pinggir kiri */
Border-right: 2px solid #D8D8D8; /* warna garis pinggir kanan */
Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */
5. Simpan template dan lihatlah hasilnya
Note : Kode diatas bisa kamu modifikasi sendiri sob, gak usah saklek sama kode HTML tersebut...hehe.

Sip deh, selesai dan selesai. :D Semoga sedikit info yang saya berikan dapat bermanfaat buat teman-teman. Demikian tutorial bagaimana cara Membuat Kotak Pemisah Postingan. Terima kasih sudah berkunjung.

No comments:

Post a Comment