How To Earn Money With Revenue Hits In Blogger

Revenue hits is a newly introduced ad network and it is best alternative of Google Adsense after Infolinks. It is not better as Adsense but it is not less in any way. If you have only 100 views per day you can earn good with Revenue Hits. It has all types of banners and mobile ads too. CPM as well as CPC rates are also high. Apart from it you have opportunity to refer people using your link. Revenue hits says that you can earn upto $100 per referral. It have all types of referral banners too. After personally reviewing it I recommend it for publishers. This post is a review of revenue hits and a tutorial about how to use revenue hits to earn money via blogger blogs.

Features(Review):

1. High CPM rates.
2. All size banners are available.
3. High CPC rates.
4. Pop-up and bounce ads.
5. Earn $10 to $100 for referrals.
6. Slide out and shadow ads available.
7. No minimum traffic required.
8. Perfect traffic and click tracking analytics.
9. Worldwide coverage.
10. Fast account activation.
11. Easy to setup ads.

Payment Methods And Minimum Payout Threshold:

You can payout with Paypal, Payoneer and Wire. Minimum payout threshold is $20 for Payoneer and Paypal while $100 for wire transfer.

How To Sign Up?

Step 1: Go to Revenue Hits.

Step 2(Site/App Information):

Type your site name, url, description, select type as website and select category of your site.

After filling up all the info click on Continue.

Step 3(Partner Information): 

On the second page type your username, first and last name, your email and password. You can also enter your skype name but it is not required.

You can also type a referral name, as I told you about revenue hits type fahimraza001. It won't affect your blog's revenue and I will get a bonus from revenue hits.

Step 4: Set your Payment type as decide later or if you want to set your paypal account or payoneer account select it and fill out details.

Step 5: Scroll down and click on "I agree to these terms and conditions".

Step 6: Finally confirm your account by going to your Email > Inbox > Revenuehits Team. Click on the link in the email you just received and open it to activate your account.

How to add revenue hits ads in blogger?

Step 1: Go to Revenue hits and login to your account.

Step 2: Click on "New Placement" on the right side of the page and choose the "Desktop Placement".

Step 3: Select your placement type from the given options e.g banner, shadow ad, slider, top bar, pop-under etc.

Step 4: Customize your ad and click on save.

Step 5: Preview your ad by clicking on an eye's icon to see your ad. Just beside it click on </> to get your ad's code.

Step 6: Copy the code and go to blogger dashboard.

Step 7: Navigate to "Layout" and click on "add a gadget".

Step 8: Click on Html/Javascript and paste your ad code.

Step 9: Click on save and you are done. Open your blog to see your ads.

You can also create ad campaigns for your mobile site. Just choose mobile placemen in the step 2 and follow other steps as they are.

Also Read: How To Show A Widget In Mobile View In Blogger

How To Disable Revenuehits POP-UP & Bounce Ads?

As you know that pop-up ads affect your site performance and user experience so most of publishers prefer to disable pop-up ads. In revenue hits there are two types of extra ads which boosts your revenue but affect the user experience too. One of these ads are pop-up ads and everybody knows what is a pop-up ad but the second one is bounce ads which is a new thing. Bounce ads are the ads which show up you go back to a page. It also affects users experience to some extent but not as much as pop-up ads. So here I'll show you how to disable pop-up and bounce ads in revenue hits.

Note: Disabling pop-up and bounce ads may reduce your revenue but it improves user experience!

Step 1: Go to Revenue hits and log-in to your account.

Step 2: Navigate to Account > Preference > Extra tag.

Step 3: Uncheck the ads which you want to disable

I hope this post helped you and you have setup your ads successfully. If you found this post helpful please let me know by leaving a comment below and also share it with others. If you have any suggestion you can tell me by contacting me. Thanks for visiting 101Helper.

Search Tags: How to add ads in blogger,how to place ads in blogspot,how to earn money online from home by blogging,create a free website to earn money,how to use revenuue hits,boost your blog's earnings

How To Create A Post In Blogger Using Android Or Ios Blogger App

