Articles by "Blogger"

blogger help 2
What is Canonical Tag?
Canonical tag is very important for every website. Even more important for blogging site. This tag deals with duplicate content issue. It avoids duplicate content exist in your blogger. Canonical tag send a message to search engines crawlers that which url link should be for a current page. Its a hint for serp.

How to add canonical tag in blogger?
We should add canonical tag in every blogger template. Which is
<link rel="canonical" expr:href="data:blog.url"/>
We have to add this to blogger template. Here are th steps to add this canonical code in your blogger template.

1. Open Blogger dashboard and sign in
2. Click on Theme > Edit HTML
3. Find the tag given below
<b:include data='blog' name='all-head-content'/>
4. Once you find it add this canonical tag just belo above code
<link rel="canonical" expr:href="data:blog.url"/>
5. Save the blogger template and the code is added

Now Search engine crawlers will update this tag and duplicate content will be avoided by them.

blogger help 1
Post Font Size Blogger:
Whether you blog has a good quality content. If blog posts are not readable visitor will not spend time on your site. Thus it is essential that your blog's post should be readable enough with stylish font.

How to increase blogger posts font size?
It is a very easy task to increase the blogger posts font size. By default font size is too small. However there are several blogger templates which provides customization to change font size or style of every division to make it more classy and readable.

Method - 1
Follow these steps to change blogger posts font size:
1.  Go to blogger dashboard by login your gmail id and password
2. Go to Theme > Edit HTML Tab (On the right)
3. Now Search  .post-body {
Now enter and below the above given code paste this code.
font-size: 16px;
(Important Note: If you want another size instead of 16px, You can change it to 18, 20 or any other according to you choice. Then the code will be font-size: 18px; OR font-size: 20)px;
4. Save template and its done...

There is another way to do it.

Method - 2
Change blogger posts font size by going to template customization:
1. Click on template > Customize
2. Then click on Advance and now you can change the font size accordingly. However with this method you can change the size only to 14, 16 and 20px. If you need the size other than these 3. You have to follow the Method 1 to do it.

Hope this tutorial will help you to learn the things correctly.

blogger
Today we are going to teach you the way to hide or remove "Showing posts in label" option in blogger or blogspot. As all of we are aware about blogger.com which is a platform for webmasters or freelancer to start their own blogging site of any niche. There are lots of features which can be add or remove as per your requirement according to SEO.

Remove or Hide "Showing Posts in Label" in Blogger (Blogspot.com)
The trick is so easy to implement. You have to follow these steps to implement this task. If you are little bit familiar to run blogger.com
Steps are as follows:

1. Open Blogger.com
2. Login with you gmail id and password
3. Goto Themes > Edit HTML
blogger help
4. Find this code in "Edit HTML" by pressing Ctrl + F (In the code)
<b:includable id='status-message'>  
5. Replace above given code with the code given below and save template.
<b:includable id='status-message'>  
 <b:if cond='data:navMessage'>  
 <div>  
 </div>  
 <div style='clear: both;'/>  
 </b:if>  
 </b:includable>

Hope this method will help you to solve your problem of removing "Showing Posts in Label" in Blogger

Author widget blogger
"About Me" Author Box Widget With Different Styles For Blogger

"About-me" widget in blogger shows the author or profile pic, name and description about social bookmarks. There are several social bookmarks button you can use according to your wish. You only have to follow few steps and it is very easy to install it below each post.

Step 1: Go to blogger dashboard > Layout > add a gadget > Html/javascript (At your desired place)
Step 2: Copy the code given below and paste it into Html/javascript window.


STYLE 1
author widget blogger 1
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<div class="box">
   <div class="ribbon"><span>Admin</span></div>
<div id="about-me"> 
  <img src="https://2.bp.blogspot.com/-yR6RYS9L8io/XIOF0iJ7sxI/AAAAAAAAD8E/kvFnK4nr3qAx8v_-5KDyVyHzhHrUzEnAwCLcBGAs/s1600/asim.jpg" /><p>Asim</p><p></p><h5>I'm a blogger and a content writer too. You can follow me on the social media profiles. My Blog is LearnSEO.pro</h5>
<p></p><p></p>
</div>
<div id="my-link">
<a href="https://www.facebook.com/howtolearnseo/" target="_blank"><img src="https://2.bp.blogspot.com/-ICHQCne0ycc/XIOFJ6syNNI/AAAAAAAAD7o/8iXkLpRfZBkcEPZhcfYvDXRVRqvPGO77QCLcBGAs/s1600/fb.png" title="Facebook" width="22px" /></a>
<a href="https://twitter.com/learnsmo" target="_blank"><img alt="Twitter" src="https://1.bp.blogspot.com/-UsBn4bx9zn0/XIOFV7HXJNI/AAAAAAAAD7s/PO_ciNs1uY0Xr1KqC_1njzmBb4H9QphMgCLcBGAs/s1600/twitter.png" title="Twitter" /></a>
<a href="https://www.linkedin.com/in/iamasim/" target="_blank"><img alt="linkedin" src="https://3.bp.blogspot.com/-7OvqrEH6MZ4/XIOFWaK6k0I/AAAAAAAAD70/96m4t7geyisM6K9QPqq6IuqZu77oRmlkQCLcBGAs/s1600/linkedin.png" title="Linkedin" /></a>
<a href="https://www.pinterest.com/" target="_blank"><img alt="Pinterest" height="22px" src="https://4.bp.blogspot.com/-_Aq6CzXBJ6k/XIOFWAX61iI/AAAAAAAAD7w/FUdk-fYE0L0HwHWxeqJPEKZcZYrPtmr-QCLcBGAs/s1600/pinterest.png" title="Pinterest" width="22px" /></a></div></div>
<style>
#about-me{
  color:#444;
    width: 300px;
    padding: 20px 10px 110px;
    border: 2px solid #555;
  background-color:#eee;
 font-family: 'Open Sans Condensed',sans-serif;
}
#about-me img {
  border: 2px solid #666;
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 16px;
  border-radius: 2px;
  left: 8px;
}
#about-me p{
position:absolute;
bottom:84px;
  font-size:17px;
font-weight:bold;
  left:119px;
color: rgb(58, 148, 227);
}
#about-me h5{
  width:200px;
  position:absolute;
  left:119px;
  top:9px;
  color:#555;
font-size:14px;
}
#my-link {
position:absolute;
top: 94px;
  left: 119px;
}
.ribbon {
  position: absolute;
  left: -3px; top: -3px;
  z-index: 5;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#359BED 0%, #5467A7 100%);
  box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #5467A7;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #5467A7;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #5467A7;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #5467A7;
}
</style>

STYLE 2
author widget blogger 2
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<div id="about-me"> 
  <img src="https://2.bp.blogspot.com/-yR6RYS9L8io/XIOF0iJ7sxI/AAAAAAAAD8E/kvFnK4nr3qAx8v_-5KDyVyHzhHrUzEnAwCLcBGAs/s1600/asim.jpg" /><p>Asim</p><p></p><h5>I'm a blogger and a content writer too. You can follow me on the social media profiles. My Blog is LearnSEO.pro</h5>
<p></p><p></p>
</div>
<div id="my-link">
<a href="https://www.facebook.com/howtolearnseo/" target="_blank"><img src="https://2.bp.blogspot.com/-ICHQCne0ycc/XIOFJ6syNNI/AAAAAAAAD7o/8iXkLpRfZBkcEPZhcfYvDXRVRqvPGO77QCLcBGAs/s1600/fb.png" title="Facebook" width="22px" /></a>
<a href="https://twitter.com/learnsmo" target="_blank"><img alt="Twitter" src="https://1.bp.blogspot.com/-UsBn4bx9zn0/XIOFV7HXJNI/AAAAAAAAD7s/PO_ciNs1uY0Xr1KqC_1njzmBb4H9QphMgCLcBGAs/s1600/twitter.png" title="Twitter" /></a>
<a href="https://www.linkedin.com/in/iamasim/" target="_blank"><img alt="linkedin" src="https://3.bp.blogspot.com/-7OvqrEH6MZ4/XIOFWaK6k0I/AAAAAAAAD70/96m4t7geyisM6K9QPqq6IuqZu77oRmlkQCLcBGAs/s1600/linkedin.png" title="linkedin" /></a>
<a href="https://www.pinterest.com/" target="_blank"><img alt="Pinterest" height="22px" src="https://4.bp.blogspot.com/-_Aq6CzXBJ6k/XIOFWAX61iI/AAAAAAAAD7w/FUdk-fYE0L0HwHWxeqJPEKZcZYrPtmr-QCLcBGAs/s1600/pinterest.png" title="Pinterest" width="22px" /></a></div>
<style>
#about-me {
  color: #444;
  width: 314px;
  padding: 40px 22px 114px;
  border: 2px solid #A0A0A0;
  background-color: #fafafa;
  font-family: 'Open Sans Condensed',sans-serif;
}
#about-me img {
  border: 6px double #A0A0A0;
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 23px;
  border-radius: 12px;
  left: 18px;
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(-17deg);
  z-index: 5;
}
#about-me p {
  position: absolute;
  bottom: 102px;
  font-size: 18px;
  font-weight: bold;
  left: 1
