Menghapus Bingkai dan Bayangan Images Blogger

Bismillah...walau tips ini sedikit usang tapi saya mencoba menyajikannya lebih mudah dan  lebih sederhana dan berharap masih bisa bermanfaat untuk yang berkunjung dan membacanya. OK jika sepakat silahkan lanjut membacanya

Dalam Blog-nya Blogger sebagian besar default Blogger Template menampilkan bingkai putih dan bayangan kotak bingkai di sekeliling setiap posted image. Nah... Gimana tuh jika kita ingin menghapus bingkai dan bayangan gambar di blog kita, yups.. di sini saya punya trik sederhana untuk menghapus bingkai dan bayangan gambar blogger Anda. Kita akan melakukan hal ini dengan menggunakan sepotong kecil CSS code. Ikuti langkah saya dengan hati-hati ya...

How To Remove Image Shadow From Blogger

1. Go to Blogger Dashboard > Design > Edit HTML
2. Download / Backup your template
3. Now search for ]]></b:skin>
4. Add below code just above ]]></b:skin>

    .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
    .BlogList .item-thumbnail img {
        padding: none !important;
        border: none !important;
        background: none !important;
        -moz-box-shadow: 0px 0px 0px transparent !important;
        -webkit-box-shadow: 0px 0px 0px transparent !important;
        box-shadow: 0px 0px 0px transparent !important;
    }

Setelah ini Simpan Template Anda dan refresh blog anda, sekarang blog anda akan muncul tanpa bingkai dan bayangan.

Ups...Jika metode di atas tidak berhasil untuk Anda, lakukan hal berikut;

• Go to Blogger's Dashboard > Template > Edit HTML
• Search (CTRL + F) for the following code:

      border: 1px solid $(image.border.color);

      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

- Hapus it dan Save your template.

Jika anda suka silahkan tautkan ke artikel ini

<a href="http://bsoftpedia.blogspot.com/2013/05/menghapus-bingkai-dan-bayangan-images.html">Menghapus Bingkai dan Bayangan Images Blogger</a>