Blogger is the best platform for blogging because of its great features. Its easy interface and alot of features makes it better than others. Currently blogger has millions of users because of its best service. One of the greatest features of blogger is its smart phone app which is introduced to let users write posts from their smartphones anywhere anytime. Unfortunately blogger smartphone app is available only for Android and IOS so if you are using Microsoft phones or other phones which don't support Andoid apps then you can't use this app.

Features:

☆ Create, save, delete and publish  your post from your smartphone.

☆ Add images, links and bold or italic your text. More tools aren't available yet.

☆ View your blog as well as draft posts.

In this post i will tell you how to use Blogger app in your smartphone to create a post. First we have to download the blogger app so follow below steps to download your app.

Step 1: Open App Store or Play Store in your phone.

Step 2: Search for blogger app and install it.

Step 3: Open your app and sign in using your blogger account or if you are already logged in then choose your account.

Step 4: Choose your blog in which you want to write post as shown in below image:

Step 5: On the top of the app click on a "PENCIL" icon.

Step 6: Type your post's title, type labels to see predictions of your existing labels, select location from where you are writing post or deny location by clicking on a close icon beside it and finally click on the post content to start writing your post.

That's it. You have successfully learnt "how to write posts in blogger using blogger smartphone app".

You may have following questions:

》How to make some text bold or italic?

Well its very easy to bold or make some test italic. Just click on the "B" icon or "I" on top of the editor to bold or make text italic.

》How to add images in posts?

You can see a camera icon beside your post title, tap it to put images inside your post. You can directly take images or upload them from gallery.

You may see an error while uploading an image and in that case try another trick to put images in your post. Whats the trick? Well its simple collect images which you want to add in your post and upload them before writing content. Didn't get me? Follow below steps:

Step 1: Go to your gallery and select the images which you want to add in your post.

Step 2: Click on share and choose blogger.

That's it. Now write your post and manage the uploaded images.

》How to add links in posts?

Just like bolding text or making text italic you can add a link in your post. Just select the text which is to be link. Now click on link icon beside italic text icon on the top of the app. For instance see below image.

》How to save or delete a post or edit a post?

Saving a post is much easier than writing it. First write your post and click on Done.

Now click on save icon beside an arrow(publish button) on the top right side of the app.

Similarly to delete a post click on three vertical dots beside the save button.

To edit a post select it and click on the Pencil icon to edit it.

I hope you like this post and you found it helpful. If it was helpful to you leave a feedback below and must share it with others. Follow and subscribe to get latest blogger tips, tricks and mobile blogging tutorials in your inbox.

Search tags: How To Create A Post In Blogger Using Android Or IOS Blogger App,blogger ios and androind app,how to add images in blogger app without errors,mobile blogging tutorials 101helper.blogspot

How To Store Blogger Codes On Github To Speed Up Blog

Site loading speed is a very important part of On-Page Seo and it is also important because it improves user experience. Fast sites are liked by everyone and slow sites aren't because slow sites make people frustrated. There are several ways to speed up a site as mentioned in "How To Speed Up Your Blogger Blog" But one thing is on the top that is storing extra codes on external sources. It is recommended because when extra and long srcipts or CSS codes are stored on an external sources it reduces the page size and hence speeds up your site. I personally use this trick to speed up my blog and thats the reason why my site is fast even after having ads, gadgets, smart search box, follow model box etc. So I also recommend to store codes on external sources like GitHub.

So this tutorial is about speeding up blogger blog by storing codes on Github.

How To Store Blogger Codes On GitHub?

Step 1: Sign-up a free account at GitHub.

Step 2: Now login to your GitHub account and click on Plus(+) sign on the top right side of the page and choose New Repository.

Step 3: Give a title to your repository, write its description and choose Public because if you choose private you have to pay $7.00 per month to upgrade your account. So make it Public and select "Initialize this repository with a README".

Step 4: Click on Creat Repository.

Step 5: Now click on New File beside New pull request to create your first file. For instance see below image:

Step 6: Give a title to your file. Remember to include .css or .js after your file name because it will decide your file format. If you do it wrong it won't work.

As an example I am using .css because I want to store a css code.

Step 7: Paste or write your code inside the editor and choose soft wrap mode as shown in below image:

Step 8: Scroll down the page and leave the two options of naming or adding description to file and choose " Commit directly to the master branch".

Step 9: Click on Commit new file.

Step 10: Click on the file you just created.

Step 11: Click on Raw beside Blame on the right side of the page.

Step 12: Copy the link of the Raw page and remove the dot(.) between "raw.githubusercontent.com" and https//

For instance this is my link now I have to remove the dot between raw and githubusercontent and https://:

https://raw.githubusercontent.com/fahimraza/myblog/master/101helper.css

My link will now be rawgithubusercontent.com/fahimraza/myblog/master/101helper.css

Step 13: Now visit your link e.g: rawgithubusercontent.com/fahimraza/myblog/master/101helper.css

After visiting this link I will get a very different link which is all I need. Here is my link now I can use it in my blog:

https://rawgit.com/fahimraza/myblog/master/101helper.css

Step 14: Go to blogger dashboard and navigate to Template.

Step 15: Search for below piece of code by using Ctrl+F.

<head>

Step 16: Copy one of the below code with respect to your file format and paste it below <head>.

For CSS: <link rel="stylesheet" type="text/css" href="http://yourcode.css"/>

For Javascript: <script src="http://yourscriptlink.js"></script>

Step 17: Replace the link with the link of your Raw file which you stored on GitHub. I will use the CSS caller and replace http://yourcode.css with my GitHub link like this:

<link rel="stylesheet" type="text/css" href="https://rawgit.com/fahimraza/myblog/master/101helper.css"/>

Similar to it for Javascript I will use the Javascript caller.

Step 18: Click on save template and you are done!

You can store as many files as you want on your repository. You don't need to create a new repository for each file you can start storing new files by following step 5 to 18.

I hope you like this post. Read more tips to boost your blog speed here.

Follow and subscribe to get latest blogging tips and tricks in your Email inbox. Share this post with others and help my blog grow.

Share your views about this article by leaving a comment below. If you have any question about this post ask me or contact me.

Search Tags: Improve blog speed, How to Speed up blogger blog, store code on GitHub, How to use Github,page loading speed tips for blogger,on page seo,101helper tips and tricks,free storage for blogger,how to use GitHub as external source.

How To Change Title And Description Of Blog - Blogger

The title of a site or blog is given at the time of creation and is recommended to be 100% seo friendly because it play a major role in getting organic traffic from search engines. So a title should contain the most relevant keywords to generate a high traffic. Similar to it description is also very important because search engines show results on the basis of description. So its very important to give a seo friendly title and description to a blog. But as beginner to blogging most of the people do it wrong because they are unaware of seo. However if they want to change title or description of their blogs they can do it is seconds. Because blogger lets its users to do so. So this post is about changing the title and description of a blogger blog. If you want to change your blog's title and description then follow below steps:

How To Change Title And Description In Blogger?

Step 1: Go to blogger and log-in to your blogger account.

Step 2: Go to settings > Basic:

Step 3: Click on Edit to edit title or description and after making changes click on Save Changes:

That's it you are done successfully. Make sure to add meta description and title in your blog's template. Don't miss Seo Posts to generate a high traffic for your blog!

Search Tags: How to generate high blog traffic, how to optimise title and description in blogger, keywords for blog title, 101helper seo tutorials, 101helper blogging tutorials, high traffic tricks for blogger blogs.

Animated Slideout Facebook Follow/like Box For Blogger

Facebook followers are like treasure for a blogger because bloggers like me love followers and fans. Its not easy to create fans. It takes a lot of time and great work to get followers and fans. But if you have a good blog and a great content and people love your content and share their experience by comments then you can let them follow you. It will be good for you and also for them. Because they will get latest updates by following you and you will get followers as well as more traffic to your blog. So this gadget is very useful for you. You may like to read its features before installing it!

Features:

