Cara Menambah Border Image di Blogger

Cara Menambah Border Image di Blogger
Cara Menambah Border Image di Blogger - Mungkin anda sudah pernah melihat foto dibagian postingan blog yang memiliki garis tepi atau dikelilingi sebuah garis, nah itu namanya border yang sengaja ditambah oleh admin blog untuk image agar membuat gambar dipostingannya menjadi lebih manrik.

Saya juga menggunakan Image Border ini dipotingan image saya, untuk membuat tampilan gambar saya menjadi lebih menarik untuk dilihat. Dan yang pasti tips ini tidak akan membuat loading blog anda menjadi berat, karna disini kita hanya menggunakan script css.

Baiklan, untuk anda yang ingin mencoba memasang Border Image, silahkan ikuti langkah sederhana dibawah ini untuk menggunakannya:
  • Masuk ke Akun Blogger
  • Pilih Template > Edit HTML
  • Cari kode </b:skin> dan paste kode berikut tepat diatasa kode tsb.
.post img {

border:5px solid #d2d2d2;

padding:2px;

} 

Anda juga dapat mengubah tampilan Border Image sesuai keinginan anda dengan kode berikut:
  1. solid: Defines a solid border
  2. dotted: Defines a dotted border
  3. dashed: Defines a dashed border
  4. double: Defines two borders. The width of the two borders are the same as the border-width value
  5. groove: Defines a 3D grooved border. The effect depends on the border-color value
  6. ridge: Defines a 3D ridged border. The effect depends on the border-color value
  7. inset: Defines a 3D inset border. The effect depends on the border-color value
  8. outset: Defines a 3D outset border. The effect depends on the border-color value

Setelah anda mengatur kode css dan sudah meletakkan kode css dengan benar, sekarang anda dapat menyimpan Template anda. Dan anda anda dapat melihat hasilnya di gambar postingan anda.

Sekian untuk artikel kali, semoga artikel singkat dan sederhana ini bisa bermanfaat untuk anda. Sampai jumpa..

#Tags

4 komentar untuk *Cara Menambah Border Image di Blogger!

makasih gan informasinya tinggal ane praktekkan di blog ane.

mampir gan ke blog ane http://www.itbriscorhorizon.com/

Balas

Oke! gan. silahkan,
semoga bermanfaat!

Balas

mkasih gan atas infoya,,
bermanfaat banget!

Balas

iya, sma2..
smga bermanfaat juga! :)

Balas

Silahkan berkomentar sesuai topik artikel diatas dan jangan buang waktu anda hanya untuk membuat komentar SPAM disini.