Make money with your blog

You can make money on your blog by showing ads.

Show ads on your blog with AdSense

AdSense displays ads related to the content of your posts.

Blogger uses your AdSense account to automatically create and place ad codes on your blog.

Start showing ads

1. On the Blogger dashboard, click the blog you want to run ads on.
2. In the left menu, select Earnings > AdSense.
3. Sign up for AdSense, if you haven’t yet.
4. Select to use your existing Google Account or create a new one.
5. Complete the application form, review the information, then agree to terms and conditions.
6. Wait for your application to be approved.

Note: If you can't click the AdSense button in Blogger, review the AdSense eligibility checklist to find out why your blog doesn't qualify.

Show ads between your posts

1. On the Blogger dashboard, click the blog to control your ads.
2. In the left menu, click Layout.
3. In Blog Posts, click Edit.
4. In the window that appears, check "Show Ads Between Posts."
5. Set the ad format, colors, and how often ads should appear after your posts.
6. Click Save.

Manage your ads and earnings

To see your earnings report,

1. Sign in to Blogger
2. Select the blog.
3. Click View Dashboard.

Read More »

WHERE TO FIND FREE BLOGGER BACKGROUNDS AND TEXTURES

WHERE TO FIND FREE BLOGGER BACKGROUNDS AND TEXTURES

Blogger platform is the best as far as I know, it’s simple to understand and easy going. No much stress involved.

I noticed something must of us tech bloggers most of us Background image are not attractive and they are dull so I’ll be introducing you to this lovely tutorial.

Here are some COOL SITES to get your blogger backgrounds images that won’t cost you a dime, containing beautiful and unique textures, images with standard size.

They include;

1. 1.     Shabby Blogs                www.shabbyblogs.com/backgrounds.html
2. 2.     Hot Bliggity blog          www.hotbliggityblog.com
3. 3.     Dotty Dot Dot                 www.dottydotdotdesign1.blogspot.com
4. 4.     Leelou blogs                   www.leelou-blogs.com/type/blog-backgrounds
5. 5.     Cgtextures                     www.cgtextures.com
6. 6.     Every stocks Photos     www.everystockphoto.com
7. 7.     Lizaphoenix                   www.lizaphoenix.com/tiles

VIEW TOPIC: HOW TO ADD/CHANGE BACKGROUND IMAGE IN BLOGGER (TEMPLATE DESIGNER)

Read More »

HOW TO ADD FACEBOOK POPUP LIKE BOX WIDGET

HOW TO ADD FACEBOOK POPUP LIKE BOX WIDGET

STEP 1:       Login to Blogger Select “Layout” and Click on “Add Gadget” on anywhere you wish to put this Widget

STEP 2:       Once the Add gadget Box Popup, click on “HTML/JAVASCRIPT” seen in image below:

STEP 3:       Copy the code below inside the Empty box,

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/odafeblog&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://odafeblog.blogspot.com/2014/12/facebook-popup-like-box-blogger-widget.html" rel="nofollow"> ODAFEBLOG </a></div>
</div>
</div>  

NOTE: Change the following,

 https://www.facebook.com/odafeblog change it to you Page

.delay(5000) change it from 5000=5 second, you can change to what ever number you want.

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); , remove the code if you dont want popup

STEP 4:  Click on “Save” that’s all.

PLEASE READ AND SHARE, COMMENT BELOW

Read More »

HOW TO ADD YOUR ADS CODE BETWEEN YOUR POSTS ON BLOGGER BLOG

HOW TO ADD YOUR ADS CODE BETWEEN YOUR POSTS ON BLOGGER BLOG

• There are two ways to add your Ads code to your Blog Post;
• Add it Manually on each Post
• Add it automatically with a Simple Tag.

First login to Blogger.

Click on the Post you want to add Your Google ads code to and Edit Post, or Create New post.

After Clicking on New post or Edit post then, image below appears 

Then click on HTML as seen above...

Make sure you have copied your Ads code then paste in between Post, as seen below,

OR

Then click on save and Publish. It will Display once the page is visited.

Thanks for Reading, Kindly Share this Post

Hope this tutorial Helped please comment below.

Read More »

How To Setup Custom Robot.txt On Your Blogger Blog

Setting up CUSTOM ROBOT, it really helps In making your blog visible to SEARCH ENGINE and also improve your organic TRAFFIC.......

Remember that google helps you to get more visitors to you blog or website and it is the best search engine presently and the are based on  keywords and other things like backlinks and many more.  Having a good template is very important in times of seo.

Must times you find it difficult to submit your site to google webmaster tools this is because you have not yet setup your custom robot.
Below are some helpful tips on how to setup custom robot on your Blogger Blog.


