Skip to main content

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

Popular posts from this blog

Youtube Thumbnail Generator Online

Hi Bloggers, Welcome to BloggersHangout !!!

Today, I'm launching my first web application Youtube Thumbnail Generator.  It is No.1 video thumbnail generator service which facilitates users to quickly grab youtube video thumbnails from videos.This web application is mostly useful for the users who wants especially youtube video thumbnails. Users would be any one like movie blog authors, movie bloggers, video song bloggers and many more...

click youtube thumbnail generator to try it out.


What is Youtube Thumbnail Generator?
Youtube Thumbnail Generator is No. 1 thumbnail generator service which grabs and displays youtube generated thumbnails from videos. It is Simple, Fast, Free and Supports eight types of Youtube URL's.
4 Reasons to Love Youtube Video Thumbnail Generator
 Simple                :  It is a Simple online tool to grab youtube video thumbnails  Fast                    :  It generates video thumbnailsin fraction of a second. So, no need to spend more time  Free            …

How to Add New Label to Posts in Blogger

Hi Bloggers, Welcome to Bloggershangout !!!

Labels are the easy way to maintain a logical category structure on a blog and it is extremely useful to keep blog organized and user-friendly. If you blog about a lot of different subjects, then labels are handy to logically categorize the blog content, so that readers can choose to view all of your posts on single lable at once. In Blogger, managing labels is quite simple. In this post, we will look at adding new label to Posts in Blogger.


Adding Label to Posts in Blogger
First, we will look at adding single/multiple labels to single post in blogger. When you are writing a blog post in Blogger editor, click Labels section in right sidebar and enter the labels you like, separating them with commas as shown below.

Previously used Labels or existing Labels will show up below the section, and you can just click them to add them to the blog post in Blogger as shown below.

When you publish the blog post, the labels will be listed with it. Click…

Best Website screenshot or Thumbnail Generator Online

Hi Bloggers, Welcome to Bloggers Hangout!!!


Online Website Screenshot generator is an awesome free tool provided by Page2Images website that generates website screenshot or thumbnail online. Page2Image website is a treasure box of tools like Screenshot Generator, Batch URL to Image, Mobile Ok Checker, HTML to Image, Mobile Emulator, and Batch Mobile Checker.

It allows you to easily generate website screenshot or thumbnail, snapshot website by just providing URL of a website. It allows you to select a device and screenshot size.

Device and their screenshot size:
PC: XLarge(1024x640), Large(640x400), Middle(320x300) and Small(160x100)

Tablet: XLarge(768x1024), Large(640x400), Middle(400x320) and Small(340x200)

Mobile:  Large(320x480)and Small(160x240).

Screenshot Generator Advanced Settings:
It also lets you have the advanced settings like delay time, force refresh and full page length.


In advanced settings, you can adjust delay time from 2, 5, 10, 15, 20, 25 seconds as per website loa…