© 2014 by Andi Cang. Selamat Datang di Website ANDICANG Anda bebas masuk ke situs ini menggunakan satu gambar dan penjelasan singkat untuk link kembali ke posting apapun. publikasi ulang posting secara utuh dengan mencantumkan link pemilik andicang.blogspot.com
Minggu, 23 Maret 2014

Cara Membuat Garis Bawah pada Judul Artikel di Blog

Bagi Anda yang ingin menambah garis bawah pada heading style artikel akan menambah sentuhan desain pada tampilan blog Anda. Anda bisa menambahkan garis bawah pada semua judul artikel sekaligus hanya dengan beberapa baris kode.
Anda dapat mengikuti langkah-langkah di bawah ini.
 

1. Pastikan Anda telah membuka halaman Dashbor
 

2. Setelah itu Anda Buka halaman Edit HTML.
 

3. Kemudian Anda  copy Kode di bawah ini diatas baris kode: ]]></b:skin>

/*---Header dengan border bawah----*/
.post h3{
color:#0080ff;
border-bottom:1px solid #289728;
font-size: 12pt;
padding:2px;
}

4. Apabila proses berhasil, maka akan tampil Judul artikel yang bergaris bawah 



Untuk Garis Atas dan Bawah pada judul Artikel kodenya seperti dibawah ini :
/*---Header dengan border atas-bawah----*/
.post h3{
color:#0080ff;
border-top:1px solid #289728;
border-bottom:1px solid #289728;
font-size: 12pt;
padding:3px;
}

Untuk Judul Artikel didalam Border Kodenya seperti dibawah ini :
/*---Header dengan border keliling----*/
.post h3{
color:#0080ff;
border:1px solid #289728;
font-size: 12pt;
padding:2px;
}



Catatan :
Jangan dicopy semua kode diatas pilih salah satu terus copykan kebawah kode: ]]></b:skin>



Terimakasih Anda telah membaca artikel ini, Selamat Mencoba Semoga Berhasil dan Bermanfaat, jika Anda berkenan, tinggalkan komentar Anda untuk Artikel ini. AndiCang...


0 komentar:

Posting Komentar

Semoga Bermanfaat. Nikmati koleksi saya dan sering-seringlah berkunjung lagi, saya akan melakukan yang terbaik agar koleksi ini senantiasa selalu menawan buat Anda. Terima kasih atas waktu Anda!

Cari Blog Ini

Entri Populer

Blogger+Followers

Google Follower

Back To Top