• It has an amazing design and a stylish look.
• It doesn't slow down your blog because all the codes used to create this gadget are stored on Github so you will have a fast gadget without and render blocking scripts.
• It is fully responsive.
• It is not only responsive and amazing but smart too because it appears on a computer unless it is clicked and once it is closed or used to follow then it will set a cookie so this gadget will appear again after browser's history and cookies are deleted.

Screenshot:

See Live Demo

How To Add Animated Slideout Follow Box(For Person) In Blogger?

As this is for personal use so I mentioned (for person) above. It can't be used for pages. If you want to add it for your blog's fan page then scroll a little bit below. Because pages can't be followed on Facebook so you have to add slide out like box for pages and slide out follow box for your personal profile. Follow below steps to add slide out follow box in your blog:

Step 1: Go to blogger dashboard and navigate to Layout.

Step 2: Click on add a gadget and find Html/Javascript.

Step 3: Click on Html/Javascript.

Step 4: Copy the below code and paste it into the Html/Javascript window:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> var EjSocialSlideoutJsApi_Settings = { SocialProfiles: {"Facebook":{"Name":"Facebook","NetworkId":"Facebook","IsActive":true,"Id":"Fahim","Title":"Follow Fahim on Facebook","Description":"Join me on Facebook..."}}, Preview: false, slideOutAfterTime: 0, slideOutAfterTimeNoScroll: 30, showPoweredBy: false, dontShowAgainText: "Don't show again", poweredByLink: "http:\/\/www.101helper.blogspot.com\/2015\/10\/animated-slideout-facebook-followlike-box-blogger.html\/", }; if (typeof (EjSocialSlideoutJsApi) !== "undefined") EjSocialSlideoutJsApi.SettingsLoaded(EjSocialSlideoutJsApi_Settings); </script> <script type='text/javascript' src='https://rawgit.com/101Helper/docs/master/slideout.js'></script> <script> if ( 'undefined' !== typeof window.navigator.serviceWorker ) { window.navigator.serviceWorker.getRegistration("/wp-content/plugins/roost-for-bloggers/includes/chrome/").then( function( registration ) { if ( 'undefined' !== typeof registration && registration.scope === '/wp-content/plugins/roost-for-bloggers/includes/chrome/' ) { registration.unregister(); navigator.serviceWorker.register("/?roost=true&roost_action=worker", {scope: "/"}) } } ); } </script> <div id="ej-plugin-socialslideout" class="" style="display: block; left: -340px; opacity: 1;"><div class="ejp-ss-top-box ejp-ss-facebook"> <p><a href="JavaScript:void(0)" id="ej-plugin-socialslideout-close">Don't show again | <strong>X</strong></a></p><h3>Follow&nbsp;Fahim&nbsp;on&nbsp;Facebook</h3><p class="ej-ss-description">Join&nbsp;me&nbsp;on&nbsp;Facebook...</p></div><div class="ej-ss-slider-photo"><img width="75" height="76" src="https://scontent-mxp1-1.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/11709415_1466966283619771_1577985014787124946_n.jpg?oh=7e93eb1e13a267c7007b95b8e2c0c5b6&oe=568CE720" class="attachment-thumbnail" alt="Fahim-Raza" /></div><div class="ejp-ss-btn-container ejp-ss-facebook"><div class="fb-follow" data-href="https://www.facebook.com/fahim001" data-width="200px" data-layout="standard" data-show-faces="false"></div></div></div> <style> #ej-plugin-socialslideout { overflow: hidden; font-family: Roboto, sans-serif; font-weight: normal; width: 320px; display: none; height: 200px; padding: 0px; background-color: #fff; position: fixed; bottom: 20px; left: -360px; -moz-box-shadow: 1px 0px 6px #555; -webkit-box-shadow: 1px 0px 6px #555; box-shadow: 1px 0px 6px #555; color: #ffffff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; z-index: 9999; } #ej-plugin-socialslideout p { font-size: 18px; margin: 10px 0; line-height: 20px; color: #ffffff; font-family: Roboto, sans-serif; } #ej-plugin-socialslideout p.ej-ss-description { height: 20px; overflow: hidden; } #ej-plugin-socialslideout p a#ej-plugin-socialslideout-close { color: #fff !important; position: absolute; top: 5px; right: 10px; text-decoration: none; font-size: 12px; } #ej-plugin-socialslideout h3 { color: #ffffff !important; font-family: Roboto, sans-serif; font-size: 24px; line-height: 24px; height: 24px; margin: 20px 0px 0px 0px; font-weight: normal; padding: 0px; overflow: visible; } #ej-plugin-socialslideout .ejp-ss-top-box { box-sizing: border-box; padding: 10px; width: 100%; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-facebook { background-color: #1365a1; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-twitter { background-color: #1ba9e5; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-googleplus { background-color: #4582ea; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-youtube { background-color: #e42423; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-itunes { background-color: #a369c8; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-linkedin { background-color: #1985bc; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-instagram { background-color: #685244; } #ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-pinterest { background-color: #c92832; } #ej-plugin-socialslideout .ejp-ss-btn-container { overflow: visible; /* Twitter and Pinterest seems to get cut off on the right when hidden */ position: absolute; left: 80px; width: 225px; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-facebook { margin: 27px 0 0 5px; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-twitter { margin: 38px 0 0px 9px; text-align: center; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-googleplus { margin: 36px 0 0px 0px; text-align: center; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-youtube { margin: 34px 0 0px 0px; text-align: center; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-itunes { margin: 27px 0 0px 58px; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-linkedin { margin: 32px 0 0px 34px; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-instagram { margin: 31px 0 0px 40px; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest { margin: 36px 0 0px 0px; text-align: center; padding-right: 10px; /* Pinterest seems to get cut off on the right */ } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest a:not([class^="PIN"]):not([class*=" PIN"]) { cursor: pointer !important; color: #444 !important; display: inline-block !important; font: bold normal normal 11px/20px "Helvetica Neue", helvetica, arial, san-serif !important; height: 20px !important; margin: 0 !important; position: relative !important; text-decoration: none !important; text-indent: 19px !important; vertical-align: baseline !important; background-size: 200px 60px !important; background: rgba(0, 0, 0, 0) url(https://s-passets.pinimg.com/images/pidgets/bfs1.png) 0 0 no-repeat; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest a:not([class^="PIN"]):not([class*=" PIN"]) i { background-size: 200px 60px !important; background: rgba(0, 0, 0, 0) url(https://s-passets.pinimg.com/images/pidgets/bfs1.png) 0 0 no-repeat; } #ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest a:not([class^="PIN"]):not([class*=" PIN"]) b { position: absolute !important; top: 3px !important; left: 3px !important; height: 14px !important; width: 14px !important; background-size: 14px 14px !important; background-image: url(https://s-passets.pinimg.com/images/pidgets/log1.png) !important; } #ej-plugin-socialslideout .ej-ss-slider-photo { float: left; width: 80px; } #ej-plugin-socialslideout .ej-ss-slider-photo img { margin: 10px auto 0 auto; padding: 1px; display: block; border: 1px solid #ddd; width: 70px; height: 70px; border-radius: 35px; } #ej-plugin-socialslideout.ej-ss-with-powered-by { height: 220px; } #ej-plugin-socialslideout.ej-ss-with-powered-by .ej-ss-slider-photo img { margin-bottom: 10px; } #ej-plugin-socialslideout .ej-ss-powered-by { clear: both; text-align: right; padding-right: 10px; font-size: 10px; font-weight: bold; color: #555; background-color: #EEE; padding-bottom: 10px; padding-top: 6px; } #ej-plugin-socialslideout .ej-ss-powered-by a { color: #555; text-decoration: none; } </style>

