Home » » Cara Membuat Garis Melengkung Pada Kolom

Cara Membuat Garis Melengkung Pada Kolom

Written By RACHMAT SR on Minggu, 16 Oktober 2011 | 03.43

Cara membuat postingan garis melengkung pada sudut kolom agar tidak terlihat kaku".
Perhatikan kolom postingan tampak kolom postingan terpisah-pisah dan membentuk garis lengkung pada sudut-sudutnya, bagus kan..
Tertarik dengan pembahasan ini? kita Mulai.......

  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:0px solid #0080FF;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
  6. Cari kode .post-body {
  7. Kemudian copy dan letakkan kode berikut ini setelah kode tersebut.

    border-right:3px solid #0080FF;
    border-left:3px solid #0080FF;
  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:0px solid #0080FF;
    border-bottom:3px solid #0080FF;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
  9. Oke, sudah selesai..Simpan Template sobat.
Untuk kode yang saya tandai dengan warna merah adalah kode untuk warna border, sobat bisa menggantinya sesuai dengan keinginan sobat. Untuk kode warna-warna, sobat bisa melihatnya disini. Selamat mencoba !Somber oleh : Sumber Klik disini
Share this article :

0 komentar:

Poskan Komentar

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.



 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger