Iklan Responsive

Memberi Efek Border Pada Gambar Postingan Blog

Salah satu yang sering sebagai perhatian para blogger, selain artikel yang tersaji pada blognya merupakan tampilan blog. Tampilan blog yg menarik tentu akan mebuat pengunjung yg tiba sebagai berkesan. Namun memberikan poly imbas tampilan yg hiperbola jua akan membuat pengunjung kadang merasa terganggu, buat itu sebaiknya buat memasang widget dan pula pengaruh yang lain secara sewajarnya saja.

Pada kesempatan ini, aku akan memberikan sebuah dampak yg bisa dipakai buat sekedar mempercantik tampilan blog, terutama dalam tampilan gambar yang terdapat didalam postingan. Efek border pada gambar postingan ini sedikit akan membuat gambar yang ada dalam postingan lebih menarik serta tentunya jua tidak akan memberatkan loading blog waktu dibuka.

Adapun tampilan gambar dalam postinngan, mampu Anda lihat dalam gambar dibawah ini, pada tepi gambar masih ada border menggunakan warna abu-abu serta putih yang melingkari gambar.
Border%2BEfek.png

Cara Membuat Efek Border Pada Gambar Postingan

1. Silahkan masuk ke dashboard blogger Anda. 
2. Pilih template lalu pilih edite template
3. Silahkan Tekan CTRL + F Untuk memudahkan pencarian
4. Cari kode :  ]]>  atau kode :  
5. Setelah ketemu copy kode dibawah ini serta paste tepat pada atas kode :  ]]>  atau kode :  

/* border all images */
.post-body imgbackground-color:#F0EFEF;border:3px solid #CACECF;margin:0 4px 2px 0;padding:4px;border-radius:6px;

6. Untuk merubah rona border, silahkan ganti kode warna merah dan hidau dengan kode warna yang Anda inginkan.
7. Untuk memperbesar tampilan bordernya silahkan Anda rubah ukuran pixelnya.
Demikian postingan singkat kali ini, mengenai cara Memeberi Efek Border Pada Gambar Postingan Blog, semoga terdapat manfaatnya. Salam blogger and happy blogging.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel