You have viewed in many blog that they have added a shadow effect to the borders of their blogger blog.So today i will show you how to add this effect to your blog.It looks very kool and eye catching for visitors,Its just a simple CSS code.You can also view this effect on our blog or below image:
Lets Start!
1) Goto your blogger DASHBOARD and click on TEMPLATE.
2) Now a window will opens and click on EDIT HTML in new blogger interfrnce.
3)Now press ctrl+f and search for #outer-wrapper
4)Now Place the below code after #outer-wrapper {
If you face any problem just comment below....
1) Goto your blogger DASHBOARD and click on TEMPLATE.
2) Now a window will opens and click on EDIT HTML in new blogger interfrnce.
3)Now press ctrl+f and search for #outer-wrapper
4)Now Place the below code after #outer-wrapper {
box-shadow:0 0 20px #000000;5)Now save your template and reload your blog, you will see shadow effect outside your blog.
-webkit-box-shadow:0 0 10px #000000;
-moz-box-shadow:0 0 20px #000000;
-o-box-shadow:0 0 10px #000000;
If you face any problem just comment below....
Hello, my name is Aamir khan. I'm a 24year old blogger from Pakistan.
No comments:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.