Blogging Platfrm

Wednesday

Display Post Views Count in Blogger - New!

blogger postviews pluginYes you heard it right, all BlogSpot blogs will now be able to display a dynamic count for individual pageviews. We can now easily create this  post view counter without worrying about servers or server code. With a free service like Firebase you can now create dynamic and data-driven plugins for blogger without worrying about backend development. Firebase was launched in April 2012 and since then it had been the hub for developers. Amazingly this free plan gives you 10GB Free bandwidth and 5GB Free storage. Which in our case is more than required! We had been lucky to utilize this free service for blogger platform and create some amazing scripts with the help of our developer Ahmed Nasir. Today's tutorial will help you to install a dynamic script that will automatically increment its initial count value when a visitor views your blog posts. The counter data will be stored on a free database provided by Firebase. Lets first see a demo!


Note: The postviews count wont change when you refresh the blog homepage but it will change only when you visit individual posts.

1. Create your Firebase Account

In order to gain access to a free database and be able to keep a backup of your postviews counter data, you must sign up for a free account at Firebase.
Fill up the easy steps sensibly and then once your account has been activated, you must create your first Firebase database.

2. Create a Firebase Database

You can create 2 firebases. At present just create one, we will guide you later in coming posts about amazing things you can play with this free service.
  1. Towards the bottom right side of your account, you will find the following submit box.
creating a firebase
  2.   Inside this box input your website name. In my case I inserted nszone0s and this generated the following firebase URL: https://nszone0.firebaseio.com
  3.   Finally hit the create button and note down your firebase URL because we would need it later in this tutorial.

3. Installing Postviews Plugin

  1. Go To Blogger > Template
  2. Backup your template
  3. Click Edit HTML
  4. Tick the box "Expand widget Templates"
  5. Search for ]]></b:skin>
  6. Just above it paste the following CSS code:
/*-------- Post Views  ----------*/
#views-container {
width: 85px;
float: right;
}
.mbtloading {
background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/mbtloading.gif') no-repeat left center;
width: 16px;
height: 16px;
}
.viewscount {
float: right;
color: #EE5D06;
font: bold italic 14px arial;
}
.views-text {
float: left;
font: bold 12px arial;
color: #333;
}
.views-icon{
background: url('http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left;
border: 0px;
display: block;
width: 16px;
height: 16px;
float: left;
padding: 0px 2px;
}
    Customizations:
  • To change the text color of the numeric count, edit #EE5D06
  • To change the plugin alignment, change right to left.
   7.  Next search for </body>  and just above it paste the following JavaScript code:
<!-- Post Views Script by MBT -->
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://nszone0.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>
Make this change:
  • Replace the highlighted brown line with your firebase URL (Step#2). Make sure you replace it correctly by taking care of forward slash (/)
    8.  Now one last step. Find this code:
   <data:post.body/>
Note: If you are finding multi occurrences of the same code then choose the first occurrence.   
   9. Just above it paste the following HTML,
<!-- Post Views Counter by MBT-->
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>
You can replace views: with any text you like.

    10.  Now the final step, paste the following jquery link just below <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

    11.  Hit save and you are all done!
Visit your blog and press F5 (refresh page) to see the counts dancing just perfectly! :)

Copyrights

Developers and niche bloggers are most welcome to share this  Plugin with their readers and friends. Please attribute the credits back to MBT blog as the only favor in return. It takes hours of efforts to write and debug these scripts. This plugin comes under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

How To Start Your Own Advertising Network For Your Blog


You Are Waiting For Google Ad sense,Buy Sell Ads,Other Networks Payment OR Approvals.Do Not Wait For It Start Your Own Advertising Network For Your Blog.So Many Networks Are Scams,Paying Very Low.So This Is Time To Start Your Own Network.

:: Start Your Own Advertising Network ::

Create Advertise Page

First You Need To Create You Advertise Page With Some Of Features And Details.i Always Prefer To Read Below Article For Know How To Create Your Advertise Page More Effective.

Link Your Advertise Page On Your Home Page

Give Some Links Of Your Advertise Page on Your Home Page.Show Some Of Advertise Icons On Home Page.

Payment Options

This Is Most Important For Your Own Advertise Network.You Need To Give a Payment Option For Your Advertisers.Almost Give a Easy Way To Pay For You .Use Paypal for World Wide Use .not Only Paypal Give Other Payment options Like Alert pay,Liberty Reserve,Wire Banking  And more.

Show Your Traffic

Its Also Very Important For Advertise Page.Tell About Your Site Traffic and Audience Profiles .Show Your Alexa,Compete Ranks.

Be Friendly With Your Advertiser

Contact Your Advertiser Personally By IM,email.Be Friendly With Your Customers.Its Give more Inspiration For Your Website And Advertising Network.

Satisfy Your Advertisers

Finally You Need To Satisfy Your Advertisers.Its Very important For Your Long Life With Your Own Advertising Network.

i Will Always Work To Give More Tips To Earn Money Online.Start Your Own Advertising Network And Get True Money With Your Blog/Website.

Make Money With Yahoo Bing Contextual Ads Network - Review

Yahoo Bing Contextual Ads
Previously, We discussed on how can we earn money online with Google Adsense and many of our readers asked to review Yahoo Bing Contextual Ads Network and I'm here for them to fulfill their request. Today, I'm going to introduce and review Yahoo Bing Contextual Ads Network which is the best alternative to Google Adsense. This network is especially for those who are tired of getting disabled again and again by Google Adsense. It is true that Google Adsense is strict in their policies and we should not depend only on Google Adsense. There are also thousands of alternative networks which we can use and Yahoo Bing Ads is also one of them. I will strongly recommend to everyone to give a try to Yahoo Ads if you're unable to use Google Adsense. Well, So now it's time to discuss the main thing about this post. Let's get started.

Yahoo Bing Contextual Ads Network

Yahoo Bing Contextual Ads Network is a good network for advertising for both Publishers and Advertisers. Publishers can generate revenue with it while Advertisers will get their brand into the next level. We'll specially discuss this for Publishers as the title of the post shows that. This is one the most popular PPC [ Paid Per Click ] click which is being used by million of people around the world. If you've a good blog or website and want to monetize it then you should give a try to this network. Because, it has more great and unique features if we compare it with Google Adsense. So here I'm going to explain that how can we use it and get paid.

How To Use ? - Invite, Create Ad, Generate Revenue and Get Paid

If you want to get started with Yahoo Bing Contextual Ads Network then continue reading this because here I'll tell you that how to use it and get paid. First of all, You've to apply to that network. Before applying, you should check their policies and if your site is complying with their policies then surely apply it. It will take about a week to review your application and you will get the mail from them about the status of your account. Once, If you got approval then you're ready to use that. Now you've to create some ad units and after that you will get the ad code which you've to implement in your site or blog. I recommend to add ad code in header, sidebar and below the post title. Simply, now when someone will click on your ads then you will be getting paid. For the payment, they use to send payment every month to their publisher but to receive the payment your earning must cross the minimum threshold which is $100 USD Dollars. They support the most popular and easy payment methods which are PayPal and Bank Transfer.

Features Of Yahoo Bing Contextual Ads Network

They have some brilliant features which I'm going to share below. These features are really amazing which may not be available in other advertising networks. So let me tell you what I'm talking about.
1. Big Advertiser Pool : Yahoo Bing Contextual Ads Network is a big advertiser pool. It means you will get all kinds of advertisements according to your niche. No matter, on which niche your site is based, They will show the most appropriate and target keyword ads according to your niche on your site. As you can see the live demo that this blog is about Blogging and see the Yahoo ads they should be related to blogging and technology.
2. Get Targeted Ads : This network will show the targeted ads on your site or blog. Mean to say, If your content is about fashion, shopping, technology, cooking or whatever it is then this network will show the ads according to your content or niche. In other words, you will get the related ads on your site according to the niche of your blog or site. Which helps you to generate even more revenue.
3. Customized Ads or Ads on Auto Pilot : This is another great feature of Yahoo Bing Ads that you can customize the Ads according to your choice. They have special tools for every publisher to customize the Ads easily. If you don't have time then you can set your Ads on auto pilot. The autopilot will automatically customize your ads according to the color of your site or blog. I don't think this is any bad thing but it's great.
4. Greater Control : This network allows you to give you full control of your ads and account. I think this feature may not be available on other networks like Adsense. So, in this feature, you can control your ads easily. If you don't like any ad topic then you can block it in your site from your Yahoo Ads account. More options like Influence Targeting, Filter Advertisers and Block Ad Topics are also available in this network.
5. Mobile Ads : If you are about to use Yahoo Bing Ads then you will not lose the mobile ads. With Yahoo Bing Contextual Ads Network, You can also show the ads on your site if someone is visiting from any mobile device. Mobile is the next most popular generation which is being popular nowadays. So, in future, the total number of mobile internet users will increase and we should not miss mobile ads. And this network supports almost every mobile.
6. Track Performance In Real Time : One of the most pretty feature of this network is that it gives you the reporting and performance in real time. It also provides the real and accurate stats. No matter, if you are unable to track the performance from your laptop or computer, you can get the reporting also on mobiles like the iPhone or iPad.

Approval Tips

Now after seeing some awesome features you may be interested in using Yahoo Bing Contextual Ads Network. So, here I'm going to give you some tips to get your site or blog approved. I will not take your too much time so that I've just listed some things which your site/blog must have to get approved.
  1. TLD [ Top Level Domain Name ] - .Com, .Net, .Org etc. -
  2. Unique, Quality and Acceptable By The Network Content
  3. Domain Age = 3/4 Months
  4. 40% Organic Search Traffic
  5. 1000 Daily Pageviews
  6. About Us, Contact Us and Privacy Policy Pages
  7. Easy To Navigate

How To Apply For Yahoo Bing Contextual Ads Network?

So, when you're all done about the approval tips then it's time to request the invitation. It's not any difficult task you can do it just by following the simple steps below.
  • After filling the primary form, click the continue button to proceed to the next step.
  • After that, You will land in the next form which will be about the owner details. Means, it will ask for the details about the owner of a website. Simply, Fill it.
  • Finally, After filling the form click "I accept" button at the bottom.
  • Now a message will appear that you've successfully requested for the invite.
  • That's All!

Final Words

This was the Yahoo Bing Contextual Ads Network which I've reviewed today and also told you how to apply and some approval tips. I hope this little long post will help you to gain information about this Yahoo Ads network. Once again, I recommend those who are tired of Adsense to give a try to this network. Because, It's the best alternative to Google Adsense. Get connected with us to get more and also subscribe us. Take Care and Happy Earning!

!!!!!!!!!!

Popular Posts