Horizontal Scrolling Menu For Blogger Mobile Site

Mobile screen being small can't hold a wide horizontal menu so people add vertical menu for mobile site specially bloggers do so but there is a simple way of install a horizontal menu in blogger mobile site that is making a scrollable menu so it will show some tabs of the menu and others can be seen by touching and scrolling. As you know that almost everyone is now using a touch screen mobile so it is a good menu for your mobile site. So in this post I am going to share 4 different types of horizontal scrolling menus. Follow below steps to add any of the menu in your blog's mobile site.

Live Demo (Open In Mobile For Best Experience)

How To Add Horizontal Scrolling Menu For Blogger Mobile Site?

Step 1: Go to blogger and open Layout.

Step 2: Add a gadget just above your "Blog Posts Gadget" as shown in below image and click on Html/Javascript.

Note: If you are not able to add gadget above Blog Posts then simply add it in sidebar and drag it above Blog Posts because its important to keep it there

Step 3: Copy code of desired menu from below and paste it into Html/Javascript window you just opened in step 2.

Simple Scrollable Nav Without Logo.

<style>
.nav-scroll {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
    position: relative;
}
.nav-scroll a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
.nav-scroll a:hover {
    background-color: #777;
}
</style>
<div class="nav-scroll">
  <a href="https://www.blogger.com">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="#support">Support</a>
  <a href="#blog">Blog</a>
  <a href="#tools">Tools</a>
  <a href="#base">Base</a>
  <a href="#custom">Custom</a>
  <a href="#more">More</a>
  <a href="#logo">Logo</a>
  <a href="#friends">Friends</a>
  <a href="#partners">Partners</a>
  <a href="#people">People</a>
  <a href="#work">Work</a>
</div>

Horizontal Scroll Nav With Scrollable Logo.

<style>
.nav-scroll {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
    position: relative;
}
.nav-scroll a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
.nav-scroll a:hover {
    background-color: #777;
}
.nav-scroll img {
    width: 100px;
    float: left;
    height: 48px;
    background: #fff;
}
</style>
<div class="nav-scroll">
<img alt="logo" src="https://www.servicetrade.com/wp-content/uploads/2016/04/your-logo-here.png"/>
  <a href="https://www.blogger.com">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="#support">Support</a>
  <a href="#blog">Blog</a>
  <a href="#tools">Tools</a>
  <a href="#base">Base</a>
  <a href="#custom">Custom</a>
  <a href="#more">More</a>
  <a href="#logo">Logo</a>
  <a href="#friends">Friends</a>
  <a href="#partners">Partners</a>
  <a href="#people">People</a>
  <a href="#work">Work</a>
</div>


Horizontal Scroll Nav With Fixed Logo On Left.

<div class="nav-mob">
<img alt="brand" id="brand" src="https://www.servicetrade.com/wp-content/uploads/2016/04/your-logo-here.png"/>
<div class="nav-scroll">
  <a href="https://www.blogger.com">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="#support">Support</a>
  <a href="#blog">Blog</a>
  <a href="#tools">Tools</a>
  <a href="#base">Base</a>
  <a href="#custom">Custom</a>
  <a href="#more">More</a>
  <a href="#logo">Logo</a>
  <a href="#friends">Friends</a>
  <a href="#partners">Partners</a>
  <a href="#people">People</a>
  <a href="#work">Work</a>
</div></div>
<style>
#brand {
    position: static;
    float: left;
    width: 105px;
    height: 50px
}
.nav-scroll {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
    position: relative
}
.nav-scroll a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none
}
.nav-scroll a:hover {
    background-color: #777;
}
.nav-scroll img {
    width: 100px;
    float: left;
    height: 48px;
    background: #fff
}
.nav-mob {
    position: relative;
}
</style>



Horizontal Scroll Nav With Fixed Logo On Top.

<div class="nav-mob">
<div id="slogo">
<img alt="logo" src="https://www.servicetrade.com/wp-content/uploads/2016/04/your-logo-here.png" /></div>
<div class="nav-scroll">
  <a href="https://www.blogger.com">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="#support">Support</a>
  <a href="#blog">Blog</a>
  <a href="#tools">Tools</a>
  <a href="#base">Base</a>
  <a href="#custom">Custom</a>
  <a href="#more">More</a>
  <a href="#logo">Logo</a>
  <a href="#friends">Friends</a>
  <a href="#partners">Partners</a>
  <a href="#people">People</a>
  <a href="#work">Work</a>
