Membuat Bingkai Gambar Di Postingan Blog

Tutorial kali ini aku akan menjelaskan bagaimana cara membuat bingkai pada gambar di dalam postingan sebuah blog. 

Tentu saja bingkai yang aku maksud adalah merupakan border sederhana pada image (gambar). Jika anda para blogger tertarik dengan tampilan seperti di bawah ini, maka beginilah cara membuat agar gambar tersebut ada bingkainya secara otomatis.

• Masuk ke blogger
• Pilih Template » Edit HTML
• Cari kode ]]></b:skin>
• Setelah ketemu, masukkan kode berikut ini tepat di atas kode ]]></b:skin> tersebut

.post-body img{

padding: 5px;

background-color: #transparan;

border-top-width: 5px;

border-right-width: 5px;

border-bottom-width: 5px;

border-left-width: 5px;

border-style: outset;

border-color: #666666;

Dan kode tersebut di atas bisa anda ubah sesuai selera anda. Cara merubahnya yang harus diingat adalah :

• background-color merupakan latar belakang bingkai. #transparan adalah tidak memiliki latar belakang.
• Semua yang 5px merupakan ketebalan bingkai.
• border-style merupakan gaya tampilan bingkai. outset adalah bingkai tersebut seperti timbul keluar.
• border-color merupakan warna bingkai