Sabtu, 31 Januari 2015

Social Follow Box Slider Widget For Blogger

Social follow box slider widget for blogger | 101helper blogger gadgets

Follow boxes are very useful to get followers on social networks but when there is a number of social profiles like Facebook, twitter, Linkedin, Google+ then it becomes a problem to show all the follow boxes n blog because of a limited space. Another problem of adding many follow boxes is they take alot of time to load and slows down blogs, therefore bloggers use to add follow buttons in blogs as they loads faster and don't take too much space on blog. But if one wish to add all boxes on his blog without loosing his blog speed and space he would need an all in one widget which has all follow boxes and takes lesser time to load and lesser space too. For the same purpose I have created an awesome widget which contains all follow boxes(Google+, Facebook, Twitter and linkedin) and takes least time to load. It is a social profile slider. It sliders each social profile equal interval of time and takes space of only one social profile box, you can take a look in above animated image. You can adjust the time of sliding in this widget. I have added only four most popular social networks in it, since I don't use Linkedin that's why I have add its CEO's profile in it.

Continue reading »

Kamis, 29 Januari 2015

How To Schedule A Post For Auto Publish In Blogger

How to schedule a post for auto publish in blogger | 101helper

Do you want your posts to publish on a specific time?  or you are busy, going for some work or going on a trip and can't publish posts? if yes then forget it and don't worry because blogger has a great feature that you can schedule a post for auto publish so now if you are busy your blog will publish posts automatically. Its very easy, all you have to do is to follow below simple steps, you don't need any code to make your blog auto publish. But before scheduling a post you must write it properly, your blog will only publish it, it won't write it for you.
Continue reading »

Selasa, 27 Januari 2015

How To Add Custom Robots.txt File In Blogger/Blogspot

 
Maybe you've heard about the term robots.txt. What is robots.txt? is it necessary in the settings? what if I leave it alone? There are probably many other questions you have, especially if you are newbie blogger.

To better understand the meaning of robots.txt, to make it more understandable, I have made this tutorial.

If you want to get your blog indexed and crawl your pages fast then you should add this custom robots.txt file in your blogger blog. as well as it's a part of search engine optimization so you must be aware of the terms. 

Also Read:

How It Works?


Robots.txt is a command for the search engine robots to explore or browse a pages of our blog. Robots.txt is arguably filter our blog from search engines. 

Let's say robot wants to visits a Webpage URL, example, http://www.example.com/about.html. Before it does so, it will check for http://www.example.com/robots.txt, and then it will access the particular webpage.

All the blogs already have a robots.txt file given by blogger/blogspot. By default robots.txt on blogs like this:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500
User-agent: Mediapartners-GoogleDisallow: User-agent: *Disallow: /searchAllow: / Sitemap: http://namablog/feeds/posts/default?orderby=UPDATED - See more at: http://blog.kangismet.net/2013/10/cara-setting-robotstxt-di-blogger.html#sthash.aSTFQuhf.dpuf

 

What Is The Meaning Of Above Codes?

 

User-agent: Mediapartners-Google
This command tells your blog to allow Adsense bots to crawl your blog. If you’re not using Google Adsense on your blog then simply remove this line.
 
Disallow:
This cammand prevents Search Engine bots from crawling pages on your blog.

User-agent: *
All Robot Search Engines / Search engine

Disallow: / search
Not allowed to crawl the search folder, like .... / search / label and ... search / search? Updated ... here lable is not inserted to search
because label is not a URL who estate towards one specific page. 

Example : 
http://www.shoutersclub.blogspot.com/search/label/SEO
http://www.shoutersclub.blogspot.com/search/SEO
 
Allow: /
This command tells allow all pages to be crawled, except that written on Disallow above. Mark (/) or less.


Sitemap:   
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500

 

How To Prevent Robot On Certain Pages?

 
To prevent particular page from Google crawling just disallow this page using Disallow command. For example : if I don't want index my about me page in search engines. simply I will paste the code Disallow: /p/about-me.html  right after Disallow: /search.

Code will look like this :

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Disallow: /p/about-me.html
Allow: /
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500 

How To Add Custom Robots.txt File In Blogger ?

 

 Note :  Before adding custom robots.txt file in blogger you should keep one thing in your mind that if you are using robots.txt file incorrectly then your entire blog being ignored by search engines.

Step1
Go to your Blogger Dashboard

Step2
Now go to Settings >> Search Preferences >> Crawlers and indexing >> Custom robots.txt >> Edit >> Yes


how to add custom robots.txt file in blogger

Step3
Now paste your custom robots.txt file code in the box.

Step4
Now click on Save Changes button.

Step5
That's all, You are done! now you can see your robot.txt file. To view the robots.txt fine, please type in browser...

http://yourblogname.com/robots.txt

Custom Robots.txt

It's okay, your blog will still be crawled by search engine robots because as I mentioned before, every blog already possessed default robots.txt.
 


Final Worlds!


So friends! this was the brief tutorial on how to add custom robots.txt file in blogger, if you are a newbie blogger and you have missed the robot.txt then create one here to make your site SEO strong.

 If you still have any quires regarding this article then please let me know, You can leave your question in comment box.

Thanks for reading this tutorial and I’ll see you in the next one. till then Happy Blogging !:)

User-agent: Mediapartners-GoogleDisallow: User-agent: *Disallow: /searchAllow: / Sitemap: http://namablog/feeds/posts/default?orderby=UPDATED - See more at: http://blog.kangismet.net/2013/10/cara-setting-robotstxt-di-blogger.html#sthash.aSTFQuhf.dpuf

Senin, 26 Januari 2015

How To Add Links Below Blog In Blogger

How to add links below blog in blogger | 101Helper blogger tricks

Hi there, once again I am back with a new trick that is how to add links at the bottom of blog. You might have seen in many blogs that there are different links at the bottom like privacy policy, contact, about, terms and conditions, disclaimer, feedback etc, normally these links are in professional websites but now a days bloggers are also adding these links at the bottom of their blogs to make their blogs look like professional websites. I have also added these links in my blog but as a beginner nobody can add these links as its not so easy.
Continue reading »

How To Redirect 404 Error (Page Not Found) To Homepage In Blogger

how to redirect 404 error (page not found) to homepage in blogger
  
Today, I come with a very important tutorial is 404 page redirection, 404 error page tells user and search engines that a “page is not found". If anyone trying to access the page and suddenly appear “Page Not Found - 404” error. why does it occur? it's happens because you may have deleted your blog post or changed URLs. So in today’s tutorial I will tell you how to add/setup generic and custom blogger 404 redirection page in blogger.

Also Read: How To Add Custom Robots.txt File In Blogger/Blogspot

If you have deleted any blog post or changed blog post URLs and this time you have not setup 404 error page redirection in blogger then you will find your all 404 error pages in webmaster tools crawl section. 

You can redirect your blog visitors automatically to homepage within few seconds using blogger 404 page redirection, So let start the tutorial.

 

Redirect 404 Error Page using JavaScript in Blogger :

 

Step 1
Go to blogger dashboard >> Search "preferences” option under the “Settings” tab.

Step 2
Now click on custom page not found >> Edit option under the "Errors and redirections"

how to redirect 404 error (page not found) to homepage in blogger
Step 3
Copy the below code and paste in text box and click Save Changes.

Redirection JavaScript
<h1>Page Not Found!</h1>
<br><b>We're sorry but we could not find the page you are looking for.
This may happen if you have entered site URL incorrectly or this page doesn't exist anymore.</b>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>
how to redirect 404 error (page not found) to homepage in blogger

 

Setup Custom 404 Error Page in Blogger :

 


Step 1
Go to blogger dashboard and create a new page with title Page not found!.

custom 404 error (page not found) page in blogger

Step 2
Now click on custom page not found >> Edit option under the "Errors and redirections"

custom 404 error (page not found) page in blogger

Step 3
Copy below redirection JavaScript and replace "/p/page-url.htm" with your page name and paste in text box and click Save Changes. .
<script type = "text/javascript">
setTimeout(function()
{
location.pathname= "/p/404-page.html "
},
5000);
</script>

custom 404 error (page not found) page in blogger

Final Words !


This was the today’s tutorial on how to redirect 404 error (page not found) to homepage in blogger and how to setup custom 404 error page in blogger.

