..:::!!!!! Selamat Datang !!!!!:::..Hello all_Friends ::::: Nur Rohman Share® !!!!...Mitra Bisnis Pulsa Elektrik Termurah...!!! Download Software | Tutorial Blog | Pusat Servis Computer dan Servis HP CONTACT-085789915222 & EMAIL- (si_owner@yahoo.com)

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

Friday, June 15, 2012 | Nur Rohman | 0 komentar
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.......


Cara membuat garis di bawah judul postingan dan judul sidebar pada blog Reviewed by Nur Rohman on Friday, June 15, 2012 Rating: 4.5
Share on: Twitter, Facebook, Delicious, Digg, Reddit

Ditulis Oleh : Nur Rohman ~ Tips dan Trik Blogspot

Christian angkouw Artikel Cara membuat garis di bawah judul postingan dan judul sidebar pada blog ini ditulis oleh Nur Rohman pada hari Friday, June 15, 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara membuat garis di bawah judul postingan dan judul sidebar pada blog dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

0 komentar:

Trimakasih atas kunjungan anda.. Blog ini Dofollow) Silahkan menaruh kritik dan saran pada kotak komentar ini, asal tidak SPAM dan bagi yang mencantumkan link, akan terhapus otomatis.