</div></div>
<style>
.nav-mob {
    position: relative;
}
#slogo img {
    float: none;
width:100px
}
#slogo {
    position: static;
    width: 100%;
    text-align: center;
    padding: 2px 0px;
    background: #eaeaea
}
.nav-scroll {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
    position: relative
}
.nav-scroll a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none
}
.nav-scroll a:hover {
    background-color: #777
}
.nav-scroll img {
    width: 100px;
    float: left;
    height: 48px;
    background: #fff
}
</style>

Step 4: Save the gadget and note its ID or name it so that you can find it in your template for next steps.

Read: How To Find ID Of A Widget In Blogger

Step 5: Go to template and click on Edit Html.

Step 6: Find your "Mobile Nav Gadget" in your template you just added in above steps with the help of its ID or name using Ctrl + F on your keyboard. You can directly jump to your gadget also.

Step 7: After finding the gadget copy below piece of code and paste it after locked='false' as shown in below image:

mobile="only"

Step 8: Save your template and again go to Blogger > Template > Mobile.

Step 9: Change Default template to Custom and click on Save.

That's it. Now open your mobile site in your mobile to see your menu working.

I hope you liked this tutorial, for more menu tutorials go to Blogger menus

Thanks for visiting 101Helper, Share this tutorial with others.

Search Keywords: Horizontal Scrolling Menu For Blogger Mobile Site, menu for blogger mobile site,pure css menu for blogspot blog,how to add css,javascript menu in blogger mobile view,101helper menus for blogger,blogging tutorials.

How To Add HTML Tables In Blogger Posts

HTML tables are simple tables which gives a summery of something and are mostly used by those bloggers who own blogs about money so they show there content e.g info about ad networks in the form of tables. But not all bloggers know how to add HTML tables in blog posts and blogger does not have any option to create HTML tables so it can be added only manually. And that's actually the reason of writing this post. In this post I will share with you how to create an HTML table and add it in your blog posts. I will show you only simple one because there are a number of types of HTML tables and I can't share each and every type of HTML table so I will share a simple HTML table with text Like this!. So lets get started!

How To Add HTML Table In Blogger Posts?

Step 1: Copy code of HTML table from below:

<style>
#mytable{
width:100%
}
#mytable, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
#mytable th, #mytable td {
    padding: 5px;
    text-align: left;
}
</style>
<table id="mytable">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

Step 2: Go to blogger > Posts > Edit a post Or Create a new post.

Step 3: Switch to Html view of the post editor and paste the copied code after a certain text or in the beginning of the post or after an image, where ever you want to show your HTML table in the post.

Step 4: Make changes according to your choices and publish your post to see your HTML table.

Understanding The HTML Table Code:

After adding above code for HTML Table, you need to make changes in the text and the table code and for that you need to understand the code because without it you can't add a new row in your table and can't add custom info in the rows and columns of your table. so read out below to know what the code is doing.

Here is the CSS code of your table:

<style>
#mytable{
width:100%
}
#mytable, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
#mytable th, #mytable td {
    padding: 5px;
    text-align: left;
}
</style>

It gives your table the borders for each row and column and if you want, you can add your own decorations to your table for example to add a background color you need to add this:

background: yellow;

You have to add above piece of code in this part of code:

#mytable{
width:100%;
background: yellow;
}

Now its time to make changes in the info which is added in your table's row and columns. Here is the overall code for your table:

<table id="mytable">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

In this code blue one is the first row of your table, orange is the second, green is the third and yellow is the fourth row of your table. Now you can change text according to your choices.

To add a new row you need to add a simple piece of code below the yellow one, here is the simple piece of code that is need to be added for new row:

<tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>

For more HTML tables visit w3schools. Or search for online HTML table generator and create one for you.

I hope you found this post helpful. If you have any question ask me in comments or contact me. Thanks for visiting 101Helper.

Search Keywords: How to add HTML Table in blogger posts, html tables with rows and columns for blogger, how to add html table in blogger with CSS style, show content in table form in blogger posts.

How To Start Blogging - Full Guide To Become A ProBlogger

There is nothing new which I am going to tell you about blogging in this post. Its just a path for those who are new to blogging and in this post I will tell you how to start blogging, how to build audience, how to choose niche for your blog, how to get your blog on search engines, how to start earning and how to become a professional blogger. So we have following topics in this post.

Topics(You Can Jump To Certain Topic By Clicking On It):

1. How to choose niche / Topic for my blog?

2. What should I choose as blogging platform(Wordpress Or Blogger)?

3. How to create / start a blog ?

4. How to build audience for my blog ?

- Social audience

- Webmaster tools

- Search engine optimization

- Email audience

5. How to earn money from my blog ?

6. How to upgrade my blog to domain ?

1. How to choose niche / Topic for my blog?

Choosing a niche for your blog is actually the base on which your blog will stand. In case of any mistake you can't be a successful blogger. So before creating a blog you need to decide what you should blog about.

To choose a niche for your blog first you need to search what trending on internet or blog about what you know. For example if you know about how to make money online, start blogging about it. It will surely bring you a big audience. Furthermore if you know about cooking then you can start blogging about cooking and share your recipes with others.

Also if you know about programming you can start a blog about it. But the thing is you must know about the thing about which you are going to start blogging.

So the bottom line is start blogging about something you know or what is trending but first know about it.

2. What should I choose as blogging platform(Wordpress Or Blogger)

Before we judge whether we choose wordpress or blogger for blogging let me share features of both:

Features of blogger:

• The first feature of blogger is overview where you can see latest updates of your blog such as comments, today page views, total posts, followers and a graph which shows your traffic stats.
• The second one is post where you can see how many posts are in draft or published. You can edit them here.
• After posts other option is comments which shows you how many comments you have approved to show and how many are spam.
• The fourth is Google+ where you can manage where to share your updates whether on your on profile or any page you created on Google+.
• After Google+ there is another option of stats which describes your blog's traffic briefly. It shows today's traffic, yesterday's traffic, Last month page views, all the time traffic, countries of visitors, the pages they have visited and traffic sources.
• Other option is earnings, if you have a Google AdSense account your earnings will show up here.
• A new feature is also added which is campaigns where you can create ads of your posts which will show up in Google searches. It is very easy way to increase your blog traffic but its worth.
• After campaigns there is a layout option where you can change favicon of your blog, select a navigation bar, add description,title or image to header, edit blog posts settings and add or remove a gadget to your blog. 
• After layout there is Template option with which you can customize or edit your blog template and can choose another template for your blog.
• After all options there is a last and very important option of settings which helps you to control posts and comments settings, basic settings, search preferences, language, time zone, date and other.

Features of Wordpress:

• Build a blog, a full website, or a combo. Personal blog, portfolio, business site — it’s up to you.
• Start free. Upgrade for advanced customizing or business tools. Or stay free!
• Add a custom domain to carve out your own space on the web, and manage it right from WordPress.com.
• Over 25% of the web runs on WordPress. WordPress.com is home to everyone from brand-new bloggers to Time, CNN, TechCrunch, and more.
• Choose from hundreds of customizable themes, with new additions weekly.
• Create a mobile-friendly site with a click, or choose from a wide selection of responsive themes that look great everywhere.
• Get friendly, expert help — our team of Happiness Engineers is standing by.
• Support is available 24-7 via email and our community forums. For folks with an upgraded plan, Happiness Engineers are available via live chat for real-time assistance.
• Wordpress's editor is fast, intuitive, and saves your work every few seconds, so you never miss a word.
• Drag-and-drop images into posts and pages. Create designer-worthy photo galleries. Embed audio, video, and more.
• Update your site from anywhere with mobile and desktop apps for iOS, Android, Mac, Windows, and Linux systems.
• Whatever you create on WordPress.com is yours alone. Export your content at any time
• Automatically send new posts to Twitter, Facebook, and more, and add social tools to help readers share their favorites.
• Make it easy for new fans to find you with built-in SEO. All you have to do is publish.
• Learn more about your visitors — where they’re from, what they read, when they visit — with rich, easy-to-read stats.

All the above features are from wordpress.

But In my opinion blogger is better than wordpress. So I would prefer blogger to wordpress because of its easy interface and so much popularity.

3. How to create / start a blog ?

Its very easy to start a blog using blogger. All you need is a gmail account. Here are the steps to create your first blog. You can watch a video too!

(1). Create a Gmail account first and build your profile.