If you have any quires regarding this tutorial then please feel free to ask with comment below this post.. And if you think my post was worth reading, then please don't forget to share it with your social media friends. Happy Blogging !

Kamis, 22 Januari 2015

Social Media Buttons With CSS3 Cubic Bezier Transition Effect

social media buttons with css3 cubic bezier transition effect

Hi friends, Today I came up with new social media widget or buttons with CSS3 cubic bezier transition effect. There are many social media widgets with transition effect you might seen before but this widget have transition effects with cubic bezier. and button is highlighted with awesome effects such as bouncing ( like using j Query easing ) well get on with it.

Also Read: How To Add Professional Author Box In Blogger Below Post

HTML Code


HTML structure of button divided it in li to facilitate the increase / decrease buttons you want , please delete the section "< li > <a href="#" class="icon cb" > < span > ....... < / span > </a> < / li >". For example, If you want to delete YouTube button then just delete < li > <a href="#" class="icon ytube" > < span > YouTube < / span > </a> < / li >.
<div id="buttoncb">
<ul>
   <li ><a href="#" class="icon fb" ><span>Facebook</span></a></li>
   <li ><a href="#" class="icon twiter" ><span>Twitter</span></a></li>
   <li ><a href="#" class="icon google" ><span>Google+</span></a></li>
   <li ><a href="#" class="icon pint" ><span>Pinterest</span></a></li>
   <li ><a href="#" class="icon linkedin" ><span>LinkedIn</span></a></li>
   <li ><a href="#" class="icon devart" ><span>DeviantArt</span></a></li>
   <li ><a href="#" class="icon ytube" ><span>Youtube</span></a></li>
   <li ><a href="#" class="icon rss" ><span>RSS</span></a></li>
</ul>
</div>

 

CSS And CSS3 Transition :


Below is the CSS code used to create the effect on this button . CSS3 is used to give the effect is by using a cubic - bezier transition ( 1,2,0,0 ) is on all elements . For more details see the code below .
#buttoncb ul {margin:10px 15px;padding:0px;}
#buttoncb ul li {list-style-type: none;padding: 0;background: transparent;margin: 0;}
#buttoncb ul li a{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUr7wh6nhCfg1WQ_OiX2kgZVQHGhQXXOyhJ_TfW3wCbqyGUSx7uETV6h2a1281ZT2yhu9GAoqdAT7qFEFTmAxAUdg3cPaQwhrNq5PJsYZJIfa3KitSuGE5He46ATPQJU7V8zddNG6uog/s1600/blsocial12.png') 0 0 no-repeat;   height:48px;padding-left: 48px;cursor: pointer;text-decoration: none;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;display:inline-block;margin:0;width: 220px;}
#buttoncb ul li:hover span {margin-left: 10px;opacity: 1;}
#buttoncb ul li span {border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: white;
margin-left: 100px;
opacity: 0;
position: relative;
text-align: center;
width: auto;
padding: 5px 10px;
transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
top: 14px;}
#buttoncb span{padding:5px;background:#000;color:#fff;margin:0 5px;}
#buttoncb .fb span {background-color: #0853A3;}
#buttoncb .twiter span {background-color: #00B1F7;}
#buttoncb .google span {background-color: #9E0202;}
#buttoncb .pint span {background-color: #D00;}
#buttoncb .linkedin span {background-color: #005075;}
#buttoncb .devart span {background-color: #4C7A4A;}
#buttoncb .ytube span {background-color: #A00;}
#buttoncb .rss span {background-color: #EC5601;}
#buttoncb a.fb {  background-position: 0 -384px;}
#buttoncb a.twiter {  background-position: 0 -432px;}
#buttoncb a.google {  background-position: 0 -480px;}
#buttoncb a.pint {  background-position: 0 -528px;}
#buttoncb a.linkedin {  background-position: 0 -576px;}
#buttoncb a.devart { background-position: 0 -624px;}
#buttoncb a.ytube {  background-position: 0 -672px;}
#buttoncb a.rss {  background-position: 0 -720px;}
#buttoncb a.fb:hover { background-position: 0 0px;color: #0374DD;}
#buttoncb a.twiter:hover {  background-position: 0 -48px;color: #00A1DF;}
#buttoncb a.google:hover {  background-position: 0 -96px;color: #A70000;}
#buttoncb a.pint:hover {  background-position: 0 -144px;color: #C00;}
#buttoncb a.linkedin:hover {  background-position: 0 -192px;color: #005772;}
#buttoncb a.devart:hover { background-position: 0 -240px;color: #4C7A4A;}
#buttoncb a.ytube:hover {  background-position: 0 -288px;color: #A00;}
#buttoncb a.rss:hover {  background-position: 0 -336px;color: #EC5601;}

 