6px;
  color: rgb(58, 148, 227);
}
#about-me h5 {
  width: 185px;
  position: absolute;
  left: 146px;
  top: 15px;
  color: #747272;
  font-size: 15px;
  letter-spacing: 0.2px;
  text-align: left;
}
#my-link {
  position: absolute;
  top: 20px;
  left: 332px;
}
#my-link img{
border-radius:70px;
padding:2px;
}
</style>
STYLE 3
author widget blogger 3
 <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<div id="about-me"> 
  <img src="https://2.bp.blogspot.com/-yR6RYS9L8io/XIOF0iJ7sxI/AAAAAAAAD8E/kvFnK4nr3qAx8v_-5KDyVyHzhHrUzEnAwCLcBGAs/s1600/asim.jpg" /><p>Asim</p><h5>I'm a blogger and a content writer too. You can follow me on the social media profiles. My Blog is LearnSEO.pro</h5>
</div>
<div id="my-link">
<a href="https://www.facebook.com/howtolearnseo/" target="_blank"><img src="https://2.bp.blogspot.com/-ICHQCne0ycc/XIOFJ6syNNI/AAAAAAAAD7o/8iXkLpRfZBkcEPZhcfYvDXRVRqvPGO77QCLcBGAs/s1600/fb.png" title="Facebook" width="22px" /></a>
<a href="https://twitter.com/learnsmo" target="_blank"><img alt="Twitter" src="https://1.bp.blogspot.com/-UsBn4bx9zn0/XIOFV7HXJNI/AAAAAAAAD7s/PO_ciNs1uY0Xr1KqC_1njzmBb4H9QphMgCLcBGAs/s1600/twitter.png" title="Twitter" /></a>
<a href="https://www.linkedin.com/in/iamasim/" target="_blank"><img alt="linkedin" src="https://3.bp.blogspot.com/-7OvqrEH6MZ4/XIOFWaK6k0I/AAAAAAAAD70/96m4t7geyisM6K9QPqq6IuqZu77oRmlkQCLcBGAs/s1600/linkedin.png" title="linkedin" /></a>
<a href="https://www.pinterest.com/" target="_blank"><img alt="Pinterest" height="22px" src="https://4.bp.blogspot.com/-_Aq6CzXBJ6k/XIOFWAX61iI/AAAAAAAAD7w/FUdk-fYE0L0HwHWxeqJPEKZcZYrPtmr-QCLcBGAs/s1600/pinterest.png" title="Pinterest" width="22px" /></a></div>
<style>
#about-me {
  color: #444;
  width: 225px;
  padding: 20px 10px 110px;
  border: 2px solid #B0AEAE;
background: -webkit-linear-gradient(#eee, white);
  font-family: 'Open Sans Condensed',sans-serif;
  height: 175px;
}
#about-me img {
  border: 2px solid #666;
  width: 110px;
  height: 110px;
  position: absolute;
  bottom: 184px;
  border-radius: 60px;
  left: 65px;
}
#about-me p {
  position: absolute;
  bottom: 135px;
  font-size: 19px;
  font-weight: bold;
  left: 91px;
  color: rgb(58, 148, 227);
}
#about-me h5 { letter-spacing: 0.3px; width: 200px; position: absolute; left: 30px; top: 140px; color: #555; font-size: 14px; text-align: center; }
#my-link {
  position: absolute;
  top: 260px;
  left: 79px;
}
</style>
Style 4
author widget blogger 4
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<div id="about-me"> 
  <img src="https://2.bp.blogspot.com/-yR6RYS9L8io/XIOF0iJ7sxI/AAAAAAAAD8E/kvFnK4nr3qAx8v_-5KDyVyHzhHrUzEnAwCLcBGAs/s1600/asim.jpg" /><h5>I'm a blogger and a content writer too. You can follow me on the social media profiles. My Blog is LearnSEO.pro<br /><br />Email: admin@learnseo.pro<br />Phone: xxxx-xxx-xxx<br />Skype ID: asimmirza.com</h5>
<h4>Author Name:</h4><p>Asim</p>
</div>
<div id="my-link"><p>Follow On</p>
<a href="https://www.facebook.com/howtolearnseo/" target="_blank"><img src="https://2.bp.blogspot.com/-ICHQCne0ycc/XIOFJ6syNNI/AAAAAAAAD7o/8iXkLpRfZBkcEPZhcfYvDXRVRqvPGO77QCLcBGAs/s1600/fb.png" title="Facebook" width="35px" height="35px" /></a>
<a href="https://twitter.com/learnsmo" target="_blank"><img alt="Twitter" src="https://1.bp.blogspot.com/-UsBn4bx9zn0/XIOFV7HXJNI/AAAAAAAAD7s/PO_ciNs1uY0Xr1KqC_1njzmBb4H9QphMgCLcBGAs/s1600/twitter.png" title="Twitter" width="35px" height="35px" /></a>
<a href="https://www.linkedin.com/in/iamasim/" target="_blank"><img alt="linkedin" src="https://3.bp.blogspot.com/-7OvqrEH6MZ4/XIOFWaK6k0I/AAAAAAAAD70/96m4t7geyisM6K9QPqq6IuqZu77oRmlkQCLcBGAs/s1600/linkedin.png" title="linkedin" width="35px" height="35px" /></a>
<a href="https://www.pinterest.com/" target="_blank"><img alt="Pinterest"  src="https://4.bp.blogspot.com/-_Aq6CzXBJ6k/XIOFWAX61iI/AAAAAAAAD7w/FUdk-fYE0L0HwHWxeqJPEKZcZYrPtmr-QCLcBGAs/s1600/pinterest.png" title="Pinterest"  width="35px" height="35px" /></a></div>
<style>
#about-me {
  color: #444;
  width: 275px;
  border: 2px solid #A0A0A0;
  background-color: #fafafa;
  font-family: 'Open Sans Condensed',sans-serif;
  height: 310px;
}
#about-me img {
  border: 2px solid #A0A0A0;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 15px;
  border-radius: 4px;
  left: 186px;
}
#about-me p {
  position: absolute;
  top: -2px;
  font-size: 18px;
  font-weight: bold;
  left: 99px;
  color: rgb(58, 148, 227);
  letter-spacing: .4px;
}
#about-me h5 {
    border-top: 3px double #999;
    width: 165px;
    position: absolute;
    left: 13px;
    padding-top: 5px;
    top: 16px;
    color: #747272;
    font-size: 15px;
    letter-spacing: 0.2px;
    text-align: left;
}
#about-me h4 {
    font-size: 18px;
    position: absolute;
    top: 15px;
    left: 8px;
    border: 0;
    color: #555;
}
#my-link {
  position: absolute;
  top: 268px;
  left: 10px;
}
#my-link p {
position: absolute;
  bottom: 29px;
  color: #444;
  font-size: 16px;
  font-weight: bold;
  left: 3px;
}
#my-link img{
border-radius:5px;
padding:2px;
}
</style>

Customization According to you:

To Change Profile Pic:
Replace https://2.bp.blogspot.com/-yR6RYS9L8io/XIOF0iJ7sxI/AAAAAAAAD8E/kvFnK4nr3qAx8v_-5KDyVyHzhHrUzEnAwCLcBGAs/s1600/asim.jpg with your profile pic url. And size should be 80x80 for better view.

To Change name:
Replace Asim with your name. Maximum characters of name - 12.

To Change description:
Replace green colored text with your own description, should not be very lengthy.

To add your social profiles links:
Replace the yellow colored social profile links with your own.  

Hope this widget will work perfectly on your blogger. If not, kindly connect with us. We will solve it as earliest as we can do.
Thanks 

