Cara Buat
Border Pada Gambar Blog - Berbagai cara banyak dilakukan para blogger untuk
mempercantik tampilan blognya. Salah satunya ini. Memberikan efek border atau
bingkai pada gambar di postingan blog akan membuat isi postingan terkesan lebih
rapi dan tentunya enak dipandang. Tidak hanya itu efek bingkai yang ini akan
lebih terlihat elegan karena dibagian ujung border agak sedikit melengkung akan
menambah kecantikan image yang di tampilkan di postingan atau artikel blog. Dan
untuk screenshotnya, anda bisa melihat gambar-gambar disetiap postingan blog
ini, seperti gambar berikut juga tentunya.
Bagaimana
pendapat anda, menarik bukan? Border ini akan berlaku di css blog anda dan
tentunya jika anda tidak mengganti template anda. Baiklah, jika anda tidak
sabar ingin segera mencicipinya, silahkan terapkan langkah-langkah berikut di
blog anda.
Cara Buat Border Pada Gambar Blog:
1.
Pastikan sudah login ke Blogger.
2.
Silahkan menuju ke Templates dan
klik Edit HTML.
3.
Cari kode <b:skin>...</b:skin> (Ctrl+F),
scroll ke bawah dan temukan kode ]]></b:skin>.
4.
Salin dan tempel kode berikut tepat diatasnya.
.post-body
img{background-color:#FoEFEF;border:2px solid #E8E8E8;margin:0 4px 2px
0;padding:4px;border-radius:5px;}
Keterangan:
Untuk
warna biru, boleh anda ganti dengan kode warna sesuka anda. Dapatkan kode warna
anda DISINI.
5. Terakhir, Simpan Template.
Sampai disini, silahkan anda cek salah satu postingan anda yang terdapat sebuag
gambar disana. Apakah ada garis atau border di sekitar gambar tersebut? Jika
anda berarti anda telah berhasil menerapkan cara ini di blog anda. Terima kasih
dan semoga bermanfaat. Happy blogging!
Anda telah membaca artikel tentang Cara Buat Border Pada Gambar Blog dengan url http://superrefreshing.blogspot.com/2013/06/membuat-border-bingkai-imagegambar-blog.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Buat Border Pada Gambar Blog ini dengan catatan mencantumkan link sumbernya.