How To Install This Widget In Blogger :


1. Go to Blogger Dashbord >>Layout
 
blogger layout

















2. Click Add a Gadget

add gadget

3. Choose HTML/Javascript

choose html/javascript

Copy below Code :
<style type="text/css">
#buttoncb ul {margin:10px 15px;padding:0px;}
#buttoncb ul li {list-style-type: none;padding: 0;background: transparent;margin: 0;}
#buttoncb ul li a{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUr7wh6nhCfg1WQ_OiX2kgZVQHGhQXXOyhJ_TfW3wCbqyGUSx7uETV6h2a1281ZT2yhu9GAoqdAT7qFEFTmAxAUdg3cPaQwhrNq5PJsYZJIfa3KitSuGE5He46ATPQJU7V8zddNG6uog/s1600/blsocial12.png') 0 0 no-repeat;   height:48px;padding-left: 48px;cursor: pointer;text-decoration: none;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;display:inline-block;margin:0;width: 220px;}
#buttoncb ul li:hover span {margin-left: 10px;opacity: 1;}
#buttoncb ul li span {border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: white;
margin-left: 100px;
opacity: 0;
position: relative;
text-align: center;
width: auto;
padding: 5px 10px;
transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
top: 14px;}
#buttoncb span{padding:5px;background:#000;color:#fff;margin:0 5px;}
#buttoncb .fb span {background-color: #0853A3;}
#buttoncb .twiter span {background-color: #00B1F7;}
#buttoncb .google span {background-color: #9E0202;}
#buttoncb .pint span {background-color: #D00;}
#buttoncb .linkedin span {background-color: #005075;}
#buttoncb .devart span {background-color: #4C7A4A;}
#buttoncb .ytube span {background-color: #A00;}
#buttoncb .rss span {background-color: #EC5601;}
#buttoncb a.fb {  background-position: 0 -384px;}
#buttoncb a.twiter {  background-position: 0 -432px;}
#buttoncb a.google {  background-position: 0 -480px;}
#buttoncb a.pint {  background-position: 0 -528px;}
#buttoncb a.linkedin {  background-position: 0 -576px;}
#buttoncb a.devart { background-position: 0 -624px;}
#buttoncb a.ytube {  background-position: 0 -672px;}
#buttoncb a.rss {  background-position: 0 -720px;}
#buttoncb a.fb:hover { background-position: 0 0px;color: #0374DD;}
#buttoncb a.twiter:hover {  background-position: 0 -48px;color: #00A1DF;}
#buttoncb a.google:hover {  background-position: 0 -96px;color: #A70000;}
#buttoncb a.pint:hover {  background-position: 0 -144px;color: #C00;}
#buttoncb a.linkedin:hover {  background-position: 0 -192px;color: #005772;}
#buttoncb a.devart:hover { background-position: 0 -240px;color: #4C7A4A;}
#buttoncb a.ytube:hover {  background-position: 0 -288px;color: #A00;}
#buttoncb a.rss:hover {  background-position: 0 -336px;color: #EC5601;}
</style>
<div id="buttoncb">
<ul>
   <li ><a href="Your Facebook Page URL" class="icon fb" ><span>Facebook</span></a></li>
   <li ><a href="Your Twitter Page URL" class="icon twiter" ><span>Twitter</span></a></li>
   <li ><a href="Your Google+ ID" class="icon google" ><span>Google+</span></a></li>
   <li ><a href="Your Pinterest ID" class="icon pint" ><span>Pinterest</span></a></li>
   <li ><a href="Your Linkedin Page URL" class="icon linkedin" ><span>LinkedIn</span></a></li>
   <li ><a href="Your Deviant Art URL" class="icon devart" ><span>DeviantArt</span></a></li>
   <li ><a href="Your Youtube ID" class="icon ytube" ><span>Youtube</span></a></li>
   <li ><a href="Your RSS ID" class="icon rss" ><span>RSS</span></a></li>