(2). Now go to https://www.blogger.com and sign in to your account.

(3). After signing in you will see below page.

(4). Click New blog to create blog,when you click it a popup window will open as shown below.

(5). Now give a title to your blog which will be the name of your blog, and select a url or web link for it. Sometimes your desired urls are not available. Take care of having a title similar to blog's url as it will be helpful for seo( search engine optimization). For example your blog's title is 101Helper then select a similar link as I selected https://www.101helper.blogspot.com

(6). Below the Address option you can see Template which means how your blog will look? there are many templates such as simple, Dynamic, picture windows, Awesome inc, Travel etc. Select one of them which you like, I prefer simple as it looks good.

(7). After filling and selecting your choices click Create blog! Congratulations! your blog is created and ready to use.

4. How to build audience for my blog ?

This is the hard part of blogging because no matter how useful your content is, how meaningful posts are you writing, how better are your writing skills, you can't build a big audience is a day or in a month because it may take a month, 6 months or a whole year. Because building audience doesn't entirely depend on your content because even if you have golden content in your blog you can never get big audience until your posts are social, bookmarked, indexed in search engine results.

So to get a big audience you need to do following things.

- Social audience

To build social audience you need a platform so create a Facebook page, Twitter profile, Google+ page and other social profile if you need them.

After creating your profiles on social networks, share every post of your blog on your social profiles and ask your visitors to like your page, follow you on twitter or Google+ or Pinterest.

You can use gadgets for this, here are some which can bring you followers which really want to read your blog posts.

For Facebook Likes:

➥ Facebook Pop-up Like Box With Lightbox For Blogger

➥ How To Add Facebook Page Plugin/Like Box In Blogger

➥ Animated Slideout Facebook Follow/like Box For Blogger

➥ How To Add Pop Up Page Take Over Follow Buttons In Blogger


For Twitter Followers:

➥ How To Add Twitter Follow Box In Blogger Blog

➥ How To Add Pop Up Page Take Over Follow Buttons In Blogger

➥ Twitter Flying Bird For Blogger

For Google+ Followers:

You can generate your own Google+ follow button as well as you can add Google+ Follow box in your layout.

➥ How To Create Google+ Page And Connect It To Blogger

➥ Social Follow Box Slider Widget For Blogger

For more follow buttons, follow boxes you can search 101Helper!

- Webmaster tools

Webmaster tools are really really important to build a big audience because it is the way by which you tell search engines to send there robots to your blog, scan your site, get your post titles, description, images and links and show them in the search results when a proper keyword is searched by someone.

Here is a picture which will tell you what actually webmaster tools are.

So after creating your blog your first step should be submitting your blog's sitemap to all webmaster tools e.g Google, Bing and Yandex.

Here are some posts that you might like to read:

➥ How To Blogger Sitemap To Google Webmaster Tools

➥ How To Submit Blogger Sitemap To Bing Webmaster Tools

➥ How To Submit Blogger Sitemap To Yandex

- Search engine optimization

After submitting your site to webmaster tools you need to optmize your posts and blog for search engines. Get a seo friendly template for your blog and install it or read out search engine optimizations tutorials to make your blog ready for search engines.

➥ Blogger Seo Tutorals

- Email audience

Growing your email subscribers list can increase your blog's traffic and also promotes your blog. So you should have a feed burner's feed for your site or you can use MailChimp for your blog and send your subscribers emails about your new posts. Here are some posts that I want you to read for email audience.

➥ How To Set Up An Rss Feed For Your Blogger Blog

Later, after setting RSS feed for your blog, you can let your visitors to subscribe to your news letter for new posts.

➥ Email Subscription Widget With Follow Buttons For Blogger

➥ How To Add E-mail Subscription Gadget In Blogger

5. How to earn money from my blog ?

Well most of blogger start blogging just to earn money but I recommend not to add a single ad in your blog until you have at least 150 page views per day because if you have less traffic but still you have ads on your blog, you will not earn good and this will decrease your interest in blogging and at a time you will quite blogging because you will start thinking its a waste of time. So I advice you not to add ads in your blog until you get 150 page views per day.

And after having atleast 150 page views per day you can start earning money from your blog. But the point is "Traffic is money" so never place pop up ads because people never visit a blog which have so many pop up ads. You can install interstitial ads and slider ads etc.

To start earning money read:

➥ How To Earn Money From Blogger Blog

For more tutorials about money go here

6. How to upgrade my blog to domain ?

Every blogger has a question when he is having success in blogging that "should I upgrade to a domain ?" because most of bloggers think that after upgrading to a domain you can get more traffic and earn more money but this is a wrong concept so the answer is obvious that if your blog is doing well don't upgrade and if you are going to upgrade then start from a domain, don't start blog because the time that you spent on your blog is wasted when you upgrade to domain because you have backlinks from other blogs and social networks and all these are not wasted but they are not of that value that would be when you have a blog not domain.

So in my opinion I advice you to avoid upgrading. But if you still want to upgrade to a domain, follow any of the tutorial on other blogs.

I hope you like this post and you found what you came for. If you have any problem or something is missing in this post you can share it with me in comments below or by contacting me.

Thanks for visiting 101Helper. Share this post with your friends and other bloggers.

Search keywords: How to start a blog, how to create a blog, blogger or wordpress benefits,how to start blogging steps,how to create a free website, how to become a problogger,newbies to blogging,blogger guide,how to use blogspot.

5 Best Pay Per Click(PPC) Ad Networks For Publishers & Bloggers

Although I usually don't write about best ad networks for publishers because everybody has its own opinion about ad networks, some like PPC ad networks and some like eCPM ad networks and some like both, but actually everybody is concerned with the rates and payouts. In my opinion PPC ad networks are better but if you get enough clicks on your ads but eCPM is also good if you have a good traffic.

So in this post I am going to share 5 best PPC (Pay Per Click) ad neworks with you.

1. Adhitz

Adhitz is number 1 because it has a high rate for many countries like US, UK, Canada, Germany and many more. Ads are well optimized and doesn't effect page loading speed unless page is overloaded by many ads. Adhitz allows only 4 ads per page. Also both image and text ads are available.

Although adhitz comes on number in best PPC ad-networks but its payout threshold is high thats why it is not liked by all publishers and bloggers. Another bad thing about adhitz is that its not available in some countries like Nigeria.

Payment Methods:

1. Paypal - $25
2. Payza - $50

Also payout fee is also applicable which is $1.50 so if you have $25 in your account and you are going to request for a payout, you will get $23.50 in your account.

Ad types:

Adhitz have both image and text ads for publishers and advertisers.

Don't miss >> How To Earn Money From Adhitz In Blogger

2. BitVertiser

BitVertiser is also a PPC ad network. But like Adhitz it doesn't only allow text and image ads but Pop-Ups too. It is easy to get approval, no minimum traffic needed, no domain required. Also BitVertiser allow you to refer other publishers and advertisers to double or triple your earnings.

Ad types:                     Payment Methods:

- Pop Up ads                            - Paypal ($10)
- Image ads.
- Text Ads.



3. Propeller Ads

Payment Methods:

$100 Via Wire Transfer, Payoneer, Payza.

Ad Types:

OnClick Ads, Video Ads, Mobile Ads on CPM, CPA, CPL and CPC bases.

4. Revenuehits

Revenuehits also pays for clicks. And its easy to get clicks on revenuehits ads because revenue hits have pop-ups as well as mobile dialog ads. Particularly mobile ads get more clicks and become reason for good earnings so I recommend you to add revenuehits mobile ads.

Payment Methods:

- Paypal ($20)
- Payoneer ($20)
- Wire ($500)

Ad Types:

Display Ads, Text Ads, Pop up/under, Bounce ads

Don't Miss >> How To Earn Money With Revenue Hits In Blogger



5. Clicksor:

Minimum Payout:

$50 through check or PayPal.

Ad Types:

In-text and contextual banner ads, Pop under and other text based ads.


Other PPC(Pay Per Click) Ad Networks:

- Google Adsense.
- Media.Net Ads.
- Yahoo! Gemini Ads.
- Infolinks.
- Adseterra.
- Adblade.
- Adcash.
- Adclickmedia.

And many more...

Some of the above ad networks are hard to get approval.

I hope you found this post helpful. If not or you have any suggestion you can leave a comment below. Share it with others and help us spread 101Helper.

Thanks for visiting.

❤ Happy Blogging !

Search keywords: PPC ad networks, pay per click ads for blogger,best ppc ad networks for publishers,5  Best (PPC)Pay Per Click Ad Networks For Publishers & Bloggers,ppc ad networks review 2016,101helper earn money blogging.

List Of Dofollow Directories And Social Networks For Backlinks

Its always a problem for bloggers to get Dofollow backlinks because there are only a few websites and blogs that allow dofollow backlinks. So bloggers usually start guest blogging which is a great way to get dofollow backlinks. But the problem is not everyone can guest blog and there are not too many blogs and website which allow or accept guest posts. So I brought you lists of social networks and online directories where you can submit your website or blog links and ultimately improve your blog or site rank within a week. Remember that there is no way to get thousands of backlinks with good page rank in a minute or in an hour, so you need to submit your site to all the directories and social networks manually and one by one.

Though, if you want you can submit your site or blog to about +30 directories and all domains of Google bu using Link Submitter in our SEO TOOLS.

Dofollow Directories List

       

Directory URL	Page Rank
http://freetrialcc.com	8
http://urldirecting.com	8
http://www.highrankdirectory.com	7
http://www.sitepromotiondirectory.com	7
http://www.abc-directory.com	7
http://ecesummit.com	7
http://www.multiele.com	7
http://www.digitalfree.net	7
http://www.nbrooks.me	7
http://www.viyeu.asia	7
http://www.boltsa.org	7
http://www.siteswebdirectory.com	6
http://www.marketinginternetdirectory.com	6
http://www.usalistingdirectory.com	6
http://www.dizila.com	6
http://www.ukinternetdirectory.net	6
http://www.gmawebdirectory.com	6
http://promotebusinessdirectory.com	6
http://usgeo.org	6
http://thefocus.org	6
http://ourss.org	6
http://www.vip7star.com	6
http://www.pjcg.net	6
http://kul.li	6
http://a1webdirectory.org	5
http://www.somuch.com	5
http://www.jayde.com	5
http://obln.org	5
http://www.splut.com	5
http://lignol.net	5
http://bellesa.me	5
http://www.gainweb.org	4
http://www.1websdirectory.com	4
http://www.247webdirectory.com	4
http://www.onlinesociety.org	4
http://www.w3catalog.com	4
http://www.nonar.com	4
http://www.submitlinkurl.com	4
http://www.picktu.com	4
http://9sites.net	4
http://www.prolinkdirectory.com	4
http://ananar.com	4
http://www.acewebdirectory.com	4
http://www.happal.com	4
http://www.momsdirectory.net	4
http://www.livepopular.com	4
http://addbusiness.net	4
http://baikalglobal.com	4
http://www.directory-free.com	4
http://pegasusdirectory.com	4
http://bedwan.com	4
http://www.tsection.com	4

PARTNER CONTENT

Your post title goes here

http://www.yoursite.com

About!

Dofollow Social Networks List

Social Networks	Page Rank
https://plus.google.com/	9
http://www.pinterest.com/	9
http://www.reddit.com/	8
https://delicious.com/	8
http://www.stumbleupon.com/	8
https://www.tumblr.com/	8
http://www.fark.com/	7
http://www.scoop.it/	7
http://slashdot.org/	7
http://www.bibsonomy.org/	7
http://www.diigo.com	7
http://www.webseoexpertservices.com/	7
http://www.newsvine.com/	7
http://blinklist.com	6
http://www.dzone.com/	6
http://www.folkd.com/	6
http://www.bizsugar.com/	5
http://www.arizonavalueshuttle.org	5
http://www.iesa.co	5
http://youmob.com/	4
http://qqpipi.com/	4
http://aixindashi.org	4
http://www.careep.org/	4
http://www.activaging.org/	4
http://registertovotetoday.com	4
http://www.activaging.org	4
http://www.careep.org	4
http://www.digitalnatives.co/	4
http://www.gpone.info	4
http://www.ptquiz.com	4
http://www.usefulenglish.net	4
http://www.airpim.biz/	4
www.youmob.com	4
http://www.bookmark4you.com/	4
http://blokube.com/	3
http://aperfectimage.info/	3
http://cabaneduvelan.info	3
http://bestouyagames.info/	3
http://bynu.info/	3
http://chaoticcoding.info/	3
http://cocosislandsnews.info	3
http://desert-dwellers.info/	3
http://guter-punkt.info/	3
http://jayrigby.info	3
http://jazbomb.info	3
http://jordaninfo.info	3
http://punteglias.info/	3
http://midascareteam.info	3
http://saintpierreandmiquelonnews.info	3
http://salbithuette.info/	3
http://sendgift.info/	3
http://wildernessact.info	3
http://www.emolinks.com	3
http://skinnybikiniswimwear.info	3
http://theineptowl.info/	3
http://yemle.com	3
http://x-drl.info/	3
http://www.yemle.com/	3
http://freeticketopen.com/	3
http://www.akonter.com/	2
http://www.indofeed.com/	2
http://www.addthismark.com/	2
http://3-peace.info/	2
http://addthismark.com/	2
http://epinex.biz/	2
http://transd.info/	2
http://what-is-internet.info	2
http://www.braniewo.net/	2
http://www.postolia.com/	2
http://milocalbuilder.com/	2
http://www.indofeed.com/	2
http://sociopost.com/	2
bookmarkindonesia.com	2
http://www.sociopost.com/	2
http://6buk.com/	1
http://coolpot.com/	1
http://www.freesbmblog.info/	1
http://www.socialbookmarknow.info/	1
http://www.bookmarkinghost.info/	1
http://www.followmenow.info/	1
http://www.votetags.info/	1
http://www.onlinewebmarks.com/	1
http://www.greateststory.info/	1
http://www.socialbookmarkzone.info/	1
http://www.a2zbookmarking.com/	1
http://www.bookmarkwiki.com/	1
http://www.newsciti.com/	1
http://www.bookmarkgroups.com/	1
http://www.a1bookmarks.com/	1
http://www.votetags.info/	1
http://www.bookmarkfeeds.com/	1
http://1look4.com/	1
http://bookmarkingbase.com/	1
http://www.popzu.com/	1
http://fortunetelleroracle.com/	1
http://www.windowly.com/	1
http://999central.com/	1
http://1look4.com/	1
http://bloggalot.com/	1
http://bookmarkbay.com	1
http://grupoprofesional.info/	1
http://sfcsf.org/	1
http://simitrustlaw.info/	1
http://www.sluft.com/	1
http://www.bookmarkfeed.com/	1
http://coolpot.com/	1
http://mettablog.com/	1
http://6buk.com/	1
http://social.wikitechguru.com/	1
http://www.freesbmblog.info/	1
http://www.bookmarkinghost.info/	1
http://www.followmenow.info/	1
http://www.socialbookmarknow.info/	1
http://www.greateststory.info/	1
http://www.sscaspirants.com/	1
http://www.fulldoze.com/	1
http://uslocalbusiness.com/	1
http://www.businesscyclone.com/	1
http://www.americansview.com/	1
http://www.uscommon.com/	1
http://www.watchdogarea.com/	1

If any link is not working, please help me know. If you know about any directory or social network which provide dofollow backlinks then please let me know. I hope you like this post and found it helpful. Share it with your friends!

Search Keywords: Top 10 Dofollow Social Media Sites For Backlinks, Dofollow Social Bookmarking Sites 2016, Top 10 Social Media Sites to Get Dofollow Links,get dofollow backlinks for blogger blog, how to get dofollow backlinks, pr 6,7,8,5,4,1,2 backlinks for websites,submit site to directories and social networks

How To Install "HotJar" Feedback Widget In Blogger

Most of blogger think why should I add a feedback widget in my blog, it is not of any use, it will slow down my site, I don't need it because i just own a blog not a big website so I don't need to get feedback of my visitors etc. But its absolutely wrong. Feedback widget is very important whether you own just a blog or a big website. Its because it will tell you about your blog's content, design and how users are experiencing your blog and how can you improve your blog's content and design if something is not liked by visitors.
Because your blog is for your visitors and they spend their time on your blog and visit your blog, its your responsibility to provide them such a good content and design that they never get any difficult and visit your blog again and again and also share it with others. But as I mentioned people will like your blog only when you improve your content, improve your design, improve user experience. And to improve your blog you need to know what are those things that are affecting your site and the only way to know that is to talk to your visitors because they know better than you about how they want the content to be and how the design should be.

So feedback widget is very very important to get feedback from your visitors and improve your site. So in this post I am going to show you how to install "HotJar" feedback widgets in blogger. And after installing this widget you will be able to get response from your visitors about your site and if there is something that is affecting your site you can fix it and improve your site.

First let me tell you something about Hotjar and after that I will show you how to use HotJar in your blog.

