Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Teknik Border-Radius Mempercantik Tampilan Gambar Blog

Yang dimaksud disini adalah agar Gambar tampil di blog terlihat tidak standar.




Cara Penempatan Kode

  1. Template >> Edit HTML >> Proceed

  2. Penempatan Kode berada di :

    <b:skin><![CDATA[

    Letakkan Kode disini

    ]]></b:skin>


    Atau :

    Ketik Ctrl+f dan masukkan kode :

    <b:skin><![CDATA[

    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.





Credit Gambar Kay Panabaker (kaypanabaker.com) dari Fanpop Kay Panabaker

Home > Blogger > Menghias > Teknik Border-Radius Mempercantik Tampilan Gambar Blog



This post first appeared on Tutorial Nano Yulianto - Kreatif Blogger Tutorial,, please read the originial post: here

Share the post

Teknik Border-Radius Mempercantik Tampilan Gambar Blog

×

Subscribe to Tutorial Nano Yulianto - Kreatif Blogger Tutorial,

Get updates delivered right to your inbox!

Thank you for your subscription

×