How to use image as your blogger post or page background

Adding image background to your blogger posts is also a nice feature of blogger but very few bloggers use it though. This will be a nice design for your blog post if you can find a better and nice looking image to fit your post and give a nice background

How to change footer background color of Ogbonge Blog

There are two ways to add image background to your blogger posts one is editing your template while the other method is using the div style. without time waste let me briefly explain how you can do it with any of the above methods of your choice.

How to add Background images to your blogger posts

in case you don't know what this means yet it means making your post appear inside the image while the image because the background of your post. To apply this simply visit your blogger dashboard and click on New post. blogspot post-image-background

<div style="background:url( center center no-repeat;width:300px;height:200px;color:black;font-size:18px;border:1px solid #ccc;padding:5px;"> WRITE YOUR CONTENTS HERE </div>

From the above code just replace write your content here with your article and change the image URL in blue color to any image link you want to use Now publish your post and see how it works.

Having learnt the first method let us proceed to the second step on how to write your blogger post under image as the background

Login your blogger site and edit your template. From your template find </head> And just above it paste bellow code

From the above change the blue link with the post or page link you want to change the background and the green link with your image URL. now save your template and preview

I will prefer the first step because it's more convince and very easy to set.the choice is yours!!!

Please don't forget we offer wapka building tutorials here apart from given you wapka codes and you can also request any wapka tutorial by sending us mail-

Meet me on facebook

If you love this post share it!
Share Button

Share on Google Plus

About kennedy prosper

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.


Post a Comment