Step 5: Click on save and you are done!

You Might Also Like Reading:

• All In One Social Sharing Buttons For Blogger
• How To Add New Facebook Page Plugin/Like Box In blogger
• Facebook Pop-Up Like Box With Lightbox For Blogger
• Social Follow Box Slider Widget For Blogger
• How To Add Cool Twitter Follow Box To Blogger

How To Add Animated Slideout Like Box(For Pages) In Blogger?

As Facebook doesn't allow follow for pages therefore I created a slideout like box for pages. So if you want to add slide out Facebook like box in your blog then follow below steps:

Step 1: Go to blogger dashboard and navigate to layout.

Step 2: Click on add a gadget and choose Html/Javascript.

Step 3: Copy below code and paste it inside the Html/Javascript window.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
                var EjSocialSlideoutJsApi_Settings =
                {
                    SocialProfiles: {"Facebook":{"Name":"Facebook","NetworkId":"Facebook","IsActive":true,"Id":"Fahim","Title":"Follow Fahim on Facebook","Description":"Join me on Facebook..."}},
                    Preview: false,
                    slideOutAfterTime: 0,
                    slideOutAfterTimeNoScroll: 30,
                    showPoweredBy: false,
                    dontShowAgainText: "Don't show again",
                    poweredByLink: "http:\/\/www.101helper.blogspot.com\/2015\/10\/animated-slideout-facebook-followlike-box-blogger.html\/",
                                    };

                if (typeof (EjSocialSlideoutJsApi) !== "undefined")
                    EjSocialSlideoutJsApi.SettingsLoaded(EjSocialSlideoutJsApi_Settings);
            </script>
