Kamis, 21 April 2011

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

    source

    Artikel Terkait

    Cara membuat garis di bawah judul postingan dan judul sidebar pada blog
    4/ 5
    Oleh

    Berlangganan

    Suka dengan artikel di atas? Silakan berlangganan gratis via email

    Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

    Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

    Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

    Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia, atau juga bisa URL Facebook atau Twitter kamu, misal http://facebook.com/markutil

    Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini pertanyaan kamu tidak akan ditanggapi.