start a blog
How to Create  a Blog?
Do you know guys what blogs are? If you don’t know than not be worry because you have come on right place.
A blog or we can say a shortening of “weblog” is an online journal or informational website displaying information in the reverse chronological order, with latest posts appearing first. It is a platform for a writer where they can share their views on an individual subject. It is typically one run by an individual or small group, that is written in an informal or conversational style.
It is a type of website that focuses mainly on written content,we can also called it as blog posts. In day to day life we most often hear about news blogs or celebrity blog sites.

How to start a Blog quickly ?

  • Choose a blog Name
  • The first step is to choose your topic name on which you want to write a blog.
  • A blog should be on Hobbies & passions ,real life experiences, or may b a personal blog.
  • An effective blog name should be illustrative so that potential readers can instantly tell what your blog is about just from the name.
  • If you are blogging on one specific topic then you will definitely have to include that in some way in your blog name. Don’t get hung-up on just one word though. If you are writing a personal blog where you want to discuss on variety of topics then use your name, or some kind of variation of it as your blog is all about you only.

To get your blog online:

  • Choose your website platform.
  • Get a domain name for your blog post.
  • Choose a cheap and reliable web hosting solution if needed, however blogger.com and wordpress are self hosted platforms to start a new blog.

To Promote your blog :

  • Use different  affiliate programs to sell other’s products through your blog.
  • Choose established potential advertisers for promotions.
  • Market your services to your target readers.
  • Write and publish your post relevant and good quality contents.
  • Regularly update and optimize your blog.
  • To attract more visitors & traffic to your blog use SEO tools.
  • Make money with your blogging.

Blogging in detail

Online influencers are recognizing the power of bloggers for their businesses. Blogging now-a-days gaining so much popularity with the advent of Web 2.0 and social networking. Blogging contents had a crucial impacts on politics , society & business.
There are some popular terms and their important variations that you should be aware of if you want to start your own blog.
 

Blogging
Act of writing a post for blog.
Blogger
A blogger is a person who writes or creates content for a blog.
Blogosphere
An online community consisting of blogs and bloggers.


Types of bloggers
There are 5 types of bloggers recognized according to the today's trends:

  • Hobbyist bloggers
  • Part time professional bloggers
  • Full time professional bloggers
  • Corporate bloggers
  • Entrepreneur bloggers

Top 10 highest earning blogs
Here is an updated list of the top 10 highest earning blogs in the world.

  • The Huffington post (Monthly earnings: $2,330,0000)
  • Mashable (Monthly earnings: $560,000)
  • Perez Hilton (Monthly earnings: $450,000)
  • TechCrunch (Monthly earnings: $400,000)
  • Smashing magazine (Monthly earnings: $190,000)
  • Timothy Sykes (Monthly earnings: $150,000)
  • Gothamist (Monthly earnings: $110,000)
  • Tuts Plus (Monthly earnings: $110,000)
  • Car advice (Monthly earnings: $70,000)
  • Venture beat (Monthly earnings: $60,000)

The Best 25 Blogging or Blog Posting Sites List
CLICK HERE

enable https
How to enable https SSL on Blogger for Free?
There are many bloggers, webmasters and online marketers are using free blog service given by google. They always get a domain name like: http://mysite.blogspot.com
There are many who are still not aware that they can enable free ssl certificate on their blogspot.com domain name. Then their domain will be like: https://mysite.blogspot.com

I will guide you to enable https on blogger. The steps are given below:

1. Login to your Blog https://www.blogger.com/
2. After logging in Go to Settings > Basic > HTTPS > HTTPS availability. And enable it by selecting "Yes". Follow the screenshot given below.

https blogger

3. You are done...


How to enable your Blogger Custom domain from http to https?
If you have enables custom domain on your blogger. Then also you can integrate the ssl (http to https) on your blogger custom domain name.

Steps are same as given above. You have to goto Settings > Basic > HTTPS > HTTPS availability. And enable it by selecting "Yes".

This feature has recently launched it by blogger, however prior to this it was very difficult task to implement https to your blog or blogger custom domain name.
After following all these steps remember to make these changes too, which are as follows:
  • First, you need to update your Robots.txt file to make your blog SSL compatible
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.learnseo.pro/sitemap.xml
  • In Google Search Console, add new property in this way: https://www.learnseo.pro
  • After adding the new property and verifying it, then submit your HTTPS version blog’s sitemap.XML like: https://www.learnseo.pro/sitemap.xml
  • Finally, your blogger blog is ready to go live on the web, and it is fully SSL certified. 
 Advantages of using SSL Certificates:
  • Your site will look more professional
  • SSL Certificates will protect your blog from hackers and unauthentic attacks
  • SSL Certificates make your blog secured and faster
  • Using HTTPS your blog’s ranking in Google and other search engines will improve
