Berbisnis Online ala Google

Jumat, 15 Juni 2012

Cara membuat garis di bawah judul postingan dan judul sidebar pada blog

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.......

Tidak ada komentar:

Posting Komentar