Sabtu, 16 Maret 2013

Teknik Border Untuk tampilan Gambar di Blog

Cara Penempatan Kode

  1. Template >> Edit HTML >> Proceed
    Gambar Masuk Edit Template
  2. Penempatan kode berada di :
    <b:skin><![CDATA[
    Letakkan Kode disini
    ]]></b:skin>

    Atau :
    Ketik Ctrl+f dan masukkan kode :
    <b:skin><![CDATA[
    Cari Kode Letakkan kode di bawahnya.

  3. Kasus Lain

    Jika ada kode "/*" disamping <b:skin><![CDATA[


    Di Enter, turunkan kebawah :
    Dan sekarang bisa letakkan kode dibawah <b:skin><![CDATA[



Pilih Gaya Dan Kode

Melengkung Semua Sisi


img{
border-radius: 55px;
}
Ukuran 55px bisa anda sesuaikan, semakin besar, semakin melengkung.


Tampil Seperti Ketupat


img{
border-radius: 85px 5px;
}


Melengkung Di Sisi Atas


img{
border-radius: 55px 55px 5px 5px;
}


Melengkung Di Sisi Bawah


img{
border-radius: 55px 55px 5px 5px;
}



Penjelasan

Ukuran bisa anda sesuaikan selera. Bisa dikurangi atau ditambahkan ukurannya.

Tidak ada komentar:

Posting Komentar