August 7, 2012

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 :


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




Posted by : Kraeng Francisco | Tuturial Blog | Tips and Trik Komputer | Tips and Trik Internet | SEO

Artikel Cara Memberikan Garis Bawah Pada Judul Posting diposting oleh Kraeng Francisco pada August 7, 2012. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, dan atau mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini atau letekkan link dibawah ini sebagai sumbernya. Terima Kasih. Salam...


Artikel Terkait

6 comments:

  1. Background bidang postingnya, kalau dibuka pakai HP tampak adem dan enak dipandang Sob.

    ReplyDelete
  2. Lagi" postingan keren .. simpan dulu sob .. klo ada waktu, tar saya terapin ke blog saya ..

    Salam ..

    ReplyDelete
    Replies
    1. Ok sob, silahkan, dan terima kasih kunjungannya.

      Delete
  3. Replies
    1. Sama-sama sob, terima kasih kungannya dan telah memberikan komentar atas posting ini...

      Delete