Automated method to Earn Money from Blog and Adf.ly

In this post i will show you how you can use a similar method to make money automatically from your blog! Its a really Simple method and a great money maker trick.

Requirements

• An adfly account - Register Here
• An Account for Blogger or Wordpress (you can also use other services as well)

Steps

1. Create the accounts that you will need (email, blog, adfly)
2. Create A blog for Music news, free mp3, Tech, Software or Games related (or other hight traffic keywords). NOTE: Adult related stuff is prohibited by adf.ly and blogger.com
3. Choose wise a good sub-domain name, but remember, it is very important that name should match with the "Niche"
4. Search the web for related things that you can use in your blog and publish a few 5-6 posts
5. Go To Your Blogger Settings and make it fully visible to Search Engines

Make it Automated

Adfly has provided the "Website Entry Script"
If you wish to earn money when a visitor simply enters your website, use the following script. The visitor will automatically redirected on adf.ly ads so you don't have to worry about people clicking on your adfly urls.

Go to templates and click "Edit HTML"
Copy the following code and paste it just above "</body>" tag (or get your own code from here)

<script type="text/javascript">
    var adfly_id = *******;
    var adfly_advert = 'int';
    var frequency_cap = 5;
    var frequency_delay = 5;
    var init_delay = 3;
</script>
<script src="https://cdn.adf.ly/js/entry.js"></script>

Customize

• Change id=******* with your Adf.ly Id 
• 'frequency_cap': the number of times the user will be redirected to AdF.ly advertising in 24 hours.
• 'frequency_delay': the number of minutes between adverts show to the user.
• 'init_delay': the number of seconds between the advertising being displayed and your website loading. (It is recommended to keep this to a few seconds so that user will see your website first and then our advertising. It reduces the chances of the user clicking the BACK button)

If you want to use the "Website Entry Script" with the "Banner advertising" (less money, but less intrusive) change the following line:

var adfly_advert = 'int';

to

var adfly_advert = 'banner';

Done!

You are not going to earn much money on the first month because at that time you will not have much content and traffic. So don�t worry and specially don�t lose hope. Its a proven method and it will work if you work with it. Try to promote your content on social media as much as you can!

Feel free to ask any question and please don't forget to subscribe with email to get the latest posts at your inbox!

How-To Configure Your Blogger Blogs for Mobile Phones

Want to Make Blogger Blogs Ready for Mobile Phones

In this day we cant ignore the importance of mobile internet. Because almost all of us have to use the mobile, and make easy to use internet access. And every internet provider company trying to provide best internet services like 3G's , Wifi, mobile apps,etc.

So many of your blog readers come through mobile phones. and our website is compatible for mobile phone browsers. But if you don't make the mobile friendly blog, then we have to lose a lot of mobile readers, because in a mobile phone, a normal blog takes lot of time to load and there are different problems that your website not fitting properly within the mobile screens.



So the question is. how to configure your blogs for mobiles or how to make mobile friendly blog. sign in to your blogger account first.

Step No.1

Go to Blogger account > Template > Mobile

After click setting button a popup windows open clik "Yes. Show mobie template on mobile devices. and also choose mobile template and Save.

Step No.2

Find this line >

<b:include data='blog' name='all-head-content'/>

And paste this code below that line...

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

Save Changes!

Now your blog ready for mobile browser with good speed. visit your blog for mobile view add ?m=1 tag in url example = http://port-online9.blogspot.com/?m=1

Thank you for your time for read this post i hope you like this post And Dont forget to share with friends.

How To Add Back To Top Button in Blogger

How to Add smooth scrolling back to top button in blogger. 

Animated back to top button in blog / website is one of the best J-query style animated widget that looking good & also visitors enjoy easy site navigation scroll to top.

The best thing about this button is that it appears only when the user scrolls down the page & disappears as he scrolls up, & also one more feature of this script is, you can add your own image that you like.

How to Add Smooth Scroll to Top with Jquery ?

1. Go To Blogger => Layout
2. Add a Gadget Choose HTML/JavaScript widget
Paste the following code inside it

JQuery Code. if you can already add jquery plugin into your website or blog then skip first code. and if you not add already then add this code with scroll to top script.

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'></script>

Scroll to Top Code.

