Numbered Popular Post Widget 2014 For Your Blogger/BlogSpot

Numbered Popular Post Widget 2014 For Your Blogger/BlogSpot

So I am back with yet another Popular Posts customization for blogger blogs. This one is quite special as it looks extremely elegant and has cool transition effects when hovered.

We can rarely see blogs which do not use Popular Posts widget. This widget decreases bounce rate and increase the pageviews of your blog. Making them attractive and eye-catching will make more people click on it hence making your blog more awesome and better.

Adding the widget in Layout

Firstly go to  Blog Title → Layout → Add Widget → Popular Posts. Add the widget in the desired location and save the template.

Adding the CSS in Edit HTML

 Now go to Blog Title → Template → Edit HTML. Press Ctrl + F and search for ]]></b:skin> in search box. After getting the code add the below given code just above ]]></b:skin>

.popular-posts ul li a {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    display: block;
    margin: 10px 0;
    padding: 25px 15px 30px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
 width: 85%;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #2DB3E9;
    color: #FFFFFF;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    margin-left: 88%;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 2em;
    transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
}
.popular-posts ul li a:hover {
    opacity: 0.8;
}
.popular-posts ul li a:hover:before {
    border-left-color: #CCCCCC;
    left: -1px;
     -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before {
    content: "10";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before {
    content: "9";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before {
    content: "8";
}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before {
    content: "7";
}
.popular-posts ul li:first-child + li + li + li + li + li a:before {
    content: "6";
}
.popular-posts ul li:first-child + li + li + li + li a:before {
    content: "5";
}
.popular-posts ul li:first-child + li + li + li a:before {
    content: "4";
}
.popular-posts ul li:first-child + li + li a:before {
    content: "3";
}
.popular-posts ul li:first-child + li a:before {
    content: "2";
}
.popular-posts ul li:first-child a:before {
    content: "1";
}
.item-snippet {
    display: none;
}
.PopularPosts .item-thumbnail {
    display: none;
} 

After adding the code save the template. Now you and your visitors can see this awesome numbered popular posts widget in your blogger blog.

Animated Loading Page Effect 2014 For Blogger/BlogSpot

Animated Loading Page Effect 2014 For Blogger/BlogSpot

Every blogger wants his blog to look best among his competitors blogs. This widget will add a bit more chunks of awesomeness in your blog.

The concept of this widget is simple. This is more or less like Exit Effect we add in Microsoft Powerpoint's Custom Animation. Just like that whenever the visitors will click any link to leave the current page, inspite of the old boring loading it will have animation.

To add this effect to your blog do the following things.

Adding the HTML and Script

Add the below given code just above </body>.

<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihGSZ1QJvAu1p62k_o195GdqLeBecbAKTI6QamWVVzwCd017oVyCyc4Z93D5ty8tBFqiKw6NsNCEv1FSFUqfveM2omKpfkp_HjUE6wN-QUaFnFjoGNbUcV84QgJpzeuF6Cc_FIofWLOro/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

After adding this code, save the template.

You are done now. Now you and your visitors can see this awesome and cool Animated Page Loading Effect in you blogger blog.

Floating Share Buttons For Your Blogger/BlogSpot 2014

Floating Share Buttons For Your Blogger/BlogSpot 2014

CODE UPDATED !
Note: Does Not Work On Small Posts.

This tutorial will help you in adding Floating Social share buttons under every post of your blogger blog. I personally use this widget in my blog.

The widget is light in size and looks elegant. In every post after scrolling the widget will pop up at the lower bottom of the screen. The widget contains four social sharing buttons - Facebook, Twitter, Google+, LinkedIn.  There is a close button too to close down the floating share buttons.

 

Once you have seen the demo to add this widget in your blog just follow the below steps.

 

Adding the Marker

First go to Blog Title → Template → Edit HTML. Press Ctrl + F and search for <data:post.body/> code and paste the below given code just below <data:post.body/>.

NOTE : There maybe more than one <data:post.body/> so make sure that you have selected the right code.

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div id='md-active-share-comment-marker'/>

   </b:if>

Add the code and follow the next step.

Adding the HTML/CSS/JS in HTML Editor

To add this widget you have to go to Blog Title → Template → Edit HTML and add the below given code just above </body>. The code has been optimized and made lite so it loads faster.

     <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script src='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-floating-share.js' type='text/javascript'/>
    <div id='md-share-window' style='width: 100%; display: block; position: fixed; bottom: -450px; left: 0px; background-color: rgba(128, 128, 128, 0.6); z-index: 100; padding: 0 0 10px 0;'>
    <div style='width: 800px; margin: 20px auto;'> <a class='boxclose' id='boxclose'/>
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import &quot;//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css&quot;;
#share-buttons{border-radius:5px;background:#FFF;width:660px;overflow:hidden;margin-left:60px;box-shadow:0 2px 3px rgba(71,71,71,0.31);padding:14px 7px}.share-button{background:#DCE0E0!important;position:relative;display:block;float:left;height:40px;overflow:hidden;width:150px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 7px}.icon{display:block;float:left;position:relative;z-index:3;height:100%;vertical-align:top;width:38px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;text-align:center}.icon i{color:#fff;line-height:42px}.slide{z-index:2;display:block;height:100%;left:38px;position:absolute;width:112px;-moz-border-radius-topleft:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:0}.slide p{font-family:Open Sans;font-weight:400;border-left:1px solid rgba(255,255,255,0.35);color:#fff;font-size:16px;left:0;position:absolute;text-align:center;top:10px;width:100%;margin:0}.share-button .slide{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.facebook iframe{display:block;position:absolute;right:16px;top:10px;z-index:1}.twitter iframe{width:90px!important;right:5px;top:10px;z-index:1;display:block;position:absolute}.google #___plusone_0{width:70px!important;top:10px;right:15px;position:absolute;display:block;z-index:1}.linkedin .IN-widget{top:10px;right:22px;position:absolute;display:block;z-index:1}.facebook:hover .slide{left:150px}.twitter:hover .slide{top:-40px}.google:hover .slide{bottom:-40px}.linkedin:hover .slide{left:-150px}.facebook .icon,.facebook .slide{background:#305c99}.twitter .icon,.twitter .slide{background:#00cdff}.google .icon,.google .slide{background:#d24228}.linkedin .icon,.linkedin .slide{background:#007bb6}</style>
<div id='share-buttons'> <div class='facebook share-button'> <i class='icon'> <i class='icon-facebook'> </i> </i> <div class='slide'> <p> facebook </p> </div> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FTeck92&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=20&amp;appId=568581339861351' style='border:none; overflow:hidden; width:80px; height:20px;'> </iframe> </div> <div class='twitter share-button'> <i class='icon'> <i class='icon-twitter'> </i> </i> <div class='slide'> <p> twitter </p> </div> <a class='twitter-share-button' data-via='AllBloggerTrick' href='https://twitter.com/share'> Tweet </a><script>
    !function(d,s,id){
      var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
      if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;
        js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
</script>
  </div> <div class='google share-button'> <i class='icon'> <i class='icon-google-plus'> </i> </i> <div class='slide'> <p> google+ </p> </div> <div class='g-plusone' data-size='medium'> </div><script type='text/javascript'>
    (function() {
      var po = document.createElement(&#39;script&#39;);
      po.type = &#39;text/javascript&#39;;
      po.async = true;
      po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
      var s = document.getElementsByTagName(&#39;script&#39;)[0];
      s.parentNode.insertBefore(po, s);
    }
    )();
</script>
 </div> <div class='linkedin share-button'> <i class='icon'> <i class='icon-linkedin'> </i> </i> <div class='slide'> <p> linkedin </p> </div> <script data-counter='right' type='IN/Share'> </script> <script src='//platform.linkedin.com/in.js' type='text/javascript'> lang: en_US </script> </div></div><div style='display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000'> Don&#39;t You Think this Awesome Post should be shared ??<br/> <span style='color: #000; font-size: 18px;'>| <data:blog.pageName/> |</span> </div> </div> </div> </b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

After adding the code change change Teck92 with your Facebook Page's ID. Finally save the template.

You are done now. Now you and your visitors can see this awesome Floating Social Share Buttons in your blogger blog.

 

Recent Comments With Effect v3 For Blogger/BlogSpot

Recent Comments With Effect v3 For Blogger/BlogSpot

Hello folks, I am back with yet another remake of a widget and this time its the Popular Posts widget originally coded by Danish Harish and later edited by many fellow bloggers. Just like them I have too made a minute change in the widget and added hover animation in it.














 

Adding the Widget

To add this widget in your blog firstly go to Blog Title → Layout → Add Widget → HTML/JavaScript. Add the below given code.

<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-commentsv3.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>

Add the above code and follow the below instructions.

Setting up the Widget

After adding the code check the configuration of the widget.

numComments - Shows the maximum number of comments to show in the widget.
showAvatar - Change to false if you want to hide avatar in the widgets.
avatarSize - The size of the avatars in the widget measured in pixels.
roundAvatar - Change to false if you do not want the avatar to be round in shape.
characters - No. of characters to show in the comment.
defaultAvatar - The picture to be used when a comment has no avatar.
adminBlog - Replace Your Name with the admin's name so his comments can be hidden.

After making all the changes save the template. You are done now. Now you and your visitors can see this awesome recent comments widget on your blogger blog.

Lastly here comes the update notes of this widget.

v.1 - 11.01.2012

• Released
• Script by Harish Dasari

v.2 - 14.05.2012

• Script modified by Asep
• Admin removed Comments

v.3 - 09/15/2013

• Script modified by Afandi Kusuma
• Expanded clickable area
• Fixed HTML5 validation issues by Kang Ismet
• Added animation on hover by AllBloggerTricks

 More work and the expansion of this widget by fellow bloggers will be encouraged.

2 Easily Ways to Backups Your Blogger/Blogs

3 Easily Ways to Backups Your Blogger/Blogs

Today I am going to tell you how you can easily backup your blogger blogs in 3 different ways. Backing a blog is a thing which must be practiced by every blogger. Though Blogger is owned by Google and is one of the most secured platform and can't be hacked easily still we never know if our password gets stolen or we by mistake delete a post.

A blogger must backup his blog periodically and to make this task easier I am going to tell you how you can do this by 3 different methods. So here they are - 

 

 

 

Method 2 : Downloading Data from Google Dashboard

This is probably the easiest method to backup all your blog's template and posts with just few clicks. So to make backup from this method follow the steps below -

1. First of all go to Google Dashboard. You would be asked to login there.

2. After logging in, click "Download Your Data" link which will be on the left sidebar.

3. Click on Create an Archive Button.

4. A list of many Google Products will come, from the list select Blogger. After Selecting click on the button "Create Archive" which will be at the top of the list.
  

2 Easily Ways to Backups Your Blogger/Blogs

5. After clicking a Progress Bar will show the status of your archive being created. After few seconds a download button will appear. Clicking that you will again be prompted to Sign in for security reasons.

6. One you sign in again, you can download the backup of all the blog you have in your blogger account with their template and posts. The backup is now saved in your local disk.

Method 3 : Backup via Software

The third method is also quite easy. In this method we will use a third party software which is Blogger Backup Utility. This software helps you download the posts of your blogger blog (no template backup) easily with the help of the blog's feed. You get various options to workout with the software. To make a backup from Blogger Backup Utility follow the below steps - 

1. Download Blogger Backup Utility from HERE. Extract and Install the Software.

2. From the available blogs dropdown select Add/Update/Remove Blogs option.

3. Enter your Blogger ID and password and wait for the blogs list to be fetched. 

4. Once the process is completed select the desired blog from the dropdown and get a look at the below options such as as save post in individual or single file etc.

 

2 Easily Ways to Backups Your Blogger/Blogs

 

5.  Lastly click on Backup Posts button and the backup will be saved in the folder selected. Thats it. Your posts are now backed up and saved in your local disk.

I hope these methods will help you in making your blog more secure. Thanks for visiting ABT.

Change Animated Background Of Your Blogger/BlogSpot

Change Animated Background Of Your Blogger/BlogSpot

Animated Colour Changing Background for Blogger - Today I am going to teach you how you can make your background change to different colours with animation using keyframes CSS. Inspite of using big images you can use these CSS codes which load extremely fast and you the user too gets too see some interaction on the background.

 

 

 

 

 

Removing existing code

First of all you have to remove the existing background code to avoid any conflict in between and minimize excessive code. For this search the body selector from the CSS codes in your blog. Under that search for background property and remove the property with the value (Do Not Remove the Selector). In case you don't know what selector, property and values in CSS codes are refer to the below image.

  

Adding the code

Now we have to add the animation codes in the blog template. For this paste the below given code just above ]]></b:skin> <

body {
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */
}

@keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}

Code Source - Immam Vel

After adding the code, save the template. You are done now. Now you and your visitors can see this animated colour changing background in your blogger blog.

Facebook Slide Out Count Share Buttons for Blogger/BlogSpot

Facebook Slide Out Count Share Buttons for Blogger/BlogSpot

It has been long time since I have not posted a new widget so here is a much awaited Facebook Slide Out Share button for Blogger blogs.

This widget has many features such as -

• Lightweight Size
• Compact Design
• Supports all Major Browsers
• Attractive and Elegant
• Made with CSS3 and beautiful transitions.
• Shown only on Post pages 

Once you have seen the demo, to add this widget in your blog you can use the following methods -

Method 1 : One Click Installation

You can add this slide out share button to your blogger blog with the click of a button. To add this widget just click the below button and choose the blog in which you want to add this widget.

Save the layout and you are done. The slide out share button will be on your blog and would be shown on all the post pages.

Method 2 : Adding Manually

Many people would like to add and customize the code on their own. If so, you can copy the below code and paste it in the HTML/JavaScript widget.

<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget by Teck92.BlogSpot.com */
#fixed-share {background: none repeat scroll 0 0 #4C6699;border-bottom: 3px solid #30476F;bottom: 60px;box-shadow: 0 8px 8px #888888;font-family: Arial;font-size: 16px;padding: 15px 30px 15px 15px;position: fixed;right: -147px;text-align: left;text-transform: uppercase;transition: all 1s ease 0s;z-index: 10;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {background: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
 <div id="fixed-share">
 <div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span>Support Us<br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>  <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget  by Teck92.Blogspot.com -->

</b:if>

After adding, save the widget and template.

You are done now. Now you and your visitors can see this awesome Facebook Share button on your blogger blog.

Gardenscapes PC Game Free Download 2014

Gardenscapes

Create the perfect garden! Comb the rooms of a gorgeous mansion for hidden items and restore a once stunning garden to its former glory. Choose from tons of garden accessories to customize the garden to your taste. Become part of the city’s community and compete in the Best Garden contest. No worries if you are a garden design novice - an amusing and witty butler, Austin, will always be of assistance.
Become an outdoor decor pro in this cutting hedge free game!.
Free Game features:
- Over 1000 cool items to find;
- 15 rooms to comb for hidden objects;
- Tons of garden accessories to choose from;
- Immersive storyline presented in beautiful animation;
- Interactive and customizable environment;
- Fully-animated amusing butler as your right-hand man;
- Bonus screensaver featuring your garden.

ScreenShots

 Click to Enlarge Image

Download : GardenScapes

Google Search Engine Optimization Ebook 2014 Download Free

This Google SEO book is world widely distributed by Top Pro Bloggers and Seo analysts. Since from the couple of days we are continuously searching for better On page SEO book to optimize blog On page structure Seo friendly. This book will little guide about the basic SEO terminologies for On page SEO. So if you are Beginner in blogging career and want to do a perfect On page technique then you do need to hire any SEO specialist. We are confident that after reading this tremendous book you will able to do On page SEO tips for you own blog. Before publishing this SEO ebook there were several splendider Search engine optimizations books released by google Team.

So earlier we have shared a complete Reference Google Seo Guide which was well appreciated and today we have yet another Excellent google released Seo  eBook. So in today article we will share with you the most fabulous Search Engine Optimization eBook which would to improve your blog rank in search engine result.

Google SEO Ebook

You already know that each year Google Officials released Search Engine Guides for bloggers when they made some changes in their algorithm. However they also published some live Seo videos along with new publishing of SEO ebook. So This book  included some limited SEO Tips consist of one page, helpful for all beginner and newbies bloggers to Optimize their newly born website or blogs. A beginner SEO book gifted from Google Official.

Free Download Google Search Engine Optimization  ebook

You might be know that Google provides ninety nine percent products of free of costs. There are dozens of products besides this SEO book which are also free costly published by Google official. So few month back they announced this On page SEO ebook which are also as free of cost.You could easily Download this book from here the below given links. Just click on the download link.

• Download:  Google Search Engine Optimization eBook

Listen: If you want to get deep knowledge about the on page as well as off page SEO tips then we would recommend to visit the below link to get complete detailed SEO ebook book.

Share Your Views

Hi Pals in this tutorial we have shared splendid out Google Seo eBook. we hope you get advantage by reading these two books. i would recommended to study both of them and follow all the instruction given in the book. We have personally applied all the SEO strategies on PBT thoughts by these books. 

 We hope that you would love and appreciate these books. It would be proved better in optimizing your blog on page and off page structure. So if any thing you seem missing in the book then you may ask with PBT editorial Teams. Just Post your query about Seo tips or Blogger Tips and Tricks and get instant reply from us. Thanks Buddies happy Blogging Journey.  

How to Increase Facebook Fan Page Likes Quickly 2014

How to Increase Facebook Fan Page Likes Quickly 2014

In this article we will show all the basic tips how to increase Facebook fan page likes instantly. Here we will discuss some major advantages of large number of facebook pages likes.  Increasing the counts of facebook page likes will attract your readers more to stay on your blog. This can also help to prove that your blog is receiving decent amount of traffics. However if we have dozens of likes on facebook page you can boost our posts and share it with billions of savvy bloggers and webmasters. So it can also help in improving our post ranking in Search engine result. One of the finest advantage of having thousand of Facebook page likes we can hit up to get the attention of thousands of bloggers and webmaster. So it is also the fastest growing way to spread over voice all over the world. So in today article, we will show you how to increase facebook fan page likes quickly.

How to Increase Facebook Page Likes Quickly

Here we will discuss all the excellent tips to increase your likes instantly and show maximum counts likes on facebook page. To follow all the below tips you will be able to get massive Facebook likes. Lets See how?.

Install Facebook Likes Widget

Installing the Facebook gadget on your blog is a genuine way to increase your facebook likes. Facebook itself also gives more awesome opportunity to bloggers it provides us piece of chuck code to embed in the website which help in showing all the likes of page and give instant result if someone hit the like button which is called facebook fan page box.

To look into alternative method, we can also use the most prominent facebook popup like box which will compels our reader to hit the fb page like. But i would recommended not use this one because it will not give us positive result instead it would discourage our reader. It would also compel our blog on loading time. So by the help of Facebook widget we can build a strong facebook page likes instantly.

Buying the Facebook Likes

There are many online services available which offer sells Facebook likes at very low costs. These services include various websites to do this job one of the finest website is http://marketingwonderland.com This website offer at low cost per likes, the more you buy the likes the more you will maximize your facebook page likes. So it would give a lot of traffic from Facebook directly flow to your Facebook page.

Invite Your Common Facebook Friends

In this method you can easily grab the attention of all of your common facebook friends. Let us know how to do? to add these friend to your facebook page. Go to facebook page >> click on invite button showing at the top of the page. After clicking all your friends will listing in the drop down mode,

now select your specif friends which love your brands and niche. In my case i would select only bloggers and add one by one.So in this way you can easily increase your facebook likes.

Keep Update your Facebook Page Constantly

We all of know that every one likes new latest deadly news. So to make your facebook page more popularize we have to update our page regularly on daily basis, it would bring us more and more likes because facebook page shares our posts on theirs walls and profiles, which will automatically alert the facebook user and hence they will like our page.

Advertise Your Page on Facebook

Facebook itself gives us awesome opportunity to advertise your site, page or brands on facebook with little amount of money. some time you might have noticed that whenever to open facebook page, you will see several of pages on the right side which are also recommended to be liked. These pages are mostly publicize by bloggers and webmaster they paid a little money to facebook to share their pages.

Use AdMeFast Tools To Boost your Facebook page likes

Admefast is an online tools which can multiply your likes thousands times. Admefast is the official websites design special for facebook likes. You have to get registration with addmefast site to poll your likes instantly. It work on the following criteria. After registration you will be given dozen of pages to likes from your own facebook account. So doing this in revenge the same page will also automatically like your page. 

Now it up to you how many likes you want to add to your facebook page. But i would recommended not to use this website if your website is suited only for special niche or topic. Because from this website you will get random niches likes which will give nothing. But you can only maximize your facebook page likes quickly.

Share Your Ideas about Facebook Page likes

We hope you find this tutorial helpful for your blogging career. This was little about how you can increase your facebook fan page likes quickly and instantly in very short duration of times. So we have shared our experienced with all of you, We are confident these tips will surely increase your Facebook page likes dramatically. i would hungry requested to kindly share your thoughts with us if you know the better way how to make increase the facebook page likes quickly. Thanks and Happy blogging day!.