Sunday, December 27, 2015

How To Verify Your Site/Blogger Blog With Alexa

how to verify a site with alexa

Alexa is a site which keeps data of sites and blogs and give them a rank in that site's region and a Global rank which depends on its traffic, traffic sources, keywords used to reach that site etc in other words Alexa is rich of sites history. It tells people about how famous a site is that's why webmasters try to increase their site traffic and improve their Alexa rank to show people how popular their site is and it improves a site's impression too. But most of people who are not too friendly with site development and internet get confuse with how Alexa works which is very easy to understand. Alexa gets info from search engines and site analytics and show a rank on traffic and search analytics basis.

One more thing is webmasters want to show a desired country on Alexa rank page and don't know how to do that. Only a few know that it could be done by verifying a site with alexa. So in this post I will tell you how to verify your site with alexa. After verifying your site with Alexa you will get following things!
  • More accurate and clear analytics of your site e.g search keywords, traffic sources, daily time on page etc.
  • You can specify a site to be shown on rank page.
  • You can add info about your site e.g contact info, logo etc.

Follow: +101Helper On Google To Stay Up To Date!

How To Verify A Site With Alexa?

Follow below steps to get your site verified with Alexa!

Step 1: Create an Alexa account.

Step 2: Sign in to your account.

Step 3: Now go to http://www.alexa.com/siteowners/claim?ax_atid=7a1cf237-f464-4daf-98d6-50ef8b4072a0 to claim your site's ownership.

OR

If the above link is not working then follow below link but replace 101helpervideos.blogspot.com with your site url:

http://www.alexa.com/pro/subscription/claim?site=101helpervideos.blogspot.com

Step 5: Now you will be taken to a page where you have two methods to claim your site's ownership:
  1. Upload an Alexa verification file to your site's root directory.
  2. Add an Aelxa verification  ID to your homepage.
Click on the second one.


Step 6: Now copy your meta verification code.

Step 7: Go to blogger, navigate to template and click on Edit Html.

how to edit html in blogger

Step 8: Paste the copied verification code inside the <head> region of your template like this and click on save template:

alexa site verification blogger

Step 9: Now go back to the alexa verification page and click on Verify my ID.

how to verify a site with alexa blogger 101helper

That's it you will see Your site is successfully claimed.

Also Read: How To Improve Your Blog's Alexa Rank

How To Edit Your Site's Data In Alexa?

Follow below steps to edit your site's data in alexa!

Step 1: Go to Alexa and Login to your account if you are not already logged in.

Step 2: Go to Dashboard and hover Site Management beside site metrics and click on Edit Site Listing.

how to change country in alexa

Step 3: Fill out your site's info e.g: Your site's name, description, site's owner name, address, city, contact info etc.

how to verify blogger blog with alexa

Step 4: Choose a country of your rank, it will be shown in your site's info.

how to show your country in alexa

Step 5: Click on save changes and you are done!

Note: It will take about two days to update changes.

You can get more features like comparison between your site and other sites, adding your site's logo etc but for that you have to upgrade your account.

Thanks for visiting 101Helper. Follow and subscribe for more posts. Keep visiting us.

Search Tags: How to add site info in alexa, Improve Alexa rank, Show rank in your country in Alexa, 101 helper alexa rank tips, verify blogger blof with alexa, seo tips and tutorials for blogger 101helper.

Monday, December 21, 2015

How To Earn Money From Adhitz In Blogger

earn money blogging online from AdHitz

PPC(Pay Per Click) is the mostly wanted ad network because it pays for every click you get. Although every ad network say that they have ppc feature but only a few really have this great feature so publishers usually head to ppc ad networks to earn faster and better. One of the best PPC ad network is adhitz. It is online since 2009 and is operated by a well know ptc site, Clixense. It has different rates for different countries and image as well as text ad campaigns. One can earn much better with adhitz than anyother network. Adhitz pays very high rates so it wouldn't be wrong if i say that adhitz is better than Google adsense. Without any doubt Adsense really pay high rates but no one can fit in its criteria of ads placement. Because Google has mentioned in the ads placement policy that ads shouldn't be placed beside any download button, ads shouldn't be placed with a flash image because it grabs the users attention, ads can't be made floating on the page etc. So these rules make it too difficult to earn money from Google adsense because there is no way that you can make your visitors to click on your ads and in normal conditions nobody is going to click ads. Adhitz also has ads placement policy but it doesn't say that you can't place ads near a flash image or in a pop-up. So its easy to earn money with Adhitz.

