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..
Cara Menambah Border Image di Blogger Cara Menambah Border Image di Blogger Reviewed by Mgs Rama Dony on 1:04 AM Rating: 5

4 comments:

  1. makasih gan informasinya tinggal ane praktekkan di blog ane.

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

    ReplyDelete
    Replies
    1. Oke! gan. silahkan,
      semoga bermanfaat!

      Delete
  2. mkasih gan atas infoya,,
    bermanfaat banget!

    ReplyDelete

Silahkan berkomentar sesuai topik artikel diatas.
1. Jangan tinggalkan link akitf
2. Jangan gunakan kata kotor, spam, sara, atau provokasi lain
3. Gunakanlah form komentar dengan baik dan bijak

Powered by Blogger.