Cara Membuat Bordir Gambar Posting Blog

 Bagaimana Cara Membuat Bordir Gambar Otomatis Di setiap Gambar Posting Di Blog?Kadang walaupun kita sering mengedit HTML blog kita.Terkadang hal sepele seperti ini juga membuat kita tidak mengerti dan terlewatkan.saya tadi mencari dan mencari bagaimana sih membuat Bordir image secara otomatis di gambar posting Blog.Ternyata setelah di coba-coba akhirnya sakses juga.Untuk keterangan lebih lanjut untuk cara membuatnya ikuti langkah langkah di bawah ini :

1.Pertama-tama login Blogger.
2.Kedua Klik Template - Edit HTML - Kemudian centang Expand widget Template ,Lalu cari Kode seperti .post img Untuk mempercepat Proses pencarian Gunakan Ctrl + F lalu masukkan Kode .post img Kalau sudah anda ketemukan tinggal ganti kode tersebut dengan kode di bawah ini :

.post img {

background:#f2f2f2;

text-shadow:none;

border: 1px solid #b7b7b7;

    border-radius: 1px;

    -moz-border-radius: 1px;

    -webkit-border-radius: 1px;

    box-shadow: 0 0 5px #ccc;

    -moz-box-shadow: 0 0 5px #ccc;

    -webkit-box-shadow: 0 0 5px #ccc;

color:#ccc;

}

Keterangan :
 untuk beberapa desain template kadang di temukan ada dua kode yang sama dengan kode .post img cara pemasangan yang benar adalah Cari kode .post img  yang berdekatan dengan Kode .post img,.table.tr-caption-container {........sampai..........}

Untuk cara pemasangannya adalah dengan memisahkan kedua kode tersebut untuk lebih jelasnya lihat contoh di bawah ini :

.post img.table.tr-caption-container {........sampai..........}

kemudian cara memisahkannya akan menjadi :

.post img.{........sampai..........}

.tr-caption-container {........sampai..........}

 Jadi tinggal anda ganti kode  .post img.{........sampai..........} yang anda pisahkan tadi dengan kode yang saya berikan di atas.

3.Langkah terakhir simpan template anda.

 Jika dari langkah-langkah di atas sakses,maka bordir gambar dipostingan sobat akan seperti blog facewoman.efeknya akanterlihat lebih jelas lagi gambar di posting sobat.anda katimbang gambar sebelumnya,karena di sisi garis gambar akan ada sekat yang membatasinya.jadi efeknya gambar kita akan kelihatan lebih rapi.

 Jika anda tidak suka dengan bordir modif Image dari Blog facewoman yang sangat simple itu anda bisa mengedit sendiri warna dan begroundnya sesuai keinginan anda.

Misalkan di bawah ini adalah model Beground dari blog evawangi.blogspot.com

 .post img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFCm0uJ_L73VRiPGXvMUPOINAp9rHm1r-JckjbK-zbkUUtU08B29USf8Wm-SUICuc1P4sVYFNO3jzKRUEnPq_2l3T0tcwtQmT62thaXWNo9nPQN9JSZRT7q8ufrDFo9HvAjOoCBlcPAV3A/s1600/H2.gif) repeat;padding:5px;box-shadow: 5px 5px 5px #6CBC63;-moz-box-shadow: 5px 5px 5px #848484;-webkit-box-shadow: 5px 5px 5px #A4A4A4;

border-radius:10px;-moz-border-radius:10px;}

Gimana sobat hasilnya?

Note :
 Bordir image yang saya berikan di atas tak akan berfungsi apabila beground Template Blog anda berwarna hitam atau gelap.Jadi untuk itu anda harus mengganti warna begroundnya  dengan warna putih