</ul>
</div> 
Please replace the part that highlighted in Red color with your link". So if you want to increase your followers/fan page likes grab this widget now ! 

3 Metro Style Follow Buttons For Blogger

3 Metro style follow buttons for blogger | 101Helper

Follow buttons is main source of getting followers on social networks. Since blogger doesn't provide follow buttons so you have to add it in your blog from other blogs and websites. There are many content amplification sites that provides follow and share buttons, but these buttons are not stylish and responsive and sometimes they are responsive(addthis buttons). Addthis provides responsive follow buttons but these are very small in size and also takes time to load. Previously I have created some posts in which I have shared stylish responsive follow buttons and follow buttons for header and in this post I am going to share some new kind of widget which is metro style follow buttons.
Continue reading »

How To Install Emoticons/Smileys In Blogger Comments

Emoticons/Smileys In Blogger

Emoticons are the combination of the word "emotion " and " icon " which means the icon that is used to express the emotions and " icon " which means the icon that is used to express the emotions of a written statement, and it helps to change and improve the interpretation of the text.

Also Read: How To Install Emoticons/Smileys In Blogger Comments

As you can see Emoticons/Smileys I have installed inside comment box, may be you are curious to know how to add Emoticons/Smileys in blogger comment box like it.

Well this time I'm going to share how to install emoticons in blogger blogspot inside comment box. so lets see tutorial.

Also Read: How To Add Professional Author Box In Blogger Below Post