This post is created to tell you how to earn money from Adhitz and it is also a review of Adhitz so here i will tell you about different countries click rates, Ad types, payment methods, how to register an adhitz account, and how to implement adhitz ads in blogger.

Payment Proof:

I recently cashed out $25 and I got my payment instantly, here is a screenshot of my Paypal account.

paypal-proof-adhitz-publisher-blogger-101helper

So it is proved that Adhitz is a trusted ad network.

Payment Methods:

(1). Paypal(minimum payout is $25).
(2). Payza(minimum payout is $50).

Payout fee is $1.50

Ad Types:

Adhitz has images as well as text ads. Some ad sizes are mentioned below:

Image ads:

adhitz image ads

(1). 300X250 (2). 468X60 (3). 728X90 (4). 125X125.

Text ads:


(1). 300X250 (2). 468X60 (3). 728X90 (4). 125X125 etc


CPC rates for different countries:

Here is the rate chart of adhitz. It shows ppc rates for every country.


How To Create An Account In Adhitz?

Step 1: Go to Adhitz Registration Page.

Step 2: Fill up the sign up form, type your name, city, email, phone number, etc which is asked in the form.


how to register in adhitz

Step 3: Select payment method. Minimum payout rates are mentioned above.


how to register in adhitz 101helper

Step 4: Enter your login details e.g username and password.


how to earn money online blogging

Step 5: Select a security question and type its answer.


how to earn money online fast

Step 6: Finally check the user agreement option and click on create account


earn money blogging

How To Add Adhitz Ads In Blogger?

Its very simple to add adhitz in blogger. All you need is to generate an ad code and implement it in your blog. So lets generate an ad code first and after that we will implement it.

Generating ad code in adhitz:

Step 1: Go to Adhitz and log in to your account.

Step 2: Open publishers panel.


how to generate ad code in adhitz

Step 3: Click on My Ad Zone.


how to generate ad code in adhit

I am creating an image ad so I am switching to image ads creator. Methods are same to create text or image ads.

You can create an ad-product or pay per click ad zone.

Ad-Product: Ad-product is an ad zone which lets advertisers to advertise on your site via your ad zone by paying a specific amount for a whole month, a week, for two days or a single day.

Pay per click ad zone: It is an ad space which lets advertisers to pay for each click they get.

I am creating ppc ad zone here. Creating ad-product is similar to it so if you wish to create an ad-product instead of ppc you can do it by following step 4.

Step 4: Type your cost per click amount, type max number of ads, select ad type, type minimum spend, select if flash ads are allowed on your ad zone or no and finally click on Add.


how to create ad zone in adhitz

Congratulations! you have successfully created your first ad zone.

Step 5: Now click on Generate Code in the menu.


how to generate ad code in adhitz

Step 6: Select an ad type on code generator page, click on save settings and copy the code.


how to get ad code to earn money

That's it! you have created your ad zone and got the code of ad now its time to integrate it in your blog or site!

Adding Adhitz Ads In Blogger?

Placing ads in sidebar or below header:

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

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

Step 3: Paste the copied code of ad in the Html/Javascript window.

Step 4: Click on save and you are done.

Placing ads below post header or above post footer in blogger:

Check Out: How to add ads below header and above footer in blogger posts.

I hope you found this post helpful, if yes then recommend it on Google and share it with others. Follow and subscribe to get news about blogging posts in your inbox. Thanks for visiting 101Helper. Keep visiting :)

Search tags: How to earn money from adhitz, how to earn money in blogger,how to earn money online,best ad network for publishers,PPC ads for bloggers,cpc ad network,earn for each click,earn money online from blog.

Friday, December 11, 2015

How To Install Blogger "Featured Posts" Widget

featured posts widget