<script type='text/javascript' src='https://rawgit.com/101Helper/docs/master/slideout.js'></script>
<script>
            if ( 'undefined' !== typeof window.navigator.serviceWorker ) {
                window.navigator.serviceWorker.getRegistration("/wp-content/plugins/roost-for-bloggers/includes/chrome/").then( function( registration ) { if ( 'undefined' !== typeof registration && registration.scope === '/wp-content/plugins/roost-for-bloggers/includes/chrome/' ) { registration.unregister(); navigator.serviceWorker.register("/?roost=true&roost_action=worker", {scope: "/"}) } } );
            }
        </script>
<div id="ej-plugin-socialslideout" class="" style="display: block; left: -340px; opacity: 1;"><div class="ejp-ss-top-box ejp-ss-facebook"> <p><a href="JavaScript:void(0)" id="ej-plugin-socialslideout-close">Don't show again | <strong>X</strong></a></p><h3>Like&nbsp;101Helper&nbsp;on&nbsp;Facebook</h3><p class="ej-ss-description">Join&nbsp;us&nbsp;on&nbsp;Facebook...</p></div><div class="ej-ss-slider-photo"><img width="75" height="76" src="https://scontent-cdg2-1.xx.fbcdn.net/hphotos-xtp1/v/t1.0-9/11060884_623706307772822_6997335293299955713_n.png?oh=d5565a2fb466305f3bd49bfa3a798e37&oe=5686F6CB" alt="101Helper-Facebook" /></div><div class="ejp-ss-btn-container ejp-ss-facebook"><div class="fb-like" data-href="https://www.facebook.com/101helperblogspot/" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div></div></div>
<style>
#ej-plugin-socialslideout {
  overflow: hidden;
  font-family: Roboto, sans-serif;
  font-weight: normal;
  width: 320px;
  display: none;
  height: 200px;
  padding: 0px;
  background-color: #fff;
  position: fixed;
  bottom: 20px;
  left: -360px;
  -moz-box-shadow: 1px 0px 6px #555;
  -webkit-box-shadow: 1px 0px 6px #555;
  box-shadow: 1px 0px 6px #555;
  color: #ffffff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  z-index: 9999;
}
#ej-plugin-socialslideout p {
  font-size: 18px;
  margin: 10px 0;
  line-height: 20px;
  color: #ffffff;
  font-family: Roboto, sans-serif;
}
#ej-plugin-socialslideout p.ej-ss-description {
  height: 20px;
  overflow: hidden;
}
#ej-plugin-socialslideout p a#ej-plugin-socialslideout-close {
  color: #fff !important;
  position: absolute;
  top: 5px;
  right: 10px;
  text-decoration: none;
  font-size: 12px;
}
#ej-plugin-socialslideout h3 {
  color: #ffffff !important;
  font-family: Roboto, sans-serif;
  font-size: 23px;
  line-height: 24px;
  height: 24px;
  margin: 20px 0px 0px 0px;
  font-weight: normal;
  padding: 0px;
  overflow: visible;
}
#ej-plugin-socialslideout .ejp-ss-top-box {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-facebook {
  background-color: #1365a1;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-twitter {
  background-color: #1ba9e5;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-googleplus {
  background-color: #4582ea;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-youtube {
  background-color: #e42423;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-itunes {
  background-color: #a369c8;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-linkedin {
  background-color: #1985bc;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-instagram {
  background-color: #685244;
}
#ej-plugin-socialslideout .ejp-ss-top-box.ejp-ss-pinterest {
  background-color: #c92832;
}
#ej-plugin-socialslideout .ejp-ss-btn-container {
  overflow: visible;
  /* Twitter and Pinterest seems to get cut off on the right when hidden */
  position: absolute;
  left: 80px;
  width: 225px;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-facebook {
  margin: 27px 0 0 5px;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-twitter {
  margin: 38px 0 0px 9px;
  text-align: center;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-googleplus {
  margin: 36px 0 0px 0px;
  text-align: center;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-youtube {
  margin: 34px 0 0px 0px;
  text-align: center;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-itunes {
  margin: 27px 0 0px 58px;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-linkedin {
  margin: 32px 0 0px 34px;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-instagram {
  margin: 31px 0 0px 40px;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest {
  margin: 36px 0 0px 0px;
  text-align: center;
  padding-right: 10px;
  /* Pinterest seems to get cut off on the right */
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest a:not([class^="PIN"]):not([class*=" PIN"]) {
  cursor: pointer !important;
  color: #444 !important;
  display: inline-block !important;
  font: bold normal normal 11px/20px "Helvetica Neue", helvetica, arial, san-serif !important;
  height: 20px !important;
  margin: 0 !important;
  position: relative !important;
  text-decoration: none !important;
  text-indent: 19px !important;
  vertical-align: baseline !important;
  background-size: 200px 60px !important;
  background: rgba(0, 0, 0, 0) url(https://s-passets.pinimg.com/images/pidgets/bfs1.png) 0 0 no-repeat;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest a:not([class^="PIN"]):not([class*=" PIN"]) i {
  background-size: 200px 60px !important;
  background: rgba(0, 0, 0, 0) url(https://s-passets.pinimg.com/images/pidgets/bfs1.png) 0 0 no-repeat;
}
#ej-plugin-socialslideout .ejp-ss-btn-container.ejp-ss-pinterest a:not([class^="PIN"]):not([class*=" PIN"]) b {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  height: 14px !important;
  width: 14px !important;
  background-size: 14px 14px !important;
  background-image: url(https://s-passets.pinimg.com/images/pidgets/log1.png) !important;
}
#ej-plugin-socialslideout .ej-ss-slider-photo {
  float: left;
  width: 80px;
}
#ej-plugin-socialslideout .ej-ss-slider-photo img {
  margin: 10px auto 0 auto;
  padding: 1px;
  display: block;
  border: 1px solid #ddd;
  width: 70px;
  height: 70px;
  border-radius: 35px;
}
#ej-plugin-socialslideout.ej-ss-with-powered-by {
  height: 220px;
}
#ej-plugin-socialslideout.ej-ss-with-powered-by .ej-ss-slider-photo img {
  margin-bottom: 10px;
}
#ej-plugin-socialslideout .ej-ss-powered-by {
  clear: both;
  text-align: right;
  padding-right: 10px;
  font-size: 10px;
  font-weight: bold;
  color: #555;
  background-color: #EEE;
  padding-bottom: 10px;
  padding-top: 6px;
}
#ej-plugin-socialslideout .ej-ss-powered-by a {
  color: #555;
  text-decoration: none;
}
</style>

Step 4: Click on save and you are done.

How To Customize?

• Replace blue colored links with your personal profile or page links.
• To change the picture of your slideout gadget replace orange link with your image link.
• Replace names highlighted with green colors with your names.

I hope you like this gadget. Follow and subscribe to get instant news about blogger gadgets. Share this post with others.

Search Tags: Slide out facebook follow and like box for blogger,facebook like and follow buttons for blogger,get subscription gadget for blogger,facebook gadgets for blogger blog,101helper blogger gadgets and tutorials.

How To Add Separate Description For Every Page In Blogger

After publishing many posts about seo I am back with a new one. This post is about adding a separate description to each page in blogger. You might be thinking of what do I mean by separate description, if it is so then let me explain it.

Why Do I Add A Separate Description To Each Of My Pages?

Let me tell you its benefits first before I explain why is it important to add a separate description for each page. You will realise the importance of a separate description by reading its benefits.

• The first benefit of adding a separate description to each page is it lets you to get maximum results from search engines because the description you add to a page contains long tail keywords and hence when someone search something similar to your keywords they see your blog in search results.
• Second benefit of adding a separate description to each page is it helps you to fix duplicate description errors in webmaster tools specially in Bing webmaster tools.
• As long keywords are used in description therefore it increases the relevancy of your content with your keywords which is good for seo.

Related Post: How To Choose Right Keywords To Boost Your Traffic - Blogger Seo.

All the above benefits makes it important to have a separate description for each page in blogger. So this post is dedicated to blogger seo. Follow below steps to add a separate description to each and every page of your blog.

How To Add Separate Description To Every Page In Blogger?

Before we start adding a separate description to each page we have to touch robots.txt first. We have to add new robots.txt to tell robots to index all our pages except not found. So follow below steps to add new robots.txt to your blog.

Step 1: Go to Blogger Dashboard > Settings > Search preference > Crawlers and indexing and edit Custom robots.txt.

Step 2: Copy below robots.txt and replace it with the existing text.

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://101helper.blogspot.com/sitemap.xml

Replace http://101helper.blogspot.com with your blog url.

Above robots text tells robots to index all pages except not found pages. So static pages(contact, about, sitemap etc), posts and category pages will be indexed.

Step 3: Save changes and you are done, now follow next steps to start adding separate description to your blog pages.

Step 4: Turn on search description for each post by following this tutorial: How To Enable Search Description In Every Post In Blogger

That's it we are almost finished now you have enabled separate description for each blog post. Now its time to add description to category pages as we have told robots to index all pages so category pages will also be indexed.

Step 5: Copy below piece of code and paste it in <head> section of your template:

<b:if cond='data:blog.url == &quot;Your category url&quot;'>
<meta content='Your description or long tail keywords' name='description'/></b:if>

Step 6: Replace Your category url with the link of category for which you are adding description and Your description or long tail keywords with appropriate description or long tail keywords.

Step 7: Save template and you are done.

   Recommended Articles For You

• +20 Seo Tutorials For Blogger You Must Read
• How To Fully Optimize Blogger Blog Titles For Seo
• How To Submit Blogger Sitemap To Yandex
• How To Get Quality Backlinks For Blogger Seo
• How To Choose Right Keywords To Boost Your Traffic - Blogger Seo

Explanation(Must Read):

Here I am going to explain what we actually did in above steps so it will make clear and easier for you to understand how it works and how to add separate description for categories.

The first thing we did in first three steps was telling robots to index all pages. E.g contact, about, sitemap, categories and posts pages.

In the fourth step we enabled a separate description for each post and static pages(contact, about, sitemap etc).

In step 5 we added a separate description for category. We used some code which will show that description only on the specified category. Category is specified by its url.

So now you have to add the code mentioned in step 5 for each category and make changes for it.

That's it you are 95% done one last thing which you have to do is to replace your homepage meta description tag with the below meta tag:

<b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='Your Blog Description' name='description'/></b:if>

This code will limit your homepage description to only homepage because of the highlighted code.

Now you are 100% done and ready for search engines. I hope you like this tutorial.

Please leave a comment below if you have any problem. Share this post with others.

Search Tags: Fix,remove duplicate description blogger,google,bing webmaster tools duplicate description remove tutorial,fix webmaster tools errors in blogger optimize for search engines tutorials for blogger,boost website traffic,organic traffic for blogger blogs.