Plans And Pricing:

Starting with plans and pricing, HotJar allows your to upgrade to a plus or business account which starts from $29 to $89 but it also allow users to use their services for free within some limitations. You can read more about it in the image given below.

Features Of HotJar Widgets:

After discussing about plans and pricing,  let me tell you about features of HotJar widgets:

• It is available for free for small blogs and for big websites. Premium services are also available.
• With Real time analytics get responses from visitors in seconds.
• Easy to install, easy to use and easy to manage widgets.
• You can install both Feeback polls and Survey widgets.
• 100% customizable widgets. 
• No render scripts and doesn't affect site loading speed.
• Cookies managing.
• Optimized for mobile phones.
• Can be used for other platform like wordpress, Joomla, Weebly etc.
• Add more than one website per account.

How To Create A HotJar Account ?

STEP 1: Go to HotJar and click on Try it for free !

STEP 2: Fill in your Full name and Email address and click on Let's get started.

STEP 3: Type your password, make sure to use:

One lower character.
One UPPER character.
One special character e.g ! @ # $
One number.

And your password should be of 8 minimum characters.

STEP 4: Check the Terms and Conditions box and click on Next.

STEP 4: Select your roll as other and choose "NO" where you are asked "WILL YOU USE THIS ACCOUNT TO MANAGE CLIENTS ?" and finally type your blog's name and click on Next.

STEP 5: Type your blog or site URL and prove you are Human and Start using HotJar !

This was it. Now you can create your first feedback widget with HotJar. But its time to add the tracking code in your blog's template. So click on Copy To Clipboard and go to blogger > Template > Edit Html and just above <head/> paste the copied code.

Final Step! - Click on the green button shown in image image and Verify Installation.

How To Create Feedback Widget With HotJar For Blogger ?

Well its quite easy to use HotJar, though it seems difficult but its same as Addthis or Hellobar.

Follow below steps to create your first Feedback widget using HotJar.

STEP 1: Login to your HotJar account.

STEP 2: Click on Polls in the menu on left side.

STEP 3: Click on + New Poll button.

STEP 4: Type name of your Poll and click on Next.

STEP 5: Set Targeting Rules e.g on which devices you want to show your feedback widget and on which devices and pages you want to hide it.

For more specificity click on "On page I specify" and choose any option which you want. For instance if you want to hide your feedback widget in static pages e.g contact, about, sitemap then choose "URL CONTAINS" and after that type "/p" in the text box as shown in below image:

Click on the Next button to proceed...

STEP 6: Type a question which you want to ask your visitors. As an example I am asking "Was this post Helpful ?".

In the next question there are options which are asking for email address of visitors so that you can get back to them about the problem they are facing on your blog.

You can delete this question by clicking on the remove icon. You can also add more questions and options. You can see a live preview of your widget on the page.

After customizations proceed to next step by clicking on Done button.

STEP 7: Later steps are Appearance of your widget, Behavior of your widget and final one is to activate your widget. You can do these steps easily so I am not showing them here.

I hope you found this post helpful,  if you have any problem related to this post or other posts contact me or ask me in comments.

What Else Can You Do With HotJar ?

HotJar is not only a feedback plugin but you can do alot of other things with Hotjar. Here are the things which you can do with HotJar:

HeatMaps: Its definitely a new thing that you must haven't heard before. Heatmaps are actually a way to record where on your pages do visitors mostly click. So you can place your ads there.

Visitor's Screen Recording: Its also a new thing in the world of analytics and Google also do not allow you to record your visitor's screen. But its in a limit, you can record your visitor's only when they are on your blog or website. So you can see what they are doing on your site. You can use these recordings to improve your site as well as you can place your ads in the most clickable areas of your page. You can do alot of things with recordings.

Surveys: Its already mentioned above that with HotJar you can get survey from your visitors about anything. You just need to create your widget as you created by following above tutorial.

Forms: You can create forms with Hotjar too.

Don't miss: How To Design Contact Form For Blogger Contact Page

Recruiters: You can design and setup responsive forms and let your visitors to sign up in your website as an author or anything else.

Search Keywords: How to add feedback widget in blogger, how to add survey widget in blogger, how to record visitors screen, how to know where visitors click on your website page, how to track visitors click on page live, how to add hotjar plugin in blogger,101helper.