How To Add Advertisement Space To Blogger Sidebar

Bloggers hangout presents a simple way to add advertisement space to Blogger sidebar. It consist of  four Ad space blocks and each Ad space block  is of 125px  x 125px.

Step 1: Sign into your Blogger account and select the blog from the dashboard for which you want to add advertisement space to sidebar.

Step 2: Add Html/JavaScript gadget to sidebar and name it as Advertisements.

Step 3: Go to Design>Edit Template and add Css definition as shown below
            Copy and paste this Css defintion  before this code   ]]></b:skin> or before </head>
            #ads
               {
                  height: 125px;
                  width:125px;
                  float: left;
                  margin:10px 10px 10px 10px;
               }
and save template

Step 4: Go to Design>Page Elements and click Advertisements gadget. Copy the code which is given below and paste the code in content of Advertisement gadget.

<div id='ads'>
<img src="http://1.bp.blogspot.com/_kqLFJjXWYAg/TI4sKsSwM7I/AAAAAAAAABI/ZLxGjvl3BfA/s1600/Ad+Space.jpg" alt="Ad Space" /></div>
<div id='ads'>
<img src="http://1.bp.blogspot.com/_kqLFJjXWYAg/TI4sKsSwM7I/AAAAAAAAABI/ZLxGjvl3BfA/s1600/Ad+Space.jpg" alt="Ad Space" /></div>
<div id='ads'>
<img src="http://1.bp.blogspot.com/_kqLFJjXWYAg/TI4sKsSwM7I/AAAAAAAAABI/ZLxGjvl3BfA/s1600/Ad+Space.jpg" alt="Ad Space" /></div>
<div id='ads'>
<img src="http://1.bp.blogspot.com/_kqLFJjXWYAg/TI4sKsSwM7I/AAAAAAAAABI/ZLxGjvl3BfA/s1600/Ad+Space.jpg" alt="Ad Space" /></div>

and save gadget.

That's it! You successfully completed adding advertisement space to blogger sidebar.

If you have any doubts about "How to add advertisement space to blogger sidebar", please don't hesitate to comment.

              

Comments

Post a Comment

Share your comments with us to improve bloggershangout.com