Step 1
Go to your LOGIN TO BLOGGER DASHBOARD and then click on that blog you want to work on.

Step 2
On your BLOGGER DASHBOARD click on the SETTINGS button >> BASIC >>

Step 3
Now look at the top you will find DESCRIPTION just type in what your BLOG is all about make sure it is short and meaningful because SEARCH ENGINE like short topics.

Step 4
Now click on SEARCH PREFERENCE button and then below you will find CUSTOM ROBOT.TXT , CUSTOM HEADER TAG,

Step 5
Click on CUSTOM ROBOT.TXT and click EDIT and then PASTE this

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.odafeblog.blogspot.com/feeds/posts/default?orderby=UPDATE

Step 6
Now change  ODAFEBLOG.BLOGSPOT.COM to your BLOG URL. and then click SAVE....   

Step 7
If you want to check files on your blog use this type of example below. When you check it you will see the whole ROBOT.TXT code.

http://odafeblog.blogspot.com/robots.txt

Thanks everyone for reading this tutorial don't forget to drop your comment below thanks.

Read More »

HOW TO REMOVE OR DELETE LOCKED WIDGETS ON BLOGS

HOW TO REMOVE OR DELETE LOCKED WIDGETS ON BLOGS

 

There are lots free and paid blogger templates where you can use to design your sites but one thing you might have faced while applying new template. Sometimes, when we change any new template on our site it contains some locked widgets in blogger layout which we can't remove easily as the remove or delete options are missing from the widget. Some example is Navbar and Attribution widgets by default which are also locked. So, in this tutorial, we'll learn that how can we remove locked widgets in blogs.

It is hard to set the Layout with Blogger, as they have so many limitations. I think you may also experience so many layout setting problems. In this post i am posting one solution for one of the main problems that a blogger is facing from BlogSpot. So now let's ‘’LEARN HOW WE CAN REMOVE LOCKED WIDGETS IN BLOGS’’

ABOUT DELETING LOCKED WIDGETS ON YOUR BLOGS

<b:widget id='HTML5' locked='true' title='Widget Title' type='HTML'> </b:widget>

When we're aimed to create professional blog specially on Blogger platform it's important to take care of each and every part. Blogger Layout page is an area where we can manage widgets easily. As I already said that sometimes some templates contain locked widgets that can't be removed easily. Those widgets might contain some content which we don't want to display on our blog and here it's necessary to remove them. Removing those widgets is not much difficult for those who've knowledge of web designing and development but newbie’s may face problem in it. By default, there is an attribute in Blogger especially for widgets to lock and unlock them. The Blogger's widget coding like the below code. 

You can see that highlighted attribution for locking widgets. If I replace "TRUE" to "FALSE" then the widget will become removable. So, that’s the real fact behind locked widgets in blogger. Those who're interested in making blogger templates can also learn new point from it.

REMOVE LOCKED WIDGETS IN BLOGGER

1.    Go To Blogger >> Template >> Backup Your Template

2.    Click Edit HTML >> Jump To Widget

3.    Select The Widget Which You Want To Remove.

4.    Now You'll Be Jumped To That Widget's Coding.

5.    Look for The Widget Coding Line, There Will Be locked='true' Attribute If It is Really Locked.

6.    Just Replace true To false & Save It.

7.    Now Go To Blogger >> Layout

8.    Click Edit On That Locked Widget

9.    Click "Remove" Button at The Bottom.

10.                       That's it!

HOW TO FIND HTML/JAVASCRIPT WIDGET IN HTML EDITOR?

If you can't find the locked widget in "Jump To Widget" option than maybe it can be HTML/JavaScript widget and there in Jump To Widget that kind of widgets are having HTML5, HTML2, HTML3, names so you may be facing problem in finding your locked widget so let's locate that kind of widget in HTML editor.

1.    Go To Blogger >> Layout >> Edit Locked Widget

2.    A Popup Will Appear, Look At Its URL in The Last.

3.    You'll See Widget's ID There.

4.    Memorize That Widget ID. It Will Be "HTML" And Any Number In The Last. So, Completely It Will Be HTML5, HTML2, and HTML3 etc.

5.    Now Go To Blogger >> Template >> Edit HTML

6.    Click Jump To Widget Button and Click The Widget Which is Exact ID.

7.    You Can Confirm That You've Landed On The Correct Widget By Seeing It's Title. There Will Be title='widget title' Attribute In That Widget Coding.

8.    After That Just Replace true To false in locked Attribute and Remove It From Layout.

9.    You're Good if you follow it right now check it!

Congrats! You're all set, your blog will now look cleaner and loads fasts, this tutorial is made for those in need of supplementary knowledge about blogging.

If you have comments and suggestions please drop a comment.

Read More »