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.....
- 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)
sumber
Tidak ada komentar:
Posting Komentar