The Largest Hub of Blogging Info | OnlineInfoPoint: BLOGGING

Showing posts with label BLOGGING. Show all posts

6 Best ways to Make Money Blogging

Daily, millions of people work online to earn money and many of them use blogging for good earning but they choose some wrong ways for earning. Hundreds of best money making ways use in blogging but not all give good amount of money to blog owner. So, you all are here to know about the best ways to make money from blogging, trust me the 6 ways which is present below are the best ways for earning, by carefully following the below ways you can make thousands dollar monthly from blogging.

Something you need to follow before apply all methods.

Your blog must have targeted audience
Your blog must have a powerful readership
Your blog must receive feedbacks and comments from your fans
Your blog must receive thousands of pageviews perday
Your blog should have original and quality contents
You must have a great communicate with your fans.

Apply for Infolinks

Infolinks is No.1 In-text-advertising program and it is providing best service to all bloggers. In-text advertsing is an advertising program which works on blog post keywords, after apply and integrate infolinks in your blog your work is done, now info links find suitable and optimized keywords in your blog post and add links on them. Which Links? the links will be provided by infolinks' advertisers.

Apply for Adsense

You all know about adsense and i think you all are angry on adsense because adsense is not giving approval for websites :-). Why does adsense not approve account. Adsense wants genius persons who have knowledge about CPC or CPM. The 5 condition which i have already provide above is the key for adsense approval, you should follow that condition then apply for adsense.

E-Book Selling

E-Book selling is the main source of earning through blogging, you can earn more than you think, inshort you can make unlimited money through E-book selling because the number of bloggers is increasing day by day and every one need some guide on every topic and then they purchase e-books to learn their need. You can make E-book on any topic related with your blog niche.

Affiliate Programs

Affiliate programs are the 2nd main source of earning after E-book through blogging. Basically in affiliate marketing we sell out company's products with our own links and after selling, company gives us commission on every sell. You can also earn a large amount of money through affiliate marketing.

Direct Ad Posting

You can earn money through direct ad posting on your blog, actually direct ad posting works individually, when ever any company will see your blog and that company is related with your niche then they want to advertise their service on your blog to get more customers and for this they will order ad spot place on your blog, they pay for you.

Sell Template and Themes

If your are a code designer with great photoshop skills and you have knowledge about HTML, CSS and Javascript so, you can create good looking and professional templates and sell them to your users on your blog. You can also use external sites like themeforest.

Note: You should follow the above 6 conditions before start earning from your blog. If you will not follow the conditions, so you will not earn a large amount from your blog.

Why Social Media is Important for Blogging

Hassan Ahmed BLOGGING

Blogging is a great platform to learn, to tech and to become a professional. For all these, you should have a great targeted audience. Starting blogging career is easy but getting success is hard, due to tough competition in blogosphere, getting traffic is now very hard. Thousands of bloggers end their blogging career due to no traffic. Hundreds of popular ways are available to get targeted audience on blog and social media is the one way from that hundreds.

Is Social Media is Important for Blogging?

Yes, social media is very important for blogging, if you start a blog or any business as well, you should have your blog account on popular social networks such as facebook, twitter, google+ etc. This will make you trusted in front of people because people will get source to engage with you and you should also engage with your fans to attract them to your services.

Now here are the 5 importance of using social media for blogging, must read carefully.

5 Importance of Social Media for Blogging

Promote Your Blog Services

By using social media network you can easily promote your blog services, find people who are looking for the services like your blog, connect with them and tell them that what you are providing through your blog and how can you help them. Provide solutions for their problems, once they will understand that you are helpful for them then they will connect with you for future problems and guidance.

Get Fans for Your Blog

Getting fans for the blog is a hard challenge but it can be mostly done with social media networks because social networks like facebook, twitter, google+ etc are the place where people can find and connect with bloggers easily. On social networks people can easily get answers for their questions instead of submitting any contact form.

Get High InBoundLinks

Inboundlinks are the best and little things to grow your blog health, you can't think that how Inboundlinks can grow your blog traffic, some time alexa rank also decrease due to have better amount of Inboundlinks on blog. If you have successfully got fans on social network for your blog so, you can get high and great Inboundlinks for your blog through social network, the work is simple after write any post on blog share the link and short description of that post on your social media networks and share them with your fans and when your fans click on link they will redirect to your blog, this will increase your blog inbouldlink quanity, your blog traffic and decrease your alexa rank.

Good Reader Ship

When you will get a high traffic on your blog, then you will receive some feedbacks from your fans on your blog via comments, your duty is to not ignore the comments, give reply for all comments this will make your and blog readers engagement more strong, next time your readers must left their comments for you and comments are also the best things to get traffic to your blog.

Increase Blog Health

Maximum work has done to increase your blog health, you have got fans, high inboundlinks and power full readership on your blog, now you will be able to receive thousands of pageviews per day and now wait for more success for your blog and for our more quality contents on SEO and Blogging.

Don't forget to post your feedback via comments after read the post :-)

How to add CSS Stylish Navigation Menu On Blogger Blog

Unknown BLOGGING, WIDGETS

Hello Friend!Our previous article is on How to add the author bio widget in blogger blog So today our article is on how to add this stylish Navigation bar in your blogger blog.If the primary navigation on your site or blog doesn’t provide enough space for putting all links, then this secondary CSS menu will allow you to put a lot of links in it.This navigation bar is made up of HTML and CSS no JavaScript is use in it.Many Professional blogger use Navigation menu for blogger.because adding navigation menu to your blogger blog make the visitors to quickly get the required content what they want.So many people need this.Thatswhy i designed this stylish navigation menu for your blog.Follow some simple steps inorder to at this navigation menu in your blog.

HOW TO ADD THIS NAVIGATION MENU ON YOUR BLOGGER BLOG:

Login to Blogger > Dashborad

Click on Drop Down Menu and select Template

Backup your Template before making any changes to your blog

Press CTRL+F and search the code shown below.

]]></b:skin>
. Paste below code just above it.

<style>
#navbarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width:700px;
position: relative;
display: block;
height: 50px;
font-size: 12px;
font-weight: bold;
background:black;
border:3px solid #2aa4cf;
}
#navbarmenu li{
float:left;
padding:12px
margin:0px;
}
#navbarmenu a{
color:#2aa4cf;
font-size:20px ;
padding:20px;
line-height:50px;
text-decoration:none;
}
#li1 a:hover{
padding:12px;
color:white;
background-color:#FDB305;
clear:both;
}
#li2 a:hover{
color:white;
background-color:#AF05FD;
clear:both;
padding:12px;
}
#li3 a:hover{
color:white;
background-color:#FD05D0;
clear:both;
padding:12px;
}
#li4 a:hover{
color:white;
background-color:#058DFD;
clear:both;
padding:12px;
}
#li5 a:hover{
color:white;
background-color:#FD3B05;
clear:both;
padding:12px;
}
</style>

.LAYOUT –> ADD A GADGET –> HTML/JAVASCRIPT

.Copy the below code for and paste it there.

<body>

<div id="navbarmenu">

<ul>

<li id="li1"><a href='#'><span>HOME</span></a></li>

<li id="li2"><a href='#'><span>SERVICES</span></a></li>

<li id="li3"><a href='#'><span>ABOUT US</span></a></li>

<li id="li4"><a href='#'><span>CONTACT US</span></a></li>

<li id="li5"><a href='#'><span>HIRE US</span></a></li>

</ul></div>

.Now Save Your Template

IF you have any Problem regarding this Menu then ask me in Comment section.

EnjoyYou are Done!!

AUTO SCROLLING RECENT POSTS WIDGET TO BLOGGER

Unknown BLOGGING, WIDGETS

AUTO SCROLLING RECENT POSTS WIDGET TO BLOGGER

