The Sidebar Random Ads is a 300px by 250px ads space that allows you display both image (banner) and text ads on your blog sidebar.
In most of our templates, we include SideBar Random Ads in our Blogger templates. These adverts are randomly displayed on every page-load. Thus, when banner 1 is being displayed now, refresh the page and the banner 2 or banner 3 would be displayed.
In this ads space, you can have as many adverts (including Google AdSense, affiliate banners and links) as you want.
On this single page, we would be containing the setup instructions for our Blogger templates SideBar Random Ads.
Setting Up the SideBar Random Ads: v1
The SideBar Random Ads is included in most of our blogger templates to help boost your blog earning potentials especially for those tapping into Google AdSense, affiliate and referral programmes as revenue sources for their blog.
How to Modify your Blog SideBar Random Ads on Templates Using the SideBar Random Ads (From Text Editor: NotePad++, Sublime etc)
Option 1: to use Google AdSense in the Sidebar Random Ads Space
Obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
From your text editor where you already have the
template.xml
file opened, search for:Just below it, locate the line of codes highlighted in the image below.
Now, paste the Google AdSense AdsCode snippets you copied from step 1 here so that it replaces the line of codes highlighted in the image above.
Click SAVE to effect the changes made.
Finally, you may now upload the modified
template.xml
file on your Blogger blog. Don't know how? Learn how to upload a template on Blogger blog from here
<!-- sidebar random ads-1 -->
Option 2: to use images of your own as Ads in the Sidebar Random Ads Space
From your text editor where you already have the
template.xml
file opened, search for:Just below it, locate the line of codes highlighted in the image below.
Now, go to Posts and click the plus icon as seen in the image below. Clicking that will open a new post editor.
Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
Now, go back to the text editor and replace the Banner image url you earlier copied from above with the existing banner image url.
Repeat the same procedures with all the banner ads you want displayed there.
Click SAVE to effect the changes made.
Finally, you may now upload the modified
template.xml
file on your Blogger blog. Don't know how? Learn how to upload a template on Blogger blog from here
<!-- sidebar random ads-1 -->
Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
How to Modify your Blog SideBar Random Ads on Templates Using the SideBar Random Ads (From Web Browsers on Blogger.com)
Option 1: to use Google AdSense in the Sidebar Random Ads Space
I assume you are already logged into your blogger blog.
Click Theme from the blogger main menu (to your left).
From the page that opens, click the radio button that has an icon pointing downward in it and then click Edit HTML. After a few seconds or minutes, depending on your device speed and your internet connection, a page should be displayed revealing a whole lots of codes.
Now, click anywhere inside that whole lots of codes and press CTRL + F. This will pop out a search widget that allows you search within the source codes content only.
Now, just copy and paste the line of code below onto the search widget seen in the image above then, press Enter:
Now, obtain the AdsCode snippets for the Ads unit you want displayed on that space from your Google AdSense account.
Just below it, locate the line of codes highlighted in the image below.
Now, paste the Google AdSense AdsCode snippets you copied from step 6 here so that it replaces the line of codes highlighted in the image above.
Click SAVE to effect the changes made.
<!-- sidebar random ads-1 -->
Option 2: to use images of your own as Ads in the Sidebar Random Ads Space
I assume you are already logged into your blogger blog.
Click Theme from the blogger main menu (to your left).
From the page that opens, click the radio button that has an icon pointing downward in it and then click Edit HTML. After a few seconds or minutes, depending on your device speed and your internet connection, a page should be displayed revealing a whole lots of codes.
Now, click anywhere inside that whole lots of codes and press CTRL + F. This will pop out a search widget that allows you search within the source codes content only.
Now, just copy and paste the line of code below onto the search widget seen in the image above then, press Enter:
Just below it, locate the line of codes highlighted in the image below.
Now, go to Posts and click the plus icon as seen in the image below. Clicking that will open a new post editor.
Next, click the image upload icon as seen in the image below. Clicking that will pop out an upload wizard that allows you upload an image on blogger.
Using the upload wizard above, upload the image you want to use for the banner ads and copy the image link as seen from the image below.
Now, go back to the text editor and replace the Banner image url you earlier copied from above with the existing banner image url.
Repeat the same procedures with all the banner ads you want displayed there.
Click SAVE to effect the changes made.
Finally, you may now upload the modified
template.xml
file on your Blogger blog. Don't know how? Learn how to upload a template on Blogger blog from here
<!-- sidebar random ads-1 -->
Again, replace link (url) seen in the image below with the link (url) you want your image banner point or linked to.
0 Comments