In the recent update blogger has added a new gadget to help bloggers highlight the posts that matter the most. So with this gadget you can highlight your featured posts or highlight the posts which are too older and don't get enough views and you prefer to tell your blog readers about them so they would get views and your visitors will also be able to reach the posts which you recommend to read. Though this is a good gadget but not better than 101Helper's Featured Posts Widget because you can display only single featured post and 101Helper's Featured Posts Widget lets you to show as many posts as you need. So this post is to show you how to install blogger featured posts widget. Follow below steps to begin!

How To Install Blogger "Featured Posts" Gadget?

Step 1: Go to blogger dashboard.

Step 2: Go to Layout and click on add a gadget.

Step 3: Click on Featured Post below Adsense.


how to install blogger featured posts widget

Step 4:
Make following customizations, you can see a preview of your widget on right side or below widget options:

how to install blogger featured posts widget 101helper

(1). Give A Title To You Gadget: 

Type a title for your widget e.g: featured posts or posts recommended for you.

(2). Post Snippets:

Choose posts snippet options e.g show post title or show post image. Check or uncheck to enable or disable showing post title or image.

(3). Search A Post:

Search for a post or choose labels from which you want to show featured post.

(4). Choose Post:

Click on the post which you want to display.

Step 5: Click on save and you are done! open your blog to see your featured post widget.

You can show your widget vertically as well as horizontally. To show it vertically drag it to sidebar and to show it horizontally drag it above blog post.

Note: This gadget grabs the first image of your post so you can't choose a custom image.

I hope you like this gadget and this post was helpful to you. If you found it helpful share it with others. Like 101Helper on Facebook or follow on twitter to get updates about new blogger gadgets.

Search tags: New blogger gadget,Featured Posts widget, Blogger featured posts widget, show featured posts widget on blogspot,recommended post widget for blogger, 101Helper blogger gadgets.

Friday, December 4, 2015

Slideout Menu For Blogger Mobile Site With Social Buttons

Slideout Menu For Blogger Mobile Site With Social buttons

My recent post for mobile blogging was about a slide down menu which is really appreciated by visitors as it got more than 1000 views so I decided to create another menu for blogger mobile site. Slide down menu was too simple and it didn't have other features like social media buttons and search box so I decided to create a menu which have these features and an exiting look. As responsiveness is also very important for a menu so i made it responsive too. You can read its major features below. For a live demo you can visit 101Helper's mobile site. I am sure you'll like this menu. Don't forget to give your feedback by leaving a comment below.

Slideout Mobile Menu Features:

☆ Easy installation.
☆ Responsive design.
☆ Social media buttons ready.
☆ Fast(doesn't affect blog's loading speed).
☆ Low size.
☆ Responsive search box.
☆ Compatible with all smart phones.
☆ Scrollable tabs and floating on page scroll.
☆ It fits all screen sizes(ipad,iphone,tablets etc).
☆ It has space for Logo.

See Live Demo

Screenshot:

slide out menu for blogger mobile site

How To Add Slide Out Menu In Blogger?

Its very easy to install this menu in your blog. You just have to follow below steps. Note that we have to hide blog header in mobile site as this menu has a space for logo so you don't need blog header in mobile site any more so we will hide the header in mobile site too while installing this menu. Lets begin!

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

how to add a gadget in blogger blog

Step 2: Click on add a gadget below your blog's header in the layout.