So,In this tutorial i will teach you how to add this auto scrolling recent post

widget in blogger.Scrolling recent posts widget is a great widget to show the recent posts from your blog with scroll effect.As we all know that designing blogger blogs is become easier now and every blogger designe her blog with awsome coding.You also design your blog if you have some knowledge about coding.So in this tutorial I have a great looking Scrolling effect recent posts widget for you which you can easily add to your blogger blogs. It is an awesome widget.and you can easily customize it according to your wish.

ADDING AND CUSTOMIZATION

Go to blogger >> Layout
Add a Gadget >> Add an HTML/JavaScript Widget
Now just copy all below code and paste it inside HTML/JavaScript Widget

</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjkInsyQChWOuBhykL94QXvDZ5_c1106NeepzlEXftlUVnu85sMwc-p5LvYA9TmNS8hoGBT2hYFCPqmkaGlZ8qkgHP0qXQG-ORKhoayj1KEBXJPgqbl1OLAChwnkAkxMUOmGYA7JOiQI/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjkInsyQChWOuBhykL94QXvDZ5_c1106NeepzlEXftlUVnu85sMwc-p5LvYA9TmNS8hoGBT2hYFCPqmkaGlZ8qkgHP0qXQG-ORKhoayj1KEBXJPgqbl1OLAChwnkAkxMUOmGYA7JOiQI/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjkInsyQChWOuBhykL94QXvDZ5_c1106NeepzlEXftlUVnu85sMwc-p5LvYA9TmNS8hoGBT2hYFCPqmkaGlZ8qkgHP0qXQG-ORKhoayj1KEBXJPgqbl1OLAChwnkAkxMUOmGYA7JOiQI/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjkInsyQChWOuBhykL94QXvDZ5_c1106NeepzlEXftlUVnu85sMwc-p5LvYA9TmNS8hoGBT2hYFCPqmkaGlZ8qkgHP0qXQG-ORKhoayj1KEBXJPgqbl1OLAChwnkAkxMUOmGYA7JOiQI/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjkInsyQChWOuBhykL94QXvDZ5_c1106NeepzlEXftlUVnu85sMwc-p5LvYA9TmNS8hoGBT2hYFCPqmkaGlZ8qkgHP0qXQG-ORKhoayj1KEBXJPgqbl1OLAChwnkAkxMUOmGYA7JOiQI/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.onlineinfopoint.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>

Replace http://www.onlineinfopoint.com/ with "your blog url"

Thats all save your widget

If you face any problem while adding this widget kindly leave your comment below so I will help you

Add stylish subscription widget to your blog

Unknown BLOGGING, WIDGETS

So in this tutorial i will teach you how to add stylish subscription widget to your blog.As you all know that blog without a subscription box make no sense.I recommend you to keep your blog in a good condition.If you have a subscription box then your blog gain more traffic.you can get any subscription widgets very easily just paste their coding in to your blog.today in this tutorial i have a great looking awesome subscription widget for you which you can add your blogger blog very easily.Adding this stylish subscription widget to your blog is very simple.you may need to follow just simple steps.

HOW TO add this widget to your blog

Go to blogger >> Layout
Add a Gadget >> Add an HTML/JavaScript Widget
Now just copy all below code and paste it inside HTML/JavaScript Widget

#email-news-subscribe .email-box{
        padding: 5px 5px;
        font-family: "Arial","Helvetica",sans-serif;
       height:38px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;} 
    #email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#666 0,#333 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
  
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:white;
    
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}

#email-news-subscribe .email-box input.subscribe:hover{
  
        background-image:-moz-linear-gradient(top,#333,#666);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
     
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:#FFFFFF;
     }

#other-social-bar {
        padding: 0px;
        overflow: hidden;
           height:37px;
         margin-top:-8px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}

#other-social-bar .other-follow {
        float: left;
        overflow: hidden;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow li {

display:inline;
        border:0;
      }

#other-social-bar .other-follow li a {
        font-size: 12px;
        color:#666;
        font-weight: bold; font-family:arial;
        display:inline;
        }
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGXgH76si1wV9SpAyi0L0pt2sNzAXAugXfAtH3dlq88UJfbCHpyl1yOXKWBfcpfie6Fiscp0PtsIDt5dgrActGcmhmDSz-YWmkfOmKdR-9CpQMCXfF0ilwhi7AHFjBFUUVjNabCGp9kro/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXsfUOEKKIuZjmIipdBXlkmjlwDL6ryCvcASAr8NyVnyD21d-iEoS0tL8-kTCyaqeOl7aZ0eZXaDTieJAWlFOKPkI_Cl5hClU7RZYBg5dGJ-iblwC_EpQACslg-8kxOiJlsumB1V9bsGc/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHfe0hZcUrs8pONkDMnAJ1RTGmAbKl8foX7u9MNfmGjQ3jB3dUkMs3p4uMQptJfHUGIErDKQsIKx5BAlkSs_N3wAvJ7AninaSJY_MyWNdB01D-mfD5p9w7_Jb3BdRiAyvFp-Jxq0rZwqA/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

.emailicon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rKl7cHYjW6TBFvRZIXIqZ7qdxYSdkOg7GpaK2nIQUf1B0Ryel_AcZ_QJc9NZuF8BetzZM2xC1l8Lfaq-wbcWV9WTHXw-JY-FcEvzHsN2zQsmrfd5J3KSnomlHHuyOWpSljprzzdV59Su/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family:  impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
    </style>

<div class="emailicon">
<p>
Subscribe to our Free Email Updates! </p>
</div>
<div id="email-news-subscribe">
<div class="email-box">
 <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />

<input type="hidden" value="apnichoice" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form>
</div>
</div>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/apnichoicecom" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/zahoor1042"  target="_blank">Twitter</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/116122930547110203859 target="_blank">Google Plus</a> </li>
</ul>
</div>
</div>

CUSTOMIZATION

Replace feedburner id with "your feedburner id"
Replace twitter username with "your twitter username"
Replace google plus id with "your google id"

Thats all save your widget

If you face any problem while adding this widget kindly leave your comment below so I will help you

CHANGE BLOGGER LABEL LINKS WITH BEAUTIFUL BUTTONS USING CSS3

Unknown BLOGGING, WIDGETS

In this tutorial i am going to teach you how to change blogger label links to beautiful style using css3 code.As we all know that designing blogger blogs is become easier now and every blogger designe her blog with awsome coding.You also design your blog if you have some knowledge about coding.

follow some simple steps to change the style of label.

how to change blogger labels links

First go to blogger account
Go to template/Edit HTML
Find this code ]]></b:skin> By using CTRL+ key
Now paste the below code just above the ]]></b:skin>

Now click save template.
Now add label widget.

adding label widget to blogger

Go to layout /ADD A GADGET/and ADD LABEL WIDGET.
Now select the cloud widget where it say DISPLAY
Now save your template and you're done.

Dont forget to subscribe us and sharing this post.

thanks

How To Add Mini Social Icons With CSS And Image Sprite Flip Effect

Unknown BLOGGING

The icons are for Facebook, Twitter, Google+, Rss Feed, Pinterest, Skype, Vimeo, Dribbble, Flickr, LinkedIn and Youtube.But as I did in the footer you can remove the icons you don't want displayed.

Adding The Mini Flip Social Icons To Blogger

#1.Go to blogger >> Layout

#2..Add a Gadget >> Add an HTML

#3.Now just copy all below code and paste it inside HTML

