شريط الاخبار

قائمة
Powered by Blogger.

Remove Picture / Image Shadow & Border From Blogger

Remove Picture / Image Shadow & Border From Blogger

Do you want to remove shadow and border from images in your blogger blog?. If your answer is yes! Then you are in right place. This post only for you here you will get compete tutorials how to do it.
By default, blogger template has included an option that is a border will exist around the images of your blog. Check below screen shot for clear understanding
Remove image Border From Blogger
Which is looking annoying both you and your blog reader. To give a beautiful look for your picture you should remove it from your blog. So let's begin this tutorial:

Removing picture shadow from blogger  

  • Open your blogger account and Go to edit HTML area from template option.
    edit template
  • Click anywhere on the code area and search below code (Using Ctrl +F)
   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);
  • Note - If you can't find the above code, then try to find one line of them. Try to find below line. 
 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  • Hopefully now you will able to get this code. Now delete this code along with above 3 lines. 
    Remove Picture Image Shadow From Blogger
  • After deleting, finally save your template. After that, visit your blog and see that images will appear without any border and shadow. 
Hopefully according to the above post, you can be able to remove picture shadow & border from your blogger blog. If you're using a custom template on your blog, then you do not need to doing it. Because of almost every custom template designed without included image shadow and borders.

شارك :

التسميات:

عن الكاتب مدون محترف

هذا النص الغبي ، غير مقصود لقرائته . وفقا لذلك فمن الصعب معرفة متى وأين نهايته ، لكن حتى . فإن هذا النص الغبي ، ليس مقصود لقرائته . نقطة رجوع لسطر مدونة مدون محترف ترحب بك

لا تعليقات في " Remove Picture / Image Shadow & Border From Blogger "

  • لمشاهدة الإبتسامات اضغط على مشاهدة الإبتسامات
  • لإضافة كود معين ضع الكود بين الوسمين [pre]code here[/pre]
  • لإضافة صورة ضع الرابط بين الوسمين [img]IMAGE-URL-HERE[/img]
  • لإضافة فيديو يوتيوب فقط قم بلصق رابط الفيديو مثل http://www.youtube.com/watch?v=0x_gnfpL3RM