Adding PayPal Donation Buttion Widget In Blog- Make Money

PayPal is an international E-commerce business which provides facilities to send & receving payment in worldwide.In other words, PayPal is a service which gives many facilities to user's Paypal to transfer & receving money/cash.When you work hard on blog/website you must take money as a reward. If visitor like your blog and your visitors to reward you for all hard work on blog and you have to put in blog.A PayPal donation buttion will allow your visitors to transfer money/cash you through PayPal

How To Add a PayPal Donation Button In Blog?

Sign In your PayPal account and if you have not a PayPal account and you just click on below link
How to get verified PayPal account.

1. Sign in to your PayPal account 
2. Press "Merchant services"Which available on the top of menu
3. Click on"Donation"Link and PayPal will give you a form and fill up it
4. Click on"Customize Appearance"that you own use image for the donation button.
5. Click on"Create link"after filling the form.
6. PayPal give you some HTML script and copy it.

How To Add HTML Script In Blogger?

1. Go to blogger dashboard and click on Layout >Add Gadget and select HTML/Java Script
2. Paste the HTML Script that you copy from personal PayPal account 
3. Press"Save template"Button 
4. In this way,you can see"PayPal donation"button on sidebar of the blog

I hope that you'll like this post.If you've any question to adding  PayPal donation buttion in blogger blog than you send comments on the below post.

Read More

Change Title Tags In Blogger For More Search Engine Traffic

Hi guys,Normally when you search any information through internet  then you see some google's search  results display the blog title first  or the post title first.But  Blogger blog shows the blogger title 1st before name of post.It's not a better for more blogger traffic.It is important for more traffic for post title to come before the name of blog.In  this article,  we'll learn How to change title tags in other words learn how to your post name display first.In this way you can get real traffic from search engines especially through Google.

What are advantages to post title first before blog title?

If your blog will display post title before blog title then will become benefit that when any visitor search any keyword about your post then google search engine come your post on the first page .In this way any visitor  click on your link.So, more traffic begin to come on your site.

How to change the titles?

For this purpose, follow these steps:

1. Go to blogger dashboard and click layout > Edit HTML
2. Find this tag in search box:<title><data:blog.pageTitle/></title>
3. Replace the above tag with below tag:

<b:if cond=’data:blog.pageType == “index”‘>  <b:else/>  </b:if>

4.  Click on "Save Template"
It may take to change titles in few days.I hope that you'll like this post.If you've any problem to display post title before blog title than you send comments on the below post.

Read More

Add Numbered Page Navigation Widget For Blogger

We have been working on blogger widgets for previous two weeks.So today,this article belongs to blogger widget like submit numbered page navigation widget in blogger.Normally,when you set templete on blogger and you'll see older posts button on the main page of footer.If you want to replace it with numbered page navigation then it is not a diffcult.Only for you,we provide three styles of numbered page navigation.For this purpose,following the given steps.

How To Add Numbered Page Navigation Widget?

1st Step:

• Login to your blogger account
• Go to blogger dashboard
• Press"Template" section
• Click On "Edit HTML" button

2nd Step:

Click anywhere in the coding of template and then press CTRL + F key.In this way create a search box.

Search the following highlight code.


 ]]></b:skin>

3rd Step:

Select anyone numbered page navigation widget style from the following styles.Just copy the code and paste above  ]]></b:skin> that you want to use style.

Style No.01

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style No.02:

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Style No.03:

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

4th Step:
Search the following script.

</body>

5th Step:

Copy below code and paste above the code.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

6th Step:


Press" Save " template button.

Congratulate, numbered page navigation is added in your blogger blog.
I hope that you'll like this post but if you have any questions about it then please comments on this post.

Read More