<ul class="spicesocialwidget">
<li class="facebook">
<a rel="nofollow" href="http://www.facebook.com/" target="_blank" title="facebook">
</a></li>
<li class="googleplus">
<a rel="nofollow" href="https://plus.google.com/" target="_blank" title="googleplus">
</a></li>
<li class="pinterest">
<a rel="nofollow" href="http://pinterest.com/" target="_blank" title="pinterest">
</a></li>
<li class="twitter">
<a rel="nofollow" href="http://twitter.com/" target="_blank" title="twitter">
</a></li>
<li class="rss">
<a rel="nofollow" href="http://feedburner.com/" target="_blank" title="rss">
</a></li>
<li class="skype">
<a rel="nofollow" href="http://www.skype.com/" target="_blank" title="Skype">
</a></li>
<li class="vimeo">
<a rel="nofollow" href="http://www.vimeo.com/" target="_blank" title="vimeo">
</a></li>
<li class="dribbble">
<a rel="nofollow" href="http://www.dribbble.com/" target="_blank" title="dribble">
</a></li>
<li class="flickr">
<a rel="nofollow" href="http://www.flickr.com/" target="_blank" title="flickr">
</a></li>
<li class="linkedin">
<a rel="nofollow" href="http://www.linkedin.com/" target="_blank" title="linkedin">
</a></li>
<li class="youtube">
<a rel="nofollow" href="http://www.youtube.com/" target="_blank" title="youtube">
</a></li>
</ul>
<style>
ul.spicesocialwidget {float:right;}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG1T8MZ85U6xWA2b8SaU44s6JjOnoJggDqIdsnIbpk6ka_RAJkSxJVJKxRtc2wMRPu9PoGLReIFfzqI-4uwc-D0pTV_NyLa6b0ZCA3Y-Un-6TJdNBJTBdEniv_wOCOPNl-yu-8sY-TD-Dd/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG1T8MZ85U6xWA2b8SaU44s6JjOnoJggDqIdsnIbpk6ka_RAJkSxJVJKxRtc2wMRPu9PoGLReIFfzqI-4uwc-D0pTV_NyLa6b0ZCA3Y-Un-6TJdNBJTBdEniv_wOCOPNl-yu-8sY-TD-Dd/s1600/spice-social-gadget-sprite.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 0}
ul.spicesocialwidget li.flickr a{ background-position:-32px 0}
ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}
ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}
ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}
ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}
ul.spicesocialwidget li.rss a{ background-position:-192px 0}
ul.spicesocialwidget li.skype a{ background-position:-224px 0}
ul.spicesocialwidget li.twitter a{ background-position:-256px 0}
ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}
ul.spicesocialwidget li.youtube a{ background-position:-320px 0}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}
ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}
ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
</style>

CUSTOMIZATION

Change The Red Colour Links With Your Social Profiles Links

If You Have Any Problem Then Leave a Comment Below

So , We Can Help You

Thanks

How to add Beautiful Subscription widget for blogger

Unknown BLOGGING

So in this tutorial I have a great looking SUBSCRIBE widget for you which you can easily add to your blogger blogs. It is an awesome widget.Whenever the user post new content they will get the news on their email immediately.

How to add This Beautiful Subscribe now Widget in Blogger?

#1.Go to blogger >> Layout

#2..Add a Gadget >> Add an HTML

#3.Now just copy all below code and paste it inside HTML

style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-HjiqARL55gKLSG32o-09UZ5GGy5Is_X7d6g37ucsvVnqZsTOhnwDKRQAYX2VpldQI6rMteAQJw5M2elRt-atu6HLsSb5WYKpjLus2T34jesJjqo7LwK5lXGh9cNnIZMOa_cfe-6jY0A/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ05y5EgYq0stLdpsJ_dbQU3Z0MXSzHROEp52GA_AipSpPoMKRsJ_22fecQrIbFit89UID1ylhp3-DBg6l3zgLKf8AZnrVMoWGotEVSdWSjyQMhVgV71mCMtonFNl6X5HKmu1iQgvrzSA/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id=”sidebar-subscribe-box”>
<div class=”sidebar-subscribe-box-wrapper”>
<br/>
<a class=”social-icons” target=”blank” href=”https://www.facebook.com/ONLINEINFOPOINT“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhw5FKW_B-kZcg4LJJUeFGoSVzWFUQM74PfGIb6CmU0vT4kHaVqKDTMnit_9w0LNfCL74ClEYeUDu0ouCyORVy3U9PGJc_gmjF-SKdnbdffdGLLlFaP5Pz3aeKtHDlle5s9GqUV5okF1R7/s1600/Bloggertrix-facebook.png” /></a>
<a class=”social-icons” target=”blank” href=”https://twitter.com/HAMZA NAQVI“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3SsGO_V3iLrxoN0bc6Tyx9fSmUiQKeQICZYLSaOy2zytCiBMmkcIk0No8KojU48zG8VuTzH0jOb69NdztfNPXdAyLxRyy3-7pLT2swExS5RbH5sJia8aJ3wDoFKZTGB_6h93Iki-x-AVY/s1600/bloggertrix-twitter.png” /></a>
<a class=”social-icons” target=”blank” href=”https://plus.google.com/102757785766576124297“><img src=”http://3.bp.blogspot.com/–KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png” /></a>
<a target=”blank” class=”social-icons” href=”http://www.feedburner.com/ONLINE INFOPOINT“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh836CkPCBEElDtHfWXYZnnGCRx3SATcC0wJk5-OyNPBZJ4cAIOxzZyRI-iQcnEJuh36mnogSA6H1HRMVPe5DicqEMHgld2vSMnmdDzRDIwkSsMGGu9CRH-ppY2w-1anU5yP4m6bvnSjyqh/s1600/Bloggertrix-Rss.png” /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class=”sidebar-subscribe-box-form”><form action=”http://feedburner.google.com/fb/a/mailverify?uri=BestBloggersCafe” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=ONLINE INFOPOINT‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”ONLINEINFOPOINT” />
<input name=”loc” type=”hidden” value=”en_US” /><input class=”sidebar-subscribe-box-email-field” name=”email” autocomplete=”off” placeholder=”Enter your email address here”/>
<input class=”sidebar-subscribe-box-email-button” title=”" type=”submit” value=”Subscribe Now !” /></form>
</div></div></div>

LITTLE BIT CUSTOMIZATION:

Just change the links with yours for example:

#1.Change the Blue color ONLINE INFOPOINT to your Facebook Page name.

#2..Change the Pink Color HAMZA NAQVI to your twitter user name.

#3.Change The Purple color Google+ link to your own.

#4.Change all three Dark black Color ONLINE INFOPOINT to your Feedburner name

That's All Just save your widget and view your blog

If You Have Any Problem Then Leave a Comment Below

So , We Can Help You

Thanks

Apply for Infolinks

Apply for Adsense

E-Book Selling

Affiliate Programs

Direct Ad Posting

Sell Template and Themes

Is Social Media is Important for Blogging?

5 Importance of Social Media for Blogging

Promote Your Blog Services

Get Fans for Your Blog

Get High InBoundLinks

Good Reader Ship

Increase Blog Health

HOW TO ADD THIS NAVIGATION MENU ON YOUR BLOGGER BLOG:

Login to Blogger > Dashborad Click on Drop Down Menu and select Template Backup your Template before making any changes to your blog Press CTRL+F and search the code shown below. ]]></b:skin> . Paste below code just above it.

AUTO SCROLLING RECENT POSTS WIDGET TO BLOGGER

ADDING AND CUSTOMIZATION

HOW TO add this widget to your blog

CUSTOMIZATION

how to change blogger labels links

adding label widget to blogger

Adding The Mini Flip Social Icons To Blogger

#1.Go to blogger >> Layout

How to add This Beautiful Subscribe now Widget in Blogger?

#1.Go to blogger >> Layout

Login to Blogger > Dashborad

Click on Drop Down Menu and select Template

Backup your Template before making any changes to your blog

Press CTRL+F and search the code shown below.

]]></b:skin>
. Paste below code just above it.