<script type="text/javascript">
var scrolltotop={
//Modified by bloggerknown.blogspot.com more JQuery Scroll to Top Design
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="IMAGE LINK" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
 mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

Replace IMAGE LINK with the image link of your back to top button.we have collect some of back to top button you can also get here. If you want to add image link then right click the buttons below and select "Copy image location" and add this link:

Collection of Back to Top buttons.

"OR You Can use google images for this purpose"

3. Save the widget and drag it near the footer or any bottom position.
4. View your blog to see the magic.

I hope this little trick works on all, if any problem then post comments for help otherwise. share with frineds :D

How to Block the Spammer Commentator in Blogger

How to Block the Spammer Commentator in Blogger

Lets Start!


Goto Blogger Dashboard => Template => Edit Html
Find the </body> Tag.
and Paste this code Above it.(Above "here"</body>)..

<script type='text/javascript'>
//<![CDATA[
var spamlist=[
 'http://www.blogger.com/profile/12345678', /* Spammer's Profile Url */
 'http://nameblog.blogspot.com/', /* Spammer's Blog Url */
'Address URL commentator to-3'  / * don't add url after last comma * /
];
for(var v=0; v<spamlist.length; v=v+1){
 $("a[href='"+spamlist[v]+"']").each(function(){
 $(this).closest(".comment-block").find(".comment-content")
 .replaceWith("<div class='comment-content' style='color:red'>you have been banned! Please Leave this Blog!</div>"),
     $(this).replaceWith("<span style='color:red'>BANNED USER!</span>");
 })
}
//]]>
</script>

• Replace http://www.blogger.com/profile/12345678 with spammer user's profile link 
• Replace http://namablog.blogspot.com with Spammer user's Blog/Site.

If You are using Threaded Comment then add this Javascript code before <body> Tag.

<script type='text/javascript'>
//<![CDATA[
var spamlist=[
 'http://www.blogger.com/profile/12345678', /* Spammer's Profile Url */
 'http://namablog.blogspot.com/', /* Spammer's Blog Url */
'Address URL commentator to-3'  / * don't add url after last comma * /
];
for(var v=0; v<spamlist.length; v=v+1){
 $("a[href='"+spamlist[v]+"']").each(function(){
 $(this).closest(".comment_inner").find(".comment_body")
 .replaceWith("<div class='.comment_body' style='color:red'>you have been banned! Please Leave this Blog!</div>"),
     $(this).replaceWith("<span style='color:red'>BANNED USER!</span>");
 })
}
//]]>
</script>

I hope you like this amazing new trick about Banning a spammer user/commentator from Comments. If you have question must leave your comment. & don't forget to share ;)

How-to Backup and Restore Your Blogger Blogs Template

How-to Backup and Restore Your Blogger Blogs Template

Let's start the Guide for Backup & Restore Blogger Template :

1. How-to Backup Blogger.com Template ?

1. Go to Blogger.com and sign into your Blogger account.

2. Now go to the Template tab of your Blog.

3. Then at the Right top corner you' Find backup and Restore button click on it.

4. When you click on it one Box will prompt there is a button Download Full Template click on it.

5. In a few seconds your template will be download.

This is the procedure for Backup blogger template, Now we will learn how to restore template using Restore function.

2. How to Restore Blogger Template ?

1. Follow step 1,2 and Three from Backup template.

2. When you click on button one box is open, There is an options for choosing backup file.

3. choose template file and click on Upload button and its done !

4. Now finally open your blog and check your restored template.

If you have questions or doubts then feel free to comment below.

How-to Import, Export & Delete Your Blogger.com blogs

Export and Import of a blogger blog can helps you alot in Migrating from one blogging platform to the another blogging platform. It can be also use for the safety purpose, If your blog have some risky content and you have worry of getting deleted then you can export your blog for your security. In this article we will learn to use Three functions of Blogger.com that is Import Blog, Export Blog and Delete Blog.

What is Export Blog ?

Exporting of a blog is a simple procedure to baking up all posts of blog in a single .xml file which you can save on your hard drive. It'll help a lot for migrating one platform to the another platform. For Example. Blogger to WordPress Migration.

What is Import Blog ?

Importing Blog is completely opposite procedure to Export blog. If you pre-backup by exporting your blogger blog or WordPress blog then you can upload that .xml exported file to blogger and within a few minutes your blog will restored and all your posts , labels, picture's will be there !

Its the short intro to Importing and Exporting process of Blogger and last one is delete blog ! It is use to completely delete the blog from the web, by doing so your blog will no more available on the web.

1. How to Export Blogger Blogs ?

1. Login to your blogger account and Go to the Blogger Settings.

2. Under settings navigate to Other settings.

3. There you'll get three options there choose Export blog option.

4. Now one box will open there click on Download Blog button.

5. Then in just a few seconds exported file's download will start.

2. How to Import Blogger Blogs ?

1. Step Follow Step 1 and 2 From Exporting procedure.

2. Now Choose Import Blog option there.

3. Then box will open, You'll get choose file option there. Choose exported .xml file there and type words words in that text box.

4. Finally click on import blog button and then wait a minute your blog will Imported successfully.

3 How to Delete Blogger Blogs ?

1. Same step 1 and 2 follow from the Export blog.

2. Now choose Delete Blog option.

3. Then box will be open, Click on Delete This Blog and wait a minute your blog will be deleted.

Hope this guide will helps you to Export, Import or Delete your blogger blogs. If you have some questions then you can comment below. *Dofollow comments enabled in this Blog*

How to Configure No. of Posts for Homepage / index on Blogger

How to Configure No. of Posts for Homepage / index on Blogger

Are you searching for How to Configure No. of Posts for Homepage / index on Blogger? If yes then you are at the right place ! Here I am giving a guide about setting no. of post per page on Blogger blogs. It is very necessary to set limited number of posts per page because page load time depends on the posts per page so you have to set medium number of post per page. It makes your blog load more faster and its Good for SEO ! If there are more post per page then obviously page take more time to load.

I am using 4 post per page on my blog But you can also choose 6 or 8 post per page (Homepage). As fewer number of post page will load more faster so try to choose smaller number...

Let's start the Guide...

Procedure for Configuring Number of Posts Per Page/ Homepage :

Step 1 : Sign in into your blogger account and go to Layout Option.

Step 2 : When layout of your blog completely loaded then you can see the section of the Blog Post, There is at the Bottom right corner edit option is Given click on it.

Step 3 : Then one popup will be generated, There is first option Number of posts on main page Enter your desired number in that box.

Step 4 : After you successfully add number of post to display Finally click on SAVE button.

Its done ! You've successfully configure number of post per page (Homepage) of your Blogger blogs, I hope this guide will be help you. If you have any questions or queries regarding this article then feel free to ask it, I will try to solve it as fast as possible :)