Panduan sukses blogger kali ini membahas cara membuat atau menambah garis di bawah judul postingan dan judul sidebar. mungkin blogger senior sedikit tersenyum tentang pembahasan saya kali ini. karna ini adalah hal yang sangat mudah. tapi nggak ada salah nya kalau saya membuat artikel ini hanya sakadar sharing dan mudahan saja ini sangat bermanfaat bagi yang masih baru di dunia blogger. karna mereka harus belajar dengan yang mudah dulu baru ke yang agak ruwet alias ribet, hehehe. nah untuk membuat nya ikuti langkah-langkah di bawah ini.
Berikut ini langkah-langkah cara membuat garis di bawah judul postingan dan sidebar pada blog anda:
- Login terlebih dahulu ke blogger
- Klik Rancangan
- Pilih Edit HTML
- Untuk memberi garis pada judul artikel blog cari kode .post h3{ margin-bottom:7px; .........} (cari berdasar kan .post h3)
- Kemudian tambahkan kode di bawah ini yang berwarna merah seperti contoh berikut
.post h3{
border-bottom:1px solid silver;
margin-bottom:7px;
.........
} - Untuk memberi garis pada judul sidebar cari kode .sidebar h2{margin-bottom: 7px;......}
- Kemudian tambahkan kode dibawah ini seperti contoh berikut
.sidebar h2{
border-bottom:1px dotted silver;
margin-bottom:7px;
.......
} - Untuk memastikan kode tersebut benar untuk judul postingan dan judul sidebar klik tombol "PRATINJAU"
- Nah jika anda sudah berhasil simpan tamplate milik anda
- Selesai.....
Catatan:
- Nah untuk border-bottom:1px dotted silver; ini adalah garis bawah yang terputus-putus dengan warna silver. ini bisa anda ganti dengan warna lain Red atau Black
- Untuk garis yang tidak terputus-putus anda bisa menggunakan kode border-bottom:1px solid silver;
- Nah untuk warnanya anda juga bisa menggunakan dengan kode warna seperti berikut border-bottom:1px solid #000; (ini adalah garis bawah dengan ukuran 1px dengan warna hitam)
Warna di atas adalah sebagai contoh. jika warna tersebut tidak cocok dengan warna tamplate anda. anda bisa mengganti nya dengan warna lain. semoga artikel ini bermanfaat untuk sahabat semua dan salam sukses.......
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
Tutorialnya semakin canggih.
Salam ukhuwah
Perlu belajar banyak di sini. Contohnya kayak : pengumuman itu ya?
nice post, makascih
kunjung balik yaaaa
nice post , tank's
kunjungan balik yaaa. ditungg
klu gak ada H3 gmna gan balez ke blog saya y gan
Tampilan blognya keren, infonya simple namun berisi oi.. Terimakasih.
thx infonya. klo mau bikin dua garisnya gmn gan?
Terima kasih banyak sangat membatu sekali untuk saya ^_^
Terima kasih untuk informasinya..!
http://mastorsepang.blospot.com
dah mengikuti langkah2 di atas .. makasih yah mas :d
http://hyllal-netheroes.blogspot.com/
gan kalo pemasangan,nya di atas judul post cara,nya g,mna eaahhh
wah dapat ilmu baru nih... ijin nyoba yah sob.. makasih tutorialnya....
kalo di akhir postingan gimana?
terima kasih atas ilmunya gan.....
kok punya saya gk muncul ya,
Alhamdulillah dah sukses sob, salam ukhuwah islamiyah, syukron infonya.
Jazakumulloh.
ma'af oot
gimana bikin kolom komentar yg terpisah dengan border atau garis kaya gini gan.?
thanks...
makasih atas infonya kunjungi juga
http://andhika-ramadhan.blogspot.com/
keren nih, makasih tutornya sob..
informasi akurat Gan, supaya jarak tidak terlalu mepet ...gimana caranya ya ?
Thanks infonya