ucapan selamat datang

20 Maret 2012

Cara buat border image/bingkai pada gambar



Border Image memberikan efek bingkai pada setiap gambar secara otomatis dengan border radius setiap sudutnya. Tampilan yang dihasilkan trik ini bisa Anda lihat pada postingan saya atau pada gambar di dalam postingan ini. Menggunakan border image dengan efek radius menampilkan kesan yang bagus dan agar postingan rapi dengan ditambahi gambar yang dihiasi border image radius. Nah jika Anda ingin menambahkan kode border image kedalam blog Anda  :



Lagkah-langkah memasang Border Image Radius Otomatis

  • Login ke blogger,
  • Pilih Template » Edit HTML
  • Silahkan cari kode di bawah ini,
]]></b:skin> tekan control F untuk memudahkan pencarian :

Selanjutnya, letakan CSS di bawah ini,di atas ]]></b:skin> 

.post-body img{background-color:#F0EFEF;border:2px solid #CACECF;margin:0 4px 2px 0;padding:4px;border-radius:5px;}

ok setelah selesai lalu simpan border image anda sudah selesai

 selamat mencoba



Tidak ada komentar:

Posting Komentar