How To Add Emoticons/Smileys In Blogger Comments :

 

    In the process of editing your template, a mistake might be made, so remember before installing / editing the template should be backed up.

    1. Go to Blogger Dashboard > TemplateEdit HTML
    2. Search for </head> 
    3. Copy the code below and place right before/above the </ head > tag
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>
    Note :  If there is already a jQuery library in your template, the code on line-1 should not be copied .
      4. Copy the code below and place right before/above the </ body>   
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <script type='text/javascript'>
      //<![CDATA[
      jQuery(document).ready(function () {emoticonx({
      emoRange:"#comments p, div.emoWrap",
      putEmoAbove:"iframe#comment-editor",
      topText:"Click to see the code!",
      emoMessage:"To insert emoticon you must added at least one space before the code."
      })
      });
      //]]>
      </script>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <script type='text/javascript'>
      //<![CDATA[
      jQuery(document).ready(function () {emoticonx({
      emoRange:"#comments p, div.emoWrap",
      putEmoAbove:"iframe#comment-editor",
      topText:"Click to see the code!",
      emoMessage:"To insert emoticon you must added at least one space before the code."
      })
      });
      //]]>
      </script>
      </b:if>
      If you are finished , click Save Template and see the results.

      If you want to change it. You can see complete default Script below:

      Property Description
      topText Sentence below the emoticon sample
      emoMessage Sentence below the emoticon sample and alert box
      emoRange The place where emoticon/smileys will appear
      putEmoAbove The place where the sample emoticons will be placed
       

      Final Words!


      If you have any questions or facing problems while installing emoticons/smileys let me know it in comment box. and don't forget to join our newsletter to get fresh updates directly in your inbox !

          Selasa, 20 Januari 2015

          How To Hold Visitors For A Longer Time On Your Blog

          Blog Visitors

          Last Update: March 28th, 2015

          Do you have any marketing strategy or formula to hold your visitors for a longer time on your blog?  If yes then you probably are doing so through social media. but you aren't using these marketing strategy's on your blog.

          The growing importance of content marketing in today's competitors world is well known. so every blogger and business owner want to do marketing effectively.

          Few marketing strategy's that I have bring today for you, but you should use all of them. and if you'll combine them all, I am sure you will be able to hold your visitor for a longer time on your blog.

          Also Read: 10 On Page SEO Tips To Optimize Your Blog For Search Engines

          Hold Visitors For A Longer Time on Your blog : 5 Effective Ways

           

          #1 Interlinking: 


          Internal linking helps your readers to give relevant information of the post they are reading currently.

          There are many tricks successful bloggers use to engage visitors on their blog and interlinking is one of them. so whenever you write a blog post spend only 10 minutes to interlinking your old blog post in newer blog post.

          Benefits of interlinking :

          • Relevant Posts For Your Readers - Interlinking is a way to give more reading options for your blog readers. while reading a blog post if visitor will find a blog post link which is really helpful for him, he will definitely click on this link to read more.
          • SEO - Search engine bots counts internal links of every blog article so it will help you to get high search engine ranking.
          • Engagement - Its very hard to maintain blog visitors engagement but interlink help you to keep visitors engagement easily.
          • Increase Page-Views - According to some of the above points interlinks helps to gain more and more impressions on your blog.

          Also Read: 10 Common SEO Mistakes You Should Stop Making Right Now

           

          #2 Create Sneeze Page:


          A Sneeze page is a page that highlighting previously written posts/archives on your blog to help readers to go deep in your blog. it's very effective way to hold your blog visitors as well as you can make your old blog post alive.

          Creating a sneeze page is very simple task you just have to pick most viewed blog posts and add them into sneeze page. after creating sneeze page place this page in navigation menu, sidebar or footer to get more traffic.

          If your blog on blogging tips then you can create sneeze page like:

          1. Blogging Tips For Beginners  
          2. Best Of Blogging
          3. Step By Step Guide Of Blogging
          4. Beginners Guide For Bloggers

          If you not created sneeze page yet then create it now. it will helps you to drive more traffic and you will get more readers for your blog.

          #3 Email Marketing:

           

          If you want to make money fast through blogging, all you have to do build a huge email newsletter list. and this is not easy task for newbies but you can use some tricks to gain more email subscribers.

          How you will grow your email list ?

          • Sidebar Email Subscription Box - Sidebar of the blog is eye catching and most clicked place to add email subscription box, if your articles are worth reading then readers would like to subscribe your blog to get updates.
          • Hello Bar - The Hello Bar is a notification bar which helps you to grow your email list in short period of time, so I recommend you Hello Bar. after trying it I am sure you'll never think about removing that plugin from your site. 
          • Give An Free Product - As we all know giving away something for free is one of the great way to capture lots off email subscribers.you just have to create a product which will helpful for your readers like ebook, themes etc. and leave it free for your readers and get email in exchange of that product. 
          • Email Subscription Box Below Post : Add email subscription box at end of every blog post its very effective way to get more email subscribers easily.

            #4 Eye-Catching Title:

             
            The most important aspect of targeting visitors for your blog is post title. so you should write Eye-catching blog post titles to increase CTR (click through rate).

            Readers are very smart, they know! where to spend their valuable time. so they will visit your page if post heading is click-worthy.  

            Here are few tips to keep in mind when writing a eye-catching titles:

            • Make it clear - Blog visitor should know what your post is about actually, when he catching your blog post title. so make simple and clear.
            • Include Numbers - Include numbers at the beginning of the title , this is a great way to increase click-through rate on your blog.
            • Add Benefits - What does the reader will get from reading this post? add benefit of your post in title.
            • Ask Questions To Readers - Add question in your post title. it will generate curiosity in peoples mind to learn more about that topic.

            #5 Write Quality Contents:  


            There are a ton of content writers out there in the blogging industry who spend hours if not a days to write high quality contents.  

            Why?

            Because they know how difficult to get loyal readers for blog and once they failed to provide quality contents to readers, they will loose many loyal readers and they can't get him back to their blog.  

            So now you can understand writing quality contents is how much important for you and your readers. 

            How to write good quality contents?

            • Do Research - When I writing blog post, I always open up lot off tabs in my browser to cover my article deeply. So always do research on the topic that you want to cover.
            • Connect With Readers - Connect with your blog readers and ask them what I have missed in this article, they will help you to find out the weakness of your article.
            • Avoid Plagiarism - Don't try to copy contents. write your own unique contents. it take some time but you will get many loyal readers.
            • Improve Writing Skill - Write article in a way that peoples wants to read it completely. So improve your writing skills and catch your favorite blogger writing style.

            Also Read: 7 Sure Shot Ways To Get High Quality Backlinks To Your Blog

             

            #5  Blog Design:


            Want to make your first time visitor become regular visitor? if yes! then you should spend some time on your blog design to attract visitors. 

            If you have not a skill of blog designing or don't know how to design then don't worry ! there are several sites provides high quality professional looking themes and templates.

            You can use free themes/templates or spend a few dollars to purchase it.

            Here is some blog designing tips to make your blog look cool :  

            • Simplicity - Keep your blog design as simple as possible. it helps readers to easily navigate any information easily.
            • Logo Design - Make sure that your designed logo suits with your blog design.
            • Get Design Ideas - Before choosing colors, backgrounds, fonts take a look on other well designed sites and get some ideas from their site.
            • Add Important Widgets - Add some most important widgets on your blog like Author Box widget, Social, Popular posts. recent posts, email subscription box etc. but make sure that you aren't using fancy widgets on your blog.

             

             Conclusion:


            It’s not easy to keep visitors for a longer time on a blog, but with a little hard work, optimization, marketing techniques you can trigger blog readers in just few months weeks. 

            What other tricks do you use to keep your visitors longer on your blog?Leave your questions and comments in the comment box below and if there is anything that I’ve missed in this article letting me know.

            3D Menu For Blogger

            3D menu for blogger | 101helper blogger menus

            In my recent post I have shared floating vertical menu for blogger and before that I have shared many type of menus which are stylish, useful, responsive and easy to use. All blogger menus are shared to help those blogger who don't know how to add a menu in blogger as blogger doesn't provide any option to add a menu directly so blogger have to add menu from other sites, so here almost any kind of can be found and added to blog by following step by step tutorial. After sharing different menus I am going to share a new, unique, responsive and neat menu.

            Continue reading »

            Sabtu, 17 Januari 2015

            Floating Vertical Menu For Blogger

            Floating vertical menu for blogger | 101Helper blogger menus

            A good and clear navigation is very important for a blog's popularity and Seo. A blog having clear navigation has more traffic than the blog having a unclear navigation because the visitors which visits blogs for desired content are unable to find it. Navigation is not just about having categories for content or having a sitemap but a menu also plays an important role in a blog's navigation. since blogger hasn't provided any option to add a menu directly like wordpress and other sites therefore blogger have to add it from other sites. We can find a number of sites across internet which provides menus for free but most of these menus are either not working in blogger or are very difficult to use specially for beginner it is very difficult to add a menu in blogger.

            Continue reading »

            Senin, 12 Januari 2015

            Using the AdSense Access and Authorization Feature

            It is amazing when you see a webmaster using a blogspot blog stealing an AdSense Java Script Code and using it on their website. They will usually keep your unique publisher ID while showing ads from your account. While their action may be unintentional in terms of them not caring which ID that they use, the net effect is that you are now involved in their illegal action.

            Whatever their reason for doing so, once they are caught and banned for using illegal and plagiarized materials, chances are that Google will also ban your Adsense account as well because it violates the terms of service and the program polices even though you may not have been aware that this happened to you. It doesn't really matter to Google because they see your unique publisher ID and assume that it is you posting the illegal materials.

            In addition, there are websites that also use the iFrame HTML program that will embed to the post and pages of your website as well. This means that you are now violating the Terms of Services as well as the Program Policies because they are showing the AdSense ads inside an iFrame which is forbidden. Again, because it is your website, Google will assume that it is you unless you can take appropriate action.

            While this may seem unfair, it must be noted that Google has recognized the practices of others in using the websites and unique publisher ID, so they have developed a new feature called "Access and Authorization" that you can find within the dashboard of AdSense. It is here that you can only allow certain sites to show ads for your account and not have to worry about getting punished for something that you did not do.

            Access and Authorization Usage

            You will need to log into your AdSense account and then proceed to "Site Authorization" which will then let you check the mark to allow only certain ads to be shown for your account. When you check the box that allows only certain sites, it will ask you which domains that you are allowing to show on your website and what has permission to use your ad code:

            access and authorization

            Here, you will need to type in all the websites or domains that you have granted permission and save the changes you have made by clicking the "Save" button. While it may be tempting to not list any, you will need to list the following in order to fully comply with the request and not create any more confusion:

            - Your Domains: Any domains and sub-domains that you own where you want to monetize them with AdSense.
            - Country Specific TLDs: Basically, any country-specific TLDs of Google will need to be included as well, for example a .blogspot.com blog (see the screenshot below). To find a complete list of all Google domains, click HERE.
            - Translate Site: If some of your customers are using translation sites to visit your website, then you'll want to at least include the major ones such as Google Translate and others. You can find a list of the major ones or stick to Google if you like.
            - Yahoo & Bing Domains and Sub-Domains: Wherever your articles are being read, you'll need to include these sites as well.
            - Articles: If you are using articles from other websites that have your ad code and you have promised to share your AdSense revenue with the parties involved, then you will need to enter all of the article URL codes separately in order to make sure that they are authorized.


            If you were to use a domain name that is not on your list of authorized websites, but it does use your ad code, then you will see alerts on your dashboard to notify you. If these are legitimate sites that you want to use your ad code, but simply did not put them on the list you can do so thanks to the warning provided on your dashboard:
            We've noticed your ad code has appeared on websites you haven't authorized. To avoid lost revenue, make sure to authorize any sites you own to display ads by visiting your account settings.
            However, if these sites are not authorized, then you can feel comfortable by ensuring that their domain is not on your list and Google will not punish you for the theft by others.

            Also, keep in mind that any domain name that is using your ad code and is not authorized will remain in place and not generate any money for you. So, you cannot profit by the theft of others even when they are using your ad code. While this may seem unfair in a sense, the way the process works does keep your website from being punished for what someone else has done.

            Additional Notes for Using Access and Authorization on AdSense

            There are a number of things that you will need to be aware of when using this particular program. First, be sure that you check it frequently so that you can catch any warning early on. You only need to sign into your account and check the dashboard where the authorization is located. By checking frequently, you can catch those who are authorized and add them to your account.

            Remember that any partner websites of Adsense such as youtube.com, blogspot.com, blogger.com etc. are fully authorized to show your ads without having to add them to your account listing. All partner websites of AdSense qualify, so you only need to restrict yourself to the sites that are outside that particular area.

            When you add a domain to your list of sites that are authorized to use your ad code, they will automatically be added to your list of sites that you own as well. This means that you don't have to add them twice and can limit your efforts to just the first authorization part.

            You'll want to use this feature in order to avoid any misunderstanding and especially to avoid being punished for something that you did not do. However, you'll need to prepare a bit before entering all of the applicable domains that can use your ad code. By taking a little time and going over all the places where they appear, you can add them in and get the greatest benefit from this particular feature of AdSense.

            If you have any more questions, you might also try posting them here in the Adsense help forums.

            Sabtu, 10 Januari 2015

            How To Delete A Blog Permanently In Blogger

            How to delete a blog permanently in blogger | 101helper

            Do you have so many blogs? and some of them aren't useful for you and you want to get rid of them? Why don't you delete them? but how? if the same questions are in your mind and you are searching for how to delete my useless blogs then you are at right place. In this tutorial I will show you how can you delete a blog and also a trick to delete it permanently from your blogger account. If you are searching for how to delete a blog on blogger permanently then you must have found so many blogs having posts with title how to delete a blog permanently in blogger but only few of them really works and majority are fake. Since blogger doesn't provide any option to delete a blog permanently therefore we have to use a trick, I will show you that trick in this post but before that I will show you how to delete a blog in blogger.
            Continue reading »

            Rabu, 07 Januari 2015

            Accordion Menus With Different Styles For Blogger


            Recently I have shared Stitched ribbon menu in different styles and before that I have shared many types of menus like horizontal responsive jquery menu, vertical responsive jquery menu etc because a menu is very important for a clear navigation and for a blog's traffic because search engines like only these blogs and websites which have clear navigation. A blog with clear navigation also helps users to reach the content easily which they are looking for and it has a good traffic too. Though blogger is a good platform to create a free website/blog and it has many features but the only problem with blogger is it doesn't have menus and some other basic gadgets like related post gadget, follow buttons etc so if a blogger wish to have a menu in his blog he have to get it from other websites.
            Continue reading »