`how to add slide out menu in blogger tutorial

Step 3: Click on Html/Javascript.

how to add gadgets and ads in blogger

Step 4: Copy the below code and paste it into Html/Javascript window.
<link rel="stylesheet" type="text/css" href="https://rawgit.com/101Helper/docs/master/slideout-nav-public.css" />
<nav id="nava" role="navigation" class="sticky-nav" style="top: 0px;">
<form id="searchbox" method="get" action="/search">
<input name="q" type="text" id="search-in" size="19" required />
<input name="m" type="hidden" value="1" />
<button type="submit"  class="_54k8 _56bs _56b_ _56bw _56bu"  id="u_0_1" data-sigil="touchable"><span class="_55sr">Go!</span></button>
<img id="hide-search" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHalgGA3vjkyB3E4m_UYKDnIWklkz4VuHW49I5ZhFNu9tzOnnSFbCNE630XuuilUgSzc8fmmRPtwDf6rilvW0kjiYDSp8vHp3gseLbaiivVxq1i7GO1ZlDPDZ7Na6KzGKOYtx515q05g/s1600/rsz_close-icon.jpg" />
<div id="search-height"></div>
</form>
<div class="prl-container">
<div class="nav-wrapper clearfix">
<img id="show-search" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLUybtpDUZOn_p-T4dEyAlyCKycV01OrFFv1pF4wr_c_j3KOm9IZiwpdVzh50TEmjMtUf8DAm2SWK41JnQzQwwYN4iAh6VNVFTfSR_St4gguB2LJLS9EjUHpcKETiuv6GOUUhFEfNtjvE/s1600/rsz_search-icon.png" />
<div style="float:left;">
<div class="nav_menu_control"><a href="#" data-prl-offcanvas="{target:'#offcanvas'}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipPzNqIJhw1aUO73NWaAEZOGg01PoJb5j_a4zd2cWAs48RhRf3SRoc3-H3vJr6X9gcs9uunnXNnUVTivxlkyOiJ_jw178P39FoqKVtwQR21-aWEt95lYs-p_C5COWlDtZAE5Z2jj9fOpg/s1600/rsz_mobile-menu-icon.png"/></a></div>
</div>
<div class="container">
<div class="left">
<a href="/?m=1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVYG0lxLLOwBdlzzaiN_Z9swg1qSJq5fqaHOZf1p4BZVK73xF7qjh0IaY4SFaAXsRndmYdun6rShv3nKDn8YTRbJXiaBLMld0mdFOqPwU2AGVO5vXEhRCOB30FYYWoseMLA2P-Uqo9tU/s1600/rsz_1101helper.png" class="logo" alt="101Helper"/></a>
</div>
<div class="clear"></div></div></div></div></nav><div style="clear: both;"></div>

 <div id="offcanvas" class="prl-offcanvas">
<div class="prl-offcanvas-bar">
<div class="social-icons" style="padding-top: 5px;background: #fff;padding-left: 5px;">
<p>Follow us:</p>
<a href="https://www.fb.com/pages/101Helper/623626157780837"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWogpYzeu5YP8RTsZzglGivuNTTu9J2Vs1HViyapw9sEc0c5kLQCOFKy8e-ob85iwc3Z90WkTflc3a96F7lOizfdYwBKQrALonqGoLNHKek34ww9fnWepAXt6Hn9HQG1tdARk4SlnZVYc/s1600/facebook.png" /></a>
<a href="https://twitter.com/101helperblog"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd6vJ1yEbYxX8Qy1Jm5CfwoIgvkCjOnC2ksB6IwTv7MtMdSmj2ril4MFbQLBzUCgRKM5CffrkDcgiaMciHvub6wH8XIpPqqExxGAMGvNmVS_f1tE5qMc71zYYUGtNucwVqDsPts9EdKYo/s1600/Twitter-Logo.png" /></a>
<a href="https://www.pinterest.com/101helper"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnMhwZzVE5RlBRc62J8YobWSt1Is0Z4eKK5kzrT7uhMsa2Y3scoK8M-NOJVccUCW3CNDB6sOcTPOJsG_b3fXtIrE9wc9NMtzIS-H5-aiaHq8dNMNXEE6o_mxJdWUiAYoYskgrUgmyaE4/s1600/App-Pinterest-icon.png" /></a>
<a href="https://plus.google.com/+101helperBlogspot"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxl0Py8q_KNLF3AxWvpx74HtLz3JT13D8PAhTbdp074h1ETvC1RMv6RvjTbWjSQMboS-_34brb22U4ve1p5QVGNk7WWeJUgZU5jxqeVGxfhIbfE5qH46TYqCOzGWqZVOsRnaTW6Z1P_Es/s1600/rsz_circle-google-plus-128.png" /></a>
</div>
<nav class="side-nav">
<ul id="nav-list" class="nav-list">
<li><a href="/?m=1">Home</a></li>
<li><a href="/search/label/Blogger%20Tips%20And%20Tricks?m=1">Blogger tips and tricks</a></li>
<li><a href="/search/label/Blogger%20Seo%28Search%20Engine%20Optimization?m=1">Blogger seo</a></li>
<li><a href="/search/label/Google%20Webmaster%20Tools%20tutorials?m=1">Google webmaster tools tutorials</a></li>
<li><a href="/search/label/Bing%20Webmaster%20Tools%20Tutorials?m=1">Bing webmaster tools tutorials</a></li>
<li><a href="/search/label/Blogger%20menus?m=1">Blogger menus</a></li>
<li><a href="/search/label/earn%20money%20blogging?m=1">Earn money blogging</a></li>
<li><a href="/search/label/Blogger%20Widgets%20And%20Gadgets?m=1">Blogger gadgets</a></li>
<li><a href="/search/label/Beginner%20to%20blogging?m=1">How to's/Blogging</a></li>
<li><a href="/search/label/Mobile%20Blogging?m=1">Mobile blogging</a></li>
<li><a href="/p/menusitemap.html?m=1">Sitemap</a></li>
<a class="abt" href="https://101helper.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCiXs4iYxtgcPnGw3YBWa0BuC9D9YLF9pGel35ArmwSmbxb6YNQkbKAay4rdiivS8b5i07Zoh1PDhyphenhyphenAmanKFWGy0HqYyRYE0v4PeCTUpswGU9FswIG1sWq6eyOHQ_rILHkWyF3r5LKmLs/s1600/abt.png"/>101Helper</a>
</ul>
</nav>
</div></div>
<script type='text/javascript' src='https://rawgit.com/101Helper/docs/master/slideout_mobile_menu.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type='text/javascript' src='https://rawgit.com/101Helper/docs/master/slideout_mobile_menu.js'></script>
<script>
$(document).ready(function(){
    $("#hide-search").click(function(){
        $("#searchbox").hide();
    });
    $("#show-search").click(function(){
        $("#searchbox").show();
    });
});
</script>
<div id='menu-height'/></div>

Step 5: Replace the highlighted piece of code with your blogs info eg:
  • Replace green color links with your fan pages links.
  • Replace orange color link with your blog's logo image link.
  • Make changes in tabs e.g change links and text of your menu tabs - (Highlighted with yellow color).
Note: You can see a link in the menu highlighted with red color, don't try to remove it its against 101Helper Copyright Policy, if found your blog will be reported for copyright violation and action will be taken.

<a class="abt" href=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCiXs4iYxtgcPnGw3YBWa0BuC9D9YLF9pGel35ArmwSmbxb6YNQkbKAay4rdiivS8b5i07Zoh1PDhyphenhyphenAmanKFWGy0HqYyRYE0v4PeCTUpswGU9FswIG1sWq6eyOHQ_rILHkWyF3r5LKmLs/s1600/abt.png"/>101Helper</a> // Copyright link ---- Don't remove this!

Step 6: Click on save button.

Step 7: Go to template and Edit html.

how to edit html in blogger

Step 8: Jump to header and type mobile='no' after locked='true' as shown in below image:

how to hide header in blogger

Step 9: Search for the id of your mobile menu gadget and find it in your template.

Check out: How to find ID of a gadget in blogger

Step 10: After finding your mobile menu gadget in your templae type mobile="only" after locked='true' as shown in below image.

how to show gadgets in blogger mobile site

Step 11: Now cut the mobile menu gadget and paste it below header as shown in below image. This is the most important step if you skip it or don't do it right your menu tabs will be irregular. You have to do it in two steps see below images for instance.

Step A: Jump to your menu gadget by its id and cut menu gadget code:


slide out menu in blogger

Step B: Jump to header and paste the copied code below it:

slide out menu in blogger 101helper

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



WATCH MORE BLOGGING VIDEOS!

Open your blog in your phone and check if your menu is working fine or not. If you have any question or confusion ask me in comments or contact me at fahimraza101@gmail.com. If you found this post helpful please recommend it on Google and share it with others. Thanks for visiting 101Helper. Keep visiting us. Follow and subscribe to stay updated.

Search tags: responsive menu css,jquery,slide out menu ios,android,slide out menu for website,blogger slide out menu, mobile site navigation 101helper,menus for blogger