How To Install Instagram Widget In Blogger

As we have previously discussed about a social network widget which is twitter feeds widget. This widget are very attractive, simple, but helpful widget for your twitter followers. Similarly today I'm going to share an another social network widget which instagram widget for blogger. It is a one of the most prominent photo sharing apps on the market place.

Instagram is not just for individuals, Business. These fans number approx. 300 million active users per month. That is an antonishing number of potential new customer available for you to capture. Our smartphones accompany us everywhere, we use our phones to text, listen music, watching videos, playing cool games, and taking the images/photos/pictures.

By adding instagram widget in blogger blog, you can unleash a new visual aspect of that site and allow visitors to go beyond just words on page, with the convenience to carry the application around on your smartphone whenever you go, you can take a picture, apply filters and upload that content to your profile. From your profile a widget specially developed for your blog and website. Also these widget are helps you to gain more visitors from your instagram profile.

How To Add An Instagram Widget In Blogger Blog?

1. Go To Instagram Widget Website.
2. Insert your username
3. Select Grid or Slideshow
4. Select your Thumbnails size
5. Customize your widget background
6. Click on Get Code
7. Copy whole code
8. Open another tab
9. Go To Blogger Dashboard>>Layout>>Add Gadget
10. Select HTML/JavaScript Gadget
11. Paste the copied code in your widget
12. Finally Save your widget.
13. That's all!

Final Words

So friends this is our today's tutorial I hope you're fully enjoyed this tutorial and I'm sure that you have add this widget in your blogger blog then please leave your feedbacks. If you are facing problems during this installation so please leave your comments for solutions and don't forget to like our FB page.

Happy Blogging!

Read more

Friday, November 14, 2014

How To Add Google Adsense Below Posts Title

Hello friends how are you today I'm back with the another exiting blogger tricks but in previous we had shared a post which are helped to some people and this trick are really working in the blogger blog if you are not read this previous post so don't worry click this link to read the post Display Blogger Posts In Grid View Mode With Thumbnails.

Google AdSense is the world no 1 contextual ad serving company and almost every blogger or webmaster use AdSense to monetize their blog. But after getting AdSense approval placement of AdSense ad play a crucial role in revenue improvement. You might have observed in many blogs (including my blog) AdSense ads at below post title and end of the post, but why I and other blogger use AdSense at below post title and end of every post? It is because placement of ad in this two spot increases CTR of AdSense. If you are wordpress user then you can place ad anywhere by using plugins, but if your blog is on blogger platform and you are a newbie then its little bit difficulty for you to place ad at below post title, but don’t worry today in this article we will show you how to add AdSense ads below post title and end of the post in blogger.

How To Add Google Adsense below posts titles?

• First Paste your Adsense code in below box.

• After the add your code then click on convert button to parse your adsense code.
• Then go to Blogger Dashboard
• Template>>Edit HTML.
• Find the below code.

<data:post.body/>

•  If you seen this above code maximum so stop at the second code.
• Replace the <data:post.body/>

 <div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Add here the code of your ad --></div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

• Replace the highlighted code with your converted adsense code.
• Finish.
• You're done!

Final Words

So friends this is our adsense tutorial which are liked by many peoples so if like this tutorial then please share this on your social media profiles with your friends and if you're facing problem or getting error during this process so please leave your comments for your solutions and don't forget to like our Facebook page.

Happy Blogging!

Read more

How To Add Twitter Feeds Widget In Blogger

Hello friends today I'm back with great another tutorial that is add the twitter feeds widget in your blogger blog. Many people use the twitter social network platform for social sharing and marketing because it is a great social network and all time large number of active users.

One thing are coming with this social network that is its feed widget which are originally developed by twitter this widget are shows your latest tweets feeds from your twitter account. It contain also a little twitter follow button, so you will reach more follower in other words once you have put this widget in your blogger blog then you gain more twitter followers and their tweets. Twitter feeds widget is popular because its a clean, useful and easy to install.

Advantages Of This Widget:-

• Gain More Twitter Fans / Followers
• Live twitter feeds
• Great impression to visitors
• Easy to customize
• Easy to install in Blog
• And Much more.

This is the official widget not the third party it is developed by Twitter for all kind of websites and blog to improve twitter followers quantity, it is a simple widget that display the most recently feeds from your twitter account. See its live demo.

Tweets by @NbtTricks

How To Add Twitter Feeds Widget in Blogger?

• Go To Twitter Widget Creator Page.
• Put Your Username
• Adjust height of the widgets
• Or Make default settings like below image.

• After the setting click on Create Widget button.
• Copy the code from the bottom.
• Now Go To>>Blogger Dashboard>>Layout>>Add Gadget
• Select HTML/JavaScript
• Paste the copied code in the widget.
• Then Click on Save.
• You are Done.

Last Words

So friends this is our another tutorial which is based on blogger widget category. I hope you will gain more twitter followers and their twitter feeds If you're facing problem or getting error during this process so leave your comments for your solutions also like our facebook page.

Happy Blogging!

Read more

Thursday, November 13, 2014

How To Add Facebook Floating Like Box In Blogger

Hello friends we're back after a long time last we've discussed about the Blogger widget that is beautiful social subscription widget this having all necessary social networks follow button please check this. So Today post is same as previous post but it is facebook sliding like box.
This widget remains easiest way of increase facebook likes for your blog. this widget in a fixed position on right hand side of your blog. when you hover over the widget , the widget has animated with the Help of Jquery Simple when you take your mouse cursor on facebook widget,the like box and button appear.and its work Jquery.
Facebook pop up like box now a days used by many bloggers and webmaster to increase their Facebook fan page traffics in short period of time. Facebook pop up like box gain popularity day by day and it becomes a well known Facebook widget in past. in you might have observed that now a days every one every webmaster and bloggers promote theirs blog website in different ways and styles. Many of them use this widget and it will surely increase your facebook fan page traffics.

How To Add This In Blogger?

• Go To Blogger Dashboard>>Layout>>Add Gadget
• Select HTML/JavaScript Gadget
• And Paste the Following Below code in your HTML/JavaScript Gadget

<script type="text/javascript">//<!--$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><style type="text/css">.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6NR0U-bW_ygoGgDH-d-72gmStOIZT-6ogx-7gSj3t8XRI6JUCZ7mJ6gv_3EtuLQZ29BxoSxgCHoHAvVQLet8NkWPcKNqZaRbpkhD5SBlT0TOYQ67vowckNNHNgACZYGUSduFoawQYFN-b/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}.w2bslikebox div{border:none;position:relative;display:block;}.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.w2bslikebox span a{color: #808080;text-decoration:none;}.w2bslikebox span a:hover{text-decoration:underline;}</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fnextbloggertricks&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

• Replace nextbloggertricks With your Facebook Username.
• Replace float: right Position with desired position left or right
• Last Paste this Jquery code in template <head> section.
• See an example.

<head><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/></head>

• After Save your Template.
• Finish.

Final Words 
So friends this is our today's tutorial if you have any problem so please leave your comments and give the good feed back. Please like our Facebook fan page for our latest tutorial directly in your home page. also share this post with your friends on social networking sites.
Happy Blogging!

Read more

Sunday, November 02, 2014