Pada Postingan kali ini saya akan bahas cara membuat Garis Melengkung Pada Kolom Yang sudah dibahas Kang Rohman sebelumnya dan kali ini Saya hanya akan menambahinya Untuk Memperjelas Cara Pembuatannya Buat sobat bloger yang masih belum paham dengan tutorial ini.
Mari kita simak sama sama dibawah :
1. Login ke Blogger dengan ID blogger sobat tentunya.
2. Klik Tata Letak
3. Klik Edit HTML
4. Cari kode h2.date-header {
5. Copy kode berikut tepat setelah kode diatas:
border-left:3px solid #0080FF;
border-right:3px solid #0080FF;
border-top:3px solid #0080FF;
border-bottom:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
border-right:3px solid #0080FF;
border-top:3px solid #0080FF;
border-bottom:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
6. Cari kode .post-body {
7. Kemudian copy dan letakkan kode berikut ini setelah kode tersebut:
border-left:3px solid #0080FF;
border-right:3px solid #0080FF;
border-top:3px solid #0080FF;
border-bottom:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
border-right:3px solid #0080FF;
border-top:3px solid #0080FF;
border-bottom:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
8. lalu cari kode .post-footer { dan letakkan kode berikut dibawah kode tersebut:
border-left:3px solid #0080FF;
border-right:3px solid #0080FF;
border-top:3px solid #0080FF;
border-bottom:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
border-right:3px solid #0080FF;
border-top:3px solid #0080FF;
border-bottom:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
9. Oke, sudah selesai..Simpan Template sobat.
10. kira kira contohnya seperti dibawah ini :
contoh garis melengkung
atau border melengkung
atau border melengkung
catatan:
contoh kode diatas adalah contoh yang diterapkan pada tampilan posingan dan sobat blogger bisa mengotak atik kode tersebut seperti mengganti warna garis pada kode yang berrwarna biru dan untuk kode warna bisa dilahat di sini
!!!!!selamat mencoba!!!!!
0 komentar pada Cara Buat Garis Melengkung Pada Kolom
Posting Komentar