GET FREE SSL CERTIFICATE FOR YOUR BLOGGER BLOGSPOT and CUSTOM DOMAIN

Add Popup Email Subscription
How To Add Popup Email Subscription Form Widget for Blogger
In this article, LearnSEO.pro is explaining How To Add Popup Email Subscription Form Widget for Blogger. This pop up will not bother visitor or user every time he/she visits your website or blog. Once user will close or subscribe this widget, it will come up again after 7 days.

How To Add Popup Email Subscription Form Widget for Blogger? Steps to follow:
These steps are to add One Time Popup Email Subscription form widget for blogger.

Step 1. Go to Layout  > Add a Gadget (Follow below screenshot)
Add Popup Email
Step 2. Scroll down and choose HTML/JavaScript
Add Popup
Step 3. Paste this below given code in Content box and Click Save Tab (See Screenshot)
Add Popup Subscription

<------------- Code Starts ------------->

<style>
#backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background-color: transparent;       background:rgba(0, 0, 0, 0.5);z-index:999; }
#popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:350px; width:500px; background:#FFFFFF; border:4px solid #ddd; z-index:999; padding:8px; font-size:13px; }
#popupContactClose{    background:url(http://3.bp.blogspot.com/-V2A37T0PQ24/U3IuYpfg4DI/AAAAAAAAC_8/YzHEp7rFzSc/s1600/close.PNG) no-repeat;    width:25px;    height:29px;    display:inline;    z-index:3200;    position:absolute;    top:-15px;    right:-16px;    cursor:pointer;    text-indent: -99999px;}
#description {    color: #AAAAAA;    font-family: times New Roman;    font-size: 25px;    font-style: italic;    line-height:30px; }
#description img {    float: left;    height: 80px;    padding: 0 25px 0 10px;    width: 80px; }
#btntfollowForm {  padding: 15px; }
#btntfollowForm img {  border:none; }
#btntfollowForm p {  margin: 0 0 10px;}
#btntfollowForm input:not([type="checkbox"]){ width: 93%; margin-top: 10px;        margin-bottom: 20px; padding: 10px 5px 10px 25px;  border: 1px solid rgb(178, 178, 178); -webkit-appearance: textfield; -webkit-box-sizing: content-box;   -moz-box-sizing : content-box;       box-sizing : content-box; -webkit-border-radius: 3px;    -moz-border-radius: 3px;         border-radius: 3px; -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;         box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; -webkit-transition: all 0.2s linear;    -moz-transition: all 0.2s linear;      -o-transition: all 0.2s linear;   transition: all 0.2s linear; }
#btntfollowForm input:not([type="checkbox"]):active,
#btntfollowForm input:not([type="checkbox"]):focus{ border: 1px solid rgba(91, 90, 90, 0.7); background: rgba(238, 236, 240, 0.2); -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;         box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;}
#btntfollowForm .button input{    background: none repeat scroll 0 0 #3D9DB3;    border: 1px solid #1C6C7A;    border-radius: 3px 3px 3px 3px;    box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0 0 0 3px #FEFEFE, 0 5px 3px 3px #D2D2D2;    color: #FFFFFF;    cursor: pointer;    font-family: 'Arial Narrow',Arial,sans-serif;    font-size: 24px;    margin-bottom: 10px;    padding: 8px 5px;    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);    width: 30%;    float: right; }
#btntfollowForm .button input:hover{    background: #4ab3c6; text-decoration: none; }
#btntfollowForm .button input:active,
#btntfollowForm .button input:focus{ background: rgb(40, 137, 154); position: relative; top: 1px; border: 1px solid rgb(12, 76, 87);   -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;    -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;         box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; }
.btntFollowFooter {  color:#222;  text-align: center;    font: 10px Tahoma, Helvetica, Arial, Sans-Serif;    padding: 7px 0;    margin-top: 80px;    text-shadow: 0px 2px 3px #555;    position: absolute;    width: 500px; }
.btntFollowFooter a {    color: #222;    text-decoration: none; }
.btntFollowFooter a:hover {    color: #fff; }
<!--[if lt IE 7]>
#btnt-container a.btntCloseImg {    background:none;    right:-14px;    width:22px;    height:26px;     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://3.bp.blogspot.com/-V2A37T0PQ24/U3IuYpfg4DI/AAAAAAAAC_8/YzHEp7rFzSc/s1600/close.PNG',sizingMethod='scale'); }
#btntfollowForm  input{ padding: 10px 5px 10px 32px;    width: 93%; }
#btntfollowForm  input[type=checkbox]{ width: 10px; padding: 0;}
<![endif]-->
</style>
<div id="backgroundPopup">
<div id="popupContact">
<a href="" id="popupContactClose">x</a>
<div id="btntfollowForm">
<img alt="Subscribe" border="0" float="center" src="http://1.bp.blogspot.com/-gub7sIrf3NE/VXtJQbzhPjI/AAAAAAAAB94/1DHhB-zQHic/s1600/never-miss-update.png" />
<div id="description">
<img alt="email" border="0" src="http://2.bp.blogspot.com/-Zxy5MKH1X9U/VXtNRmZRVtI/AAAAAAAAB-U/EG5x5Gi7U0c/s1600/mail.png" />Subscribe to our mailing list to get the updates to your email inbox...</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=learnseo/DZVb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="email" placeholder="Enter Your Email..." required="required" type="text" /><input name="uri" type="hidden" value="learnseo/DZVb" /><input name="loc" type="hidden" value="en_US" />
<div class="button">
<input type="submit" value="Subscribe" /></div>
</form>
</div>
<div class="btntFollowFooter">
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a> | powered by <a href="http://www.learnseo.pro" rel="dofollow" target="_blank">LearnSEO.pro</a></div>
</div>
</div>


<script src="http://yourjavascript.com/24315621361/jquery.cookie.js" type="text/javascript">
</script>
<script type="text/javascript">
     var popupStatus = 0;
//this code will load popup with jQuery magic!
function loadPopup(){
    //loads popup only if it is disabled
    if(popupStatus==0){
        $("#backgroundPopup").fadeIn("slow");
        $("#popupContact").fadeIn("slow");
        popupStatus = 1;
    }
}

//This code will disable popup when click on x!
function disablePopup(){
    //disables popup only if it is enabled
    if(popupStatus==1){
        $("#backgroundPopup").fadeOut("slow");
        $("#popupContact").fadeOut("slow");
        popupStatus = 0;
    }
}

//this code will center popup
function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    //centering
    $("#popupContact").css({
        "position": "absolute",
        "top": windowHeight/2-popupHeight/2,
        "left": windowWidth/2-popupWidth/2
    });
    //only need force for IE6
    $("#backgroundPopup").css({
        "height": windowHeight
    });

}
//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
    if ($.cookie("anewsletter") != 1) {
        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    }    
    //CLOSING POPUP
    //Click the x event!
    $("#popupContactClose").click(function(){
        disablePopup();
        $.cookie("anewsletter", "1", { expires: 7 });
    });
    //Press Escape event!
    $(document).keypress(function(e){
        if(e.keyCode==27 && popupStatus==1){
            disablePopup();
            $.cookie("anewsletter", "1", { expires: 7 });
        }
    });
});
</script>


<--------------- Code Ends Here ------------->

Step 4. Replace the Feedburner Usersname ( learnseo/DZVb Given in Red with your own Feedburner Username. And you are done...

Free Blog
How to Create Free Blog or Website on Blogger
Step 1. Open http://www.blogger.com and Sign in with your Gmail Email ID.

Step 2. Click New Blog Tab (See below screenshot)
Free Website
Step 3. Type required Blog address, If available (See below screenshot)
Free blogger
Step 4. Select any template, as per your choice and Click Create blog Tab

Step 5. Now click Post tab and create your own post. And design it using options given in the post
create blog
Step 6. Enjoy your free blog

Asim

{facebook#YOUR_SOCIAL_PROFILE_URL} {twitter#YOUR_SOCIAL_PROFILE_URL} {google-plus#YOUR_SOCIAL_PROFILE_URL} {pinterest#YOUR_SOCIAL_PROFILE_URL} {youtube#YOUR_SOCIAL_PROFILE_URL} {instagram#YOUR_SOCIAL_PROFILE_URL}

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget