Salah satu cara agar judul
posting dapat dilihat lebih bagus adalah dengan memberi garis
bawah pada judul posting. Sebagai contoh jika anda ingin membuat sebuah
blog karya sendiri pasti yang pertama anda menyiapkan sketsa dan letak komponen
template anda, tentu harus menggambar pada sebuah kertas kosong dengan memberi
garis-garis batas letak antara header, top menu, sidebar dan lain-lain yang
berhubungan dengan isi dari template blog anda, agar antara batas haeder dan
yang lain dapat terbentuk dengan baik.
Nah maka pada kesempatan ini kita akan membahas cara memberikan garis bawah pada judul posting. Pasti anda bertanya bagamaina cara membuatnya? oke kalau begitu mari kita sama-sama belajar agar tidak salah dalam penerapannya. Untuk lebih jelas perhatikan gambar berikut :
Nah maka pada kesempatan ini kita akan membahas cara memberikan garis bawah pada judul posting. Pasti anda bertanya bagamaina cara membuatnya? oke kalau begitu mari kita sama-sama belajar agar tidak salah dalam penerapannya. Untuk lebih jelas perhatikan gambar berikut :
Apakah sudah jelas? Jika belum saya jelaskan disini supaya anda lebih paham maksud dari gambar tersebut.
Pada percobaan judul pertama adalah gambar judul sebelum diberi garis bawah sedangkan pada percobaan judul kedua menunjukkan susudah diberi garis bawah maka hasil yang akan terlihat seperti gambar diatas.
Cara Membuatnya, Ikuti Langkah-langkah Berikut :
• Login ke blog anda.
• Pilih Tata Letak
• Klik Edit HTML
• Untuk menjaga template anda, silakan anda Download dulu template anda, klik
Daownload Template Lengkap
Daownload Template Lengkap
• Gunakan Ctrl + F Cari kode CSS yang mirip kode berikut :
h3.post-title {
margin: 0;
font: $(post.title.font);
}
Hapus kode margin: 0; dan ganti dengan kode berikut margin: 0; border-bottom : 4px double #cadaef ;
Sehingga dalam penerapannya akan terbentuk seperti ini:
h3.post-title {
margin: 0; border-bottom : 4px double #cadaef ;
font: $(post.title.font);
}
• Klik Pritinjau untuk melihat hasilnya, jika sudah muncul,
• Klik Simpan Template
• Selesai.
Bagaimana mudahkan? hehe...
Selamat mencoba semoga artikel Cara Memberikan Garis Bawah Pada Judul Posting dapat bermanfaat bagi anda. Salam blogger.
Background bidang postingnya, kalau dibuka pakai HP tampak adem dan enak dipandang Sob.
ReplyDeleteSobat, Trima kasih sudah membantu.
DeleteLagi" postingan keren .. simpan dulu sob .. klo ada waktu, tar saya terapin ke blog saya ..
ReplyDeleteSalam ..
Ok sob, silahkan, dan terima kasih kunjungannya.
Deleteterima kasih...
ReplyDeleteSama-sama sob, terima kasih kungannya dan telah memberikan komentar atas posting ini...
Delete