Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Friday, August 1, 2014

How I Made $600 With A Event Based Blog - Make Money Online

Posted by Muji


Making money out of a blog is the common thing that most of the bloggers do. Thinking in the same view I planned to do something to play with money around on this Ramadan. Although my intention was not making money but to improve my knowledge regarding to Blogging and SEO.

Though I made some mistakes during the creation and maintain process of this very blog I have took some serious steps too which lead me to my destination.

Revealing all rock steps that I have learnt in few days during Ramadan.

Choosing an awesome custom domain:

The first step ofcourse a very important step when you are on with a Event Based Blogging. You have to choose a very catchy domain and should be related with event partially or completely. You should not rely on blogspot.com default sub-domain, you have to buy an custom domain.

Learn How To Set Up A Custom Domain In Blogger With GoDaddy.

Its no wrong if you choose a domain by searching keywords but make sure you don't choose a long tail keywords that embarrass visitor.

If your blog is about cooking, try domains like cookingspot.com, cookingcorner.com not as iliketocook.com, cookingismyhobby.com. Long domains are hardly attractive and are only clickable if and only if they are highly advertised.

Due to some security reasons I cant able to reveal my website name here.

Choosing a complete responsive, attractive and easy to navigate template:

Making your blog or website responsive is your responsibility. You should not be done with making your website attractive but also responsive. Visitors are likely to leave your website if your website looks awkward in mobile or tablet. Take time for mobile visitors as they also play key role in website statistics. Give them a easy way to navigate from one page to another page easily for all type of users.

As said above, in order to select an responsive and attractive template I selected one of the default templates  in blogger and edited it myself according to my convenience and it went well.

Meta Tags and Meta Descriptions:

One of the main key play roles is meta tags and descriptions. As i'm using adwords it was not that hard for me to find out high SERP keywords to set in meta tags and wrote a catchy description in meta description.

Content is king:

Of-course the content is king. No matter what ever I do in my website, if there is no sufficient content i'm going nowhere with my website. I tried to be more efficient, reliable and genuine while writing content as visitors should get more unique experience.

Making content beautiful for both visitors and Search Engines:

Unless my content is represented in beautiful manner visitor doesn't stay way long in my website. I tried to represent the data in beautiful and attractive way by choosing relative images and relative and long tail keywords.

I used Google Adwords for Keywords and Long tail keywords. Keywords are the only things which helped me to make my website to do good in SERP. I selected some high priority keywords and inserted them in between content. I also used more number of keywords, although it comes under black hat technique as mine is a event based blog I didn't cared about the danger of un-indexing my blog from SERP.

Better Title for Better SEO:

Selecting the title is next main important thing. I made all the titles looks like the most searched queries from adwords. You just have to select a most searched query from adwords and insert into the title and mainly prefer for long keywords which are otherwise called as Long Tail Keywords. Titles that has high priority keywords which are in H1 tags are the heart to website and it was in my mind all the time.

Spreading the word:

Nothing but sharing. Sharing includes one of the best SEO technique that is commenting in other blogs similar to our blog. I chose many of the blogs which are related to my event and made comments on those websites.

One point that you have to clearly observe is commenting on other blogs is mostly done for the boost of alexa rank but here I used the same technique to spread my website among admins and other viewers because there is no niche for wishes and no boundaries for people to wish.

Sharing mainly includes use of Social Networking Sites mainly Google+. If you are thinking about facebook you are absolutely wrong. Facebook is the next thing that should be considered but before that I went for Google+ because it will share the post among the people in our circle and next big thing is google automatically indexes the content to the in its directory. Ultra fair, isn't it?

Master of SEO tools Webmaster Tools:

The frequent thing I used while developing my event based blog is webmaster tools. I used it every often time and I used it to submit my site's sitemap everyday without fail. I also made use of Fetch as Google tool as it also helps in indexing the site's data very fast.

Result:

As a result I got traffic of about 110000 visitors (both new and returning) which earned about $623 in just one day with an RPM of 9 as I made adsense as my primary income method.

Following is the report generated from Google analytics for the dates July 29 to July 30

And following is the adsense report for the dates July 29 and July 30


Final Words:

All the above things that i did went very well and gave me more confidence to move towards my blogging journey. 

All i want to say is making money is the not only the thing, as i said earlier i did this experiment for only to improve my knowledge regarding to Blogging and SEO. 

Still if you have any doubts hope you will use comment box below.
Read More

Monday, July 28, 2014

How To Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

Posted by Muji
Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

What is it?

All the blogs in this planet spaced for the uniqueness. Unless you got an unique property you are not going to be shined to the edge. The same property will effect to core in choosing the default blogger domain i.e., sub-domain of blogspot.com or blogger.com.

To get your uniqueness effect I suggest you to set your default sub-domain of blogspot.com to custom domain with Godaddy. The main advantage of setting a custom domain is you will get an official representation of your website,

What are the advantages?

1) You will be noted on a special note in search engine directories and will be easier to index your content. SEO made easier.
2) It is easier to submit your website into directories and are more chances to get approved to be listed.
3) Your blog is no more a blog. It is a website now.
4. It will be more easier to spread the word, popularize or to pronounce the website name rather than adding blogspot.com or wordpress.com in the end.
5. You will get a personalized email like as info@website.com so that to aware audience yours is a unique website.
6. Last but not least, there are more chances to get approved by Adsense if you have a custom domain.

Looks good, is it easier?

Of-course its looks good and easier too. May be its a bit difficult for the first time but only for the first time.

Google provides us very easier process to set up a custom domain with blogger as blogger is owned by Google itself.

It takes about 10 mins to set up a custom domain with Godaddy in your blogger for the first time and for the rest of times it will be about 5 to 7 mins of process.

Why choose GoDaddy when there are many other hosting services?

Good question, why i'm choosing godaddy is

1) It's cheaper: Yes can you believe that you can change your blog into website for just 2$? or Rs 120/- ? They provide the same service for us

2) It's easier: All you have to do is signing up, buying domain, setting DNS settings (Will talk about DNS settings later) that's it.

3) It's faster: Damn its so fast that the next second of the settings you can have your website live while other hosting services may take up to 24 hours to bring it on live.

What else could you expect if these are only the main things to buy a domain and customize it?

Okay, go ahead. Show me the process:

Well there are 3 main steps in this process

1) Buying your domain
2) Setting your DNS settings
3) Feel awesome!

Buying your domain in GoDaddy:

1) Go to Godaddy website by clicking here

2) Choose your domain by entering your desired domain in the box and search whether its available or not

Set Up A Custom Domain With Godaddy In Blogger

3. Now click on continue to cart and buy the domain.

Step 1 Completed 

Now, Setting Your DNS (Domain Name Server) Settings:

1. Go to your blogger dashboard.
2. Navigate to Settings > Basic
3. Now click on + Setup a 3rd party URL for your blog

Set Up A Custom Domain With Godaddy In Blogger


4. Now enter your website name in the box eg: www.mywebsite.com

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


5. Click on save. Here you will see an error "We have not been able to verify your authority to this domain. Error 12" because you haven't set your DNS settings with GoDaddy yet.

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


6. In the error part you can see two set of lines with codes. Just dont close this page as we require this codes later in DNS settings in GoDaddy.

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


7. Now login into the GoDaddy website with which you have signed up during the process of Domain purchase.

8 Click on My Account at the top of the website or Domains at the middle

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


9. Now Click on Launch Button

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


10. You will get an page opened Names Domain Details. Click on DNS Zone File in that page

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


11. Now click on Use classic DNS Manager

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


12.  Now you will get a Page named Zone File Editor. There you will find first two tables called A (Host) and CNAME (Alias) respectively.

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure


13. Now just below the CNAME (Alias) table there will be a button to add CNAMES to the table namely Quick Add. Click on it and enter two set of lines of code that are available in blogger settings page

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

14. Now click on SAVE FILE ZONE

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

15.  Refresh the page and now add following records to A (Host) table by clicking Quick Add button.
First BoxSecond Box
@216.239.32.21
@216.239.34.21
@216.239.36.21
@216.239.38.21
Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

16. Now click again on SAVE FILE ZONE. Come back blogger settings page and clic on save button.

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

17. After saving you can see the error disappeared for the page and you will see page something like this.
 
Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

18. To make sure that you are redirecting mywebsite.com to www.mywebsite.com click on Edit in above image and checkoption.

Set Up A Custom Domain With Godaddy In Blogger - A Step By Step Procedure

19. That's it! Now click on save as shown above. I know its bit lengthy process but i assure you its only for beginners. If you got two more blogs try this on them and I can bet you can do this whole process in a single shot.

Step 2 Completed 

20. Now sit back and relax for two mins. After two minutes open your blog ans see your URL changing to your domain name automatically.

Step 3 Completed 


Author's Note: If you liked my article please do share with your friends. Also please subscribe to the news letter for more awesome tricks and tips.

Read More

Saturday, June 28, 2014

Cool Social Subscribe Widget for Blogger

Posted by Muji

Hi guys today im going to present you an awesome widgets for your blogs.

This widget has a facebook like button, twitter follow button and rss feed subscrber form which can easily let you find more genuine customers for your blog. You can add this widget at the bottom of any posts or the top of any page according yo your choice. The widget looks like image below.


Now let me show the installation.

Step 1: Go to your blog dashboard → Template → Edit HTML

Step 2: Now find the code <data:post.body/>

Step 3: Now just below the <data:post.body/> paste the following code

<section class="newsletter"> <h2>
Tired of checking for new posts ?
</h2>
<div id="form-newsletter">
<div class="social facebook">
<a href="https://www.facebook.com/AllTechCorner" target="_blank">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-V8RArbVONn1gXGny9CSBOu-eonxLgjuR76zqaT11EhX5bN-m5lkL-HfmTkr0z9LHx5WYEho3ARkQfjNNHTcVZdrNZMAvIXab8MRQKndZq-qgWFp51nLsbVHOOda8zPVdVjgdz-qnURB/s1600/nl-facebook@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FAllTechCorner&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;">
    </iframe>
  </div>
<div class="social twitter">
<a href="https://twitter.com/AllTechCorner" target="_blank">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQBj1-y7MT0dp8_uu_8uVkWCY7nukIov6_TI9A4q9QhLLtAM-YEQwnPKJ4DRju29cJYXBLUK7Soq85C2QyGMG-26HhaPFiy53sW0W-UUTDKB7JRUQsCgFEXMnqxaO4AKuPbAFD8R0aIaKY/s1600/nl-twitter@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box twitter-follow-button twitter-follow-button" data-twttr-rendered="true" frameborder="0" id="twitter-widget-0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=AllTechCorner&amp;show_count=false&amp;show_screen_name=false&amp;size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button">
    </iframe>
    <script>
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
        if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;
          js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
    </script>
  </div>
<div class="newsletter-form">
<fieldset>
<h2>
       Get all posts directly in your mail.
      </h2>
<div class="fields">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=AllTechCorner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." />
          <input name="uri" type="hidden" value="AllTechCorner" />
          <input name="loc" type="hidden" value="en_US" />
          <input class="subscribe" name="commit" type="submit" value="Subscribe" />
        </form>
</div>
</fieldset>
</div>
</div>
</section>
<style>
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:11px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<script type="text/JavaScript">
fontsize = function () {
    var abtSubs = $(".newsletter #form-newsletter").width() * 0.025; // 10% of container width
    $(".newsletter .newsletter-form fieldset h2").css('font-size', abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
</script>
Note : There maybe more than one <data:post.body/> So make sure that you have selected the right one. If the widget does not appear try changing the location of code.

Also read
  1. 5 Awesome Ways To Earn Money Online
  2. AdSense Gets New Ad Sizes - New !!
  3. How To Add An Awesome Facebook Like Box To Your Blogger
  4. How To Create An Awesome Tabbed Content Site Map For Your Blogger
  5. How To Display An Awesome Looking Pop Up With Both Facebook Like Box and Subscription Box In Blogger
Step 5: Now replace the words in red color with desired words and save the template. That's it. You have got a wonderful Social Subscribe Widget for your Blogger.

Read More

Thursday, June 26, 2014

How to increase google adsense earnings

Posted by Muji 2 Comments
How to increase google adsense earnings

The fact being that Google Adsense Earnings is the one and only best solution for the publishers. And that it shares the maximum revenue with its customer.

Today i'll tell you few guidelines that will help you to make the maximum profit out of your Google Adsense. If you are depending upon google adsense alternatives believe me it won't work good that way. And remember there are no adsense secrets and if there are any then they will be only some temporary tactics which you should not rely on.

To know how to increase adsense revenue,

1. See where to put Google Adsense ads. 

1.1) First of all you have to know how to use adsense. Google has found there are places where ads are more effective, and places where they are less effective.

1.2)Ads that appear when you first arrive at your page (i.e., "above the fold" as they say in the newspaper world) tend to be more effective than those that are below the fold.

1.3) Ads on upper left tend to perform much better than ads on the lower right.

1.4) Ads directly above the primary content, and ads that appear at the bottom of the page and above the footer tend to perform very well.

1.5) Wider ads are generally more successful, as they are much easier to read.

1.6) Ads that display images or video perform very well.

1.7) Using colors that complement your website colors will make them more readable, and so more effective.

2. Make up your ads. 

2.1) While Google AdSense will auto-populate your page with what they feel are relevant ads, use their tools to provide tighter controls. Here are ways to check which part of your webpage is perfect for ad placement.

2.2) Set up channels. Channels are like labels that let you group your ad units your way—by color, category, or pages. By setting up channels, you can get detailed reports on the performance of your ad units, and use that to your advantage. For example:
Use one style of ad on one group of pages, and another style on another group. Track and compare the performance of the two styles, and pick the best performer.

2.3) Compare performance on pages that focus on different things. For example, if your pages about gardening perform better than your pages on cooking, you might consider adding more to your gardening pages.

2.4) If you have separate domains, set up a channel to track each of them to see which is generating the most clicks.

3. Visitors/Traffic

3.1) First and foremost, in order to generate any kind of revenue from AdSense you must have people clicking on your ads. In order for this to happen, you need to have people on your site, reading your content! Whether you have a business website, or a personal blog, the rule is the same: Get the word out!

3.2) Heavily trafficked large sites can see over a million hits a day, whereas a blog might feel lucky if they have 100 or 200 visitors a day.

3.3) For every click you receive, you may earn from $.05 to $5. Yes, that's a broad range, over a month, that is between $1.50 and $150.00. Where in that range you can expect to frequent depends entirely on you, your site, and your promotion efforts.

4. Content

The quality of your content is a most important factor in understanding your earning potential. If your site provides rich, compelling content and a great user experience, you will have more interested users. And more users means more traffic, which means more click, and more cash.

I would love to hear from you. Please Comment.. Subscribe us for more google adsense tips.
Read More

Sunday, May 25, 2014

How To Add An Awesome Facebook Like Box To Your Blogger

Posted by Muji
awesome facebook like box for blogger

Facebook is a most prominent and well known social platform today. I am sure every blogger knows well how much it adds to your blog’s growth in different ways. You own a blog? Then you must have a Facebook like widget on your blog.

Earlier I have published a tutorial about adding a Single Pop Up Facebook Like Box and Subscription Box in Blogger.

In this post, I am going to share another unique Facebook Like Box with decent look. It is displayed in the right bottom of a blog/website. It prompts up and keeps its position constant even when you or any visitor scrolls down your blog’s page.

Go to Blogger Dashboard

· Go to Layout section
· Click on Add a Gadget
· Scroll down to HTML/JavaScript section
· Paste the following code in content area

<script type="text/javascript" src="https://files-all-tech-corner.googlecode.com/svn/trunk/fbslide.js"></script><script type="text/javascript">function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}; r(function(){new ConversionsBox("Like%20Us%20on%20FB","https://facebook.com/alltechcorner");});</script>
Recommended for you:
  1. How To Display An Awesome Looking Pop Up With Both Facebook Like Box and Subscription Box In Blogger - New !!
  2. How To Embed A Youtube Video In Blogger
  3. How To Install Alexa Widget In Blogger In Just 1 Minute
  4. How To Set Custom Header Tags For Better SEO In Blogger
  5. How To Show Adsense Ads Between Posts In Blogger
Now replace alltechcorner with your facebook page username.

You are done. Now you can see this awesome facebook like box in your website.

Author's Note: If you liked my article please do share with your friends. Also please subscribe to the news letter for more awesome tricks and tips.

Related Keywords:
facebook like widget for blogger, facebook like gadget for blogger,floating facebook like box for blogger, facebook like button for blogger, facebook popup like box for blogger, stylish facebook like box for blogger
flickr button, facebook page like box for blogger
Read More

Wednesday, May 21, 2014

How To Display An Awesome Looking Pop Up With Both Facebook Like Box and Subscription Box In Blogger

Posted by Muji

Today i'm gonna show you an awesome article through which you can embed both Facebook like box and subscription box in single pop up window in just 5 steps.

Step 1: Go to your Blogger template and click on Edit template. (Read my article How to edit your blogger template effectively if you don't know how to edit a blogger template)

Step 2: Now find the word </body> by using Ctrl+F function
Step 3: Now just above the word </body> paste the following code


<!-- fb like box and subscription box in single pop up by alltechcorner.com-->

<style type='text/css'>
#alltechcorner div.overlay {
background-color: #000;
}

#alltechcorner {
position:fixed !important;
position:absolute;
top:50px;
left:50%;
margin:0px 0px 0px -152px;
width:300px;
height:auto;
padding:16px;
background:#000;font:normal Dosis, Georgia, Serif;
color:#fff;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow: 2px 4px 9px #0082FF;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
z-index: 999999;
}

#alltechcorner a.alltechcornerclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
z-index: 9999;
}
</style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind(&quot;load&quot;, function() {
// Animate Top
$(&#39;#alltechcorner&#39;).animate({top:&quot;50px&quot;}, 1000);
// Widget by www.alltechcorner.com
$(&#39;a.alltechcornerclose&#39;).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>

<div id='alltechcorner'>
<div class='overlay' style='opacity: 0.8; height: 1000px; width: 1263px; position: fixed; left: 0px; top: 0px; z-index: -999999;'/>

<center>
<b>Join Us At Our Community</b></center>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Falltechcorner&amp;width=300&amp;height=240&amp;show_faces=true&amp;colorscheme=dark&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>

  <b>Subscribe for more awesome posts</b> <hr/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=AllTechCorner&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='background: #00AAFF; border:1px solid #ccc;padding:3px;text-align:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px;' target='popupwindow'><p>Enter your email address:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='AllTechCorner'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/></form>
  <span style='font-size:10px;'>Facebook like box and Subscription box in single pop up by <a href='http://www.alltechcorner.com'>AllTechCorner.com</a><br /><a href="http://www.alltechcorner.com/2014/05/fb-like-box-and-subscription-box-in-single-pop-up.html" target="_blank">Get this Widget</a></span>
</center>

<a class='alltechcornerclose' href='#'>&#215;</a>

</div>
<!-- fb like box and subscription box in single pop up by alltechcorner.com -->

Recommended For You:
  1. How To Show Adsense Ads Between Posts In Blogger
  2. How to display particular youtube video's thumbnail in blogger
  3. How to display thumbnails of youtube videos in blogger. 100% working.
  4. How to edit your blogger template effectively
  5. How to re-size a youtube video in blogger
  6. Leaf Look To Blogger Labels
Step 4: Now in the above code replace alltechcorner and Alltechcorner with your facebook page username and feedburner ID name respectively.

Step 5: Now save the Template and boom just reload your website for the awesome widget. 
Read More

Sunday, March 16, 2014

How To Show Adsense Ads Between Posts In Blogger

Posted by Muji

Its been a trend of getting adsense account approved but placing your ads at correct places makes you earn good money. But many members don't know how to use their adsense ads effectively. One of the best methods to earn good revenue through adsense is placing them in between the posts of blogger.

Today im gonna show you how to display your adsense ads between the posts of your blog. Just follow the steps

Step 1: Blogger Dashboard --> Select your Blog ---> Layout

Step 2: Now Click on Edit of Blog Posts (See the image below)

Click to enlarge
Step 3: Check the box related to Show Ads Between Posts (See the image below)

Click to enlarge
 Step 4: Now from Configure Inline Ads select the number posts variation (See the image below)

Click to enlarge
Step 5: Now configure the display of your ads and save. That's it now you can show up to three ads in between your posts in blogger
Read More

Thursday, March 13, 2014

How To Set Custom Header Tags For Better SEO In Blogger

Posted by Muji

Bloggers developers and programs are highly concentrating on providing best services to the bloggers in order to make their blogs more SEO friendly. They have invented many strategies like robots.txt and webmaster tool. Within this another name in the list is Custom header tags.

Uses of setting the custom header tags is it is more SEO friendly, it helps in deciding which part of the website should be indexed and which should not and it will also helps in increasing the Page's rank and gaining more organic traffic from search engines.

As this is optional you can leave this without any settings but remember there will be a difference.

Now i  will show you how to set Custom Header Tags to your blogger

Step 1: Go to your dashboard and select your blog

Step 2: Click on Settings

 
Step 3:  Click on Search preferences

Click to enlarge
Step 4: Click on Edit which is beside the option Custom robots header tags ?

Click to enlarge
Step 5: Now tick on all the options which i have ticked below.

Click to enlarge

Step 6: Now click on Save changes. Thats it you have set your Custom Header Tags in your blogger for better SEO.

Author's Note: If you liked my article please do share to your friends. Also please subscribe to the news letter for more awesome tricks and tips.

Read More

How To Create A Site Map In Blogger

Posted by Muji
Click to enlarge

Site Map is something with which you can give overview of your website content. It will show us how many posts are there in the blog, how many are have been created and places all the posts in one area.

Every blogger wants to Site Map to his/her blog but its not a easy process to sort out the code.

Keeping this in mind i have created site map for bloggers which is easy to install and awesome looking. Today i will give out the code for you.

Step by Step procedure for installing site map content in your blogger

Step 1: Go to your Dashboard and Create a New Page

Click to enlarge








 
Click to enlarge

Step 2: Enter title as Site Map (or whatever you may want to) Go to HTML Editor of the page.

Click to enlarge

Step 3: Now copy and paste the code below.

<link href="https://files-all-tech-corner.googlecode.com/svn/trunk/blogtoca.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://files-all-tech-corner.googlecode.com/svn/trunk/blogtoc2.js"></script>
<script src="http://www.alltechcorner.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://files-all-tech-corner.googlecode.com/svn/trunk/accordblogtoc.js" type="text/javascript"></script>

Step 4: Now replace www.alltechcorner.com with your blog/website name.

Recommended For You:  How To Install Sticky Bar For Your Blogger

Step 5: Save the page and there you go you have created your Tabbed Content Site Map for you blogger.

Step 6: Now simply copy the URL link of that page and place any where in the website by editing your template. If you don;t know how to edit your template then read my article How to edit your blogger template effectively

If you have any doubts or queries regarding the site map installation feel free to ask me through comments.
Read More

Friday, March 7, 2014

How to put a Sticky bar in blogger

Posted by Muji
sticky bar for blogger alltechcorner.com

As you can see the image. like the same Today im gonna show you how to put a sticky bar in your blogger. Like as its name the bar stick to the top of your website and scrolls with page. Its an awesome sticky bar and can used for any text, recent posts, important posts or any images with link.




Step 1: Go to Dahsboard --> Template -> Edit HTML ( If you dont know how to edit your template, read my article How to edit your blogger template effectively )

Step 2: Now find for ]]></b:skin> in the code by using CTRL+F function.

Step 3: Right above the ]]></b:skin> copy and paste the below code.

#atc-stickybar{
background: #0082ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyjT5cjRikHb3Ap5PMCO2hxEELFf1UHjEOS1rj9lLxJldg-25vqAX0m838v5WyULk5qzitOwJMtLb1SiZ4f6ptvCaHysoYxuQHej4J7WGehxat6lJ-qdgI6gN9XTy5wHFXV894AfHmzk/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#atc-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#atc-stickybar a:hover{
text-decoration:underline;
}
#atc-stickybar p {margin:0; list-style:none;}
#atc-stickybar img {vertical-align: middle;
margin-right: 6px;}
In above code #0082ff represents the color the bar. If you want to change it, then you can change the color of the bar with Hex color.

Step 4: Now again search for <body> in the code.

Option 1: If you want text copy the code below and right after the <body> code paste the following code.
<div id='atc-stickybar'><a href="http://www.alltechcorner.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPylgqsjQony6SzF3vBoiz9Qz5aLUuLWx19xHu-_iP6ZJMLy8HQNShOc3A7z6BYojq4hX1i6dBQspm8rzqmMUz0GiRiiEK-lP1oGR7-y8-pC4a8p_DbhCrtPKKXkIJzZUmey1wGy9uUYEC/h120/n.png" /></a>
<a href='#'>ADD TEXT HERE</a>
</div>
In above code # is equal to your link. You have to replace # by your link and replace your text by ADD TEXT HERE.

Option 2: If you want to put any image in the bar just copy the code below and paste after <body>

<div id='atc-stickybar'><a href="http://www.alltechcorner.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPylgqsjQony6SzF3vBoiz9Qz5aLUuLWx19xHu-_iP6ZJMLy8HQNShOc3A7z6BYojq4hX1i6dBQspm8rzqmMUz0GiRiiEK-lP1oGR7-y8-pC4a8p_DbhCrtPKKXkIJzZUmey1wGy9uUYEC/h120/n.png" /></a>
<a href="#"><img src="YOUR IMAGE LINK" /></a>
</div>
In above code # represents your link and YOUR IMAGE LINK represents the link of the image. Replace them with your link and image link.

Option 3: If you want to put both image and text in the bar copy the code below and paste after <body>
<div id='atc-stickybar'><a href="http://www.alltechcorner.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPylgqsjQony6SzF3vBoiz9Qz5aLUuLWx19xHu-_iP6ZJMLy8HQNShOc3A7z6BYojq4hX1i6dBQspm8rzqmMUz0GiRiiEK-lP1oGR7-y8-pC4a8p_DbhCrtPKKXkIJzZUmey1wGy9uUYEC/h120/n.png" /></a>
<a href="#"><img src="YOUR IMAGE LINK" /></a>
 <a href='#'>ADD TEXT HERE</a>
</div>
As mentioned above replace both # with your links of destination and YOUR IMAGE LINK with your image link and your text with ADD TEXT HERE.

Still if you have any doubts let me know through comments.
Read More

Customize Blogger Labels To Look Like Leaves

Posted by Muji

Do you want to customize your labels view to leaf view in your blogger? Then you are at correct place. Making your labels look like different can make you gain more number of visitors to the blog.

As shown in image above you can customize your blogger labels look like leaves. Follow the following steps.

Step 1: In order to customize your label view, first of all you have to add Labels Gadget to your blogger. If you don't know how to add a label gadget just go to Dashboard --> Layout

Now Click on Add a Gadget. You will get an pop up window like the image below.


add a label widget in blogger alltechcorner.com
add a label widget in blogger

Now click on + button beside it and you will get an another window like the below image

add a label widget in blogger alltechcorner.com  
Click on Save.

Step 2:  Go to your Dashboard click on Template.


Now Click on Edit HTML.


If you don't know how to edit your blogger template, check my article How to edit your blogger template effectively.

Step 3: Now search for ]]></b:skin> in your code by using CTRL+F option.

Step 4: Now just before the ]]></b:skin> copy and paste the following code

.Label a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #7FBF4D;
background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
border-bottom-right-radius: 30px;
border-color: #63A62F #63A62F #5B992B;
border-image: none;
border-style: solid;
border-top-left-radius: 30px;
border-width: 1px;
box-shadow: 0px 1px 0px 0px #96CA6D inset;
color: #FFFFFF;
float: left;
font: 14px verdana;
height: 18px;
margin-bottom: 9px;
margin-left: 10px;
padding: 10px;
position: relative;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
}

.Label a:hover {
background: none repeat scroll 0% 0% orange;
border-radius: 0px 30px 0px 30px;
border: 1px solid orange;
text-shadow: 5px 5px 5px #DCDCDC;
}
/* www.AllTechCorner.com */
.Label {
margin: 0px;
padding: 0px;
position: relative;
}
.Label li:hover {
transform: rotate(5deg);
}
.Label li {
float: left;
font-size: 116%;
list-style: none outside none;
transition: all 0.3s ease 0s;
} /* www.AllTechCorner.com */

Step 5: Now save the code and check your website. Do let me know if you have any doubts.
Read More