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.

How To Install Instagram Widget In Blogger
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!
Friday, November 14, 2014

How To Add Google Adsense Below Posts Title

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!

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.



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!
Thursday, November 13, 2014

How To Add Facebook Floating Like Box In Blogger

How To Add Facebook Floating Like Box
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!
Sunday, November 02, 2014

Beautiful Social Subscription Widget For Blogger

Beautiful Social Subscription Widget For Blogger
Hello Friends After Long time I'm back for you with the great another blogger widget previously I've discussed about a Smartphone that is Asus Zenfone 6. But Today I'm going to share a blogger widget that is beautiful social subscription widget.
Social sharing plays an important role in a blogs popularity. More subscribers means more traffic and traffic converts into income and high search engine rankings. There are many Widgets available for this purpose but Adding different javascript widgets for different social networks makes blog slow, Here is a Cool Stylish Social Subscribe Widget with Multiple Subscription Options. One widget and you're done, It doesn't make blog slow and loads pretty fast.

This Widget contains following subscribe options, It has a Beautiful bar with social icons like Facebook page, Twitter page, Google plus, Pinterest, RSS.

  • Facebook Like Button
  •  Twitter Follow Button 
  • Google +1 Button 
  • Email Subscribe Form
How To Add This Social Subscription Widget In Blogger Blogs?
  • Go To Blogger Dashboard>>Layout>>Add Gadget
  • Choose the HTML/JavaScript
  • And Add the Following below code in widget.
<style> #socialwidget { border: 1px solid #ebebeb; width: 300px; } .TZ-social{ padding: 10px 10px 10px 10px; border-bottom: 1px solid #ebebeb; } .TZ-social img:hover{opacity:0.8} .googleplus { background: #ffffff; border-top: 1px solid white; border-bottom: 1px solid #ebebeb; font-size: 12px; color: #000; padding: 9px 11px; ine-height: 1px; font-family: Verdana, Geneva, sans-serif; } .googleplus span { color: #000; font-size: 11px; position: absolute; margin: 9px 70px; width: 310px; } .g-plusone { float: left; } .twitter { background: #ffffff; border-bottom: 1px solid #ebebeb; padding: 10px; } .TZ { background: #ffffff; border-top: 1px solid white; font-size: 12px; color: #000; padding: 9px 11px; line-height: 1px; font-family: Verdana, Geneva, sans-serif; } .TZ span { color: #000; font-size: 11px; position: absolute; margin: -12px 100px; width: 310px; } #widgetbox .author-credit a { font-size: 10px; font-size: 10px;letter-spacing: 1px; color: #1E598E; text-decoration: none; } .email-subscribe-emailbox { padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; border-top: 0; border-image: initial; height: 42px; background: #EFF8FB; width: 280px; } .email-subscribe-emailbox form {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;} .email-subscribe-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;} .email-subscribe-emailbox input.emailu:focus {color: #333;} .email-subscribe-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;} .email-subscribe-emailbox input.submitu:hover {text-decoration: none;} .TZDefault {border: 1px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);} .TZDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);} </style> <div id="socialwidget"> <!-- Begin Widget --> <div class="TZ-social"> <!-- social ico --> <center> <a style="margin-right: 10px;" href="http://facebook.com/nextbloggertricks" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2F168-js74Fnpzm0-6F356Nsd7nmmMmc_QAbC3QGQn7mtO5ufCj-BZOZp_TabFTuaLkwxueQHf_ghK4ZGwoK2SMnVpywyuJCZWU3Ynb4n870uknWTLQZ9Pr1MxLkhZ4BjGy7dpYJEeyk/s1600/facebook.png" title='Facebook'/></a>
<a style="margin-right: 10px;" href="http://twitter.com/
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2F168-js74Fnpzm0-6F356Nsd7nmmMmc_QAbC3QGQn7mtO5ufCj-BZOZp_TabFTuaLkwxueQHf_ghK4ZGwoK2SMnVpywyuJCZWU3Ynb4n870uknWTLQZ9Pr1MxLkhZ4BjGy7dpYJEeyk/s1600/facebook.png" title='Facebook'/></a> <a style="margin-right: 10px;" href="http://twitter.com/NBTTricks" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_eNyH7205Mb_PAuapPBWUr08IoBCqjjD-E18ZPAB7l5g63UuP04qInvBVCjeyzn3ql6U86f4mgKnGFeqx5H7bw3UWBig5jtH4n4z3wqL1wcSajxvkfLWyXg7cs2E61KWSpq9q8S_UVlw/s1600/twitter.png" title='Twitter'/></a>
<a style="margin-right: 10px;" rel="me" href="https://plus.google.com/
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_eNyH7205Mb_PAuapPBWUr08IoBCqjjD-E18ZPAB7l5g63UuP04qInvBVCjeyzn3ql6U86f4mgKnGFeqx5H7bw3UWBig5jtH4n4z3wqL1wcSajxvkfLWyXg7cs2E61KWSpq9q8S_UVlw/s1600/twitter.png" title='Twitter'/></a> <a style="margin-right: 10px;" rel="me" href="https://plus.google.com/117521503834739609237" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMC1Id8r5mnl4d8YcNBIh_MHQLlz3bcX-bUqN9dfEu8dFCBLsy9XYoMLHvDc6eQJhXm0EQglN6s4J7Z8amJTfReg5LbvTQ7mAzU0AmwZ6UVF_8CWUgtuIEuMOWyoCeoqiJGzKeT2CvIMM/s1600/gplus.png" title='Google Plus'/></a>
<a style="margin-right: 10px;" href="http://pinterest.com/
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMC1Id8r5mnl4d8YcNBIh_MHQLlz3bcX-bUqN9dfEu8dFCBLsy9XYoMLHvDc6eQJhXm0EQglN6s4J7Z8amJTfReg5LbvTQ7mAzU0AmwZ6UVF_8CWUgtuIEuMOWyoCeoqiJGzKeT2CvIMM/s1600/gplus.png" title='Google Plus'/></a> <a style="margin-right: 10px;" href="http://pinterest.com/prajjwalzone/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXOBgr8GRuDEBEs6G8wcWScDYCUjsCVrfLKnOfKhbsgWjc4Q4-s9fWu1oAzBjjlp6zvTXTtfF-GGhJg0iMu8NhtvPSAVd116dEQ51ryJUaONdl0aDfgieFqiaeyKYj2vT49kWc00-4j8/s1600/pinterest.png" title='Pinterest'/></a>
<a style="margin-right: 10px;" href="http://feeds.feedburner.com/
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXOBgr8GRuDEBEs6G8wcWScDYCUjsCVrfLKnOfKhbsgWjc4Q4-s9fWu1oAzBjjlp6zvTXTtfF-GGhJg0iMu8NhtvPSAVd116dEQ51ryJUaONdl0aDfgieFqiaeyKYj2vT49kWc00-4j8/s1600/pinterest.png" title='Pinterest'/></a> <a style="margin-right: 10px;" href="http://feeds.feedburner.com/Nextbloggertricks" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-P6Oe2pXQIFgXj_wze8vK6hWj_Eq1JztgRfnSmzJd122nigiWXtQwhohiijJg4RHG2Pm3Rpd8ly_cQtlLgTpPvvaCwtdh9WRxYc6LrjxqRBE7c_wuvFfhdQgr8CTPTLsgtaur0Robos/s1600/rss.png" title='RSS Feed'/></a>
</center>
</div>
<div class="googleplus">
<span><font><font>Recommend Us On Google </font></font></span>
<!-- GooglePlus -->
<!-- Place this tag where you want the 1 button to render -->
<g:plusone size="medium" href="
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-P6Oe2pXQIFgXj_wze8vK6hWj_Eq1JztgRfnSmzJd122nigiWXtQwhohiijJg4RHG2Pm3Rpd8ly_cQtlLgTpPvvaCwtdh9WRxYc6LrjxqRBE7c_wuvFfhdQgr8CTPTLsgtaur0Robos/s1600/rss.png" title='RSS Feed'/></a> </center> </div> <div class="googleplus"> <span><font><font>Recommend Us On Google </font></font></span> <!-- GooglePlus --> <!-- Place this tag where you want the 1 button to render --> <g:plusone size="medium" href="http://www.nextbloggertricks.com/"></g:plusone>
<!-- Place this render call where appropriate -->
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class="TZ">
<!-- facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2F
<!-- Place this render call where appropriate --> <!-- Place this render call where appropriate --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> <div class="TZ"> <!-- facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fnextbloggertricks&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true">
</iframe>
<span>Like Us On Facebook</span>
</div>
<div class="twitter">
<!-- Twitter -->
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=
</iframe> <span>Like Us On Facebook</span> </div> <div class="twitter"> <!-- Twitter --> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=NBTTricks&amp;show_count=true&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="email-subscribe-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
</iframe> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> </div> <div class="email-subscribe-emailbox"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=nextbloggertricks, 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="70px">
<input class="submitu TZDefault" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="
<table width="100%"> <tr> <td> <input class="emailu" name="email" placeholder="Enter your email" type="text"/> </td> <td width="70px"> <input class="submitu TZDefault" type="submit" value="Subscribe"/> </td> </tr> </table> <input name="uri" type="hidden" value="Nextbloggertricks"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
<div id="widgetbox" style="background: #EBEBEB;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;">
<span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="
http://www.nextbloggertricks.com/2014/10/beautiful-social-subscription-widget.html" target="_blank">Get this</a></span>
</div>
<!-- End Widget -->
</div>
<input name="loc" type="hidden" value="en_US"/> </form> </div> <div id="widgetbox" style="background: #EBEBEB;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.nextbloggertricks.com/2012/10/how-to-add-multi-social-subscription.html" target="_blank">Get this</a></span> </div> <!-- End Widget --> </div>

  • Don't Forget to Replace the following highlighted code with yours.
  • Then Click On Save Button.
  • That's all!
Last Words 
So friends this is our today's tutorial if you're have any question or getting error during the integrating or facing any type of problems so please leave your comments for solutions and don't forget to like our Facebook page and also share this article with your friends on social networking sites.
Happy Blogging!
Monday, October 20, 2014

Asus Zenfone 6 Complete Review

Asus Zenfone 6 Complete Review

Asus is making a serious push in India with its new Zenfone series of smartphones, packaging good hardware for attractive prices. The Zenfone 5 especially looks like a winner, as we found in our full review. But is bigger better? Specs: 6″ IPS touchscreen (1280×720 pixels, 245ppi) with Gorilla Glass 3 | 1.6GHz Dual-core Intel Atom Z2580 processor | 2GB RAM | 16GB internal memory, expandable microSD slot up to 64GB | 13MP rear camera with LED flash, 2MP front camera | Dual-SIM (GSM+GSM) | 3G, Wi-Fi, Bluetooth, GPS, microUSB 2.0 | 3300mAh battery | Android 4.3 (upgradable to Android 4.4 Kit Kat) with Zen UI.

Look
With a big screen, the Asus Zenfone 6 is naturally a behemoth. You can hold it in one hand, but you can’t use it with just one hand—no matter how much Asus wants to make that easier with a built-in one-handed mode that shrinks the screen. The matte finish on the back lets you get a good grip, but for most people it’s going to be too big to hold naturally. You better have big hands if you want to use this one. In terms of how it looks, the Zenfone 6 looks good but not especially striking. Then again, there’s nothing about it that’s an eyesore either. Sometimes, non-descript isn’t such a bad thing.

Screen Shots:-


Memory
With 12.5GB of memory available to the user and the ability to add a microSD card, there is no complaining about the storage here.

Battery Life
The 3300mAh battery isn’t replaceable, even though you can remove the back cover. However, there’s little need to do that. It easily lasts a day for most users, and even for power users, you can get around 16-18 hours on a single charge. It ran for 9 hours of pure video playback.

Price:-
In India Rs. 16,999/-
In US $ 275.779
Source:http://indianexpress.com/article/technology/mobile-tabs/asus-zenfone-6-quick-read-review-good-phone-but-too-good-for-your-hands/
Thursday, October 02, 2014

Display Blogger Posts In Grid View Mode With Thumbnails

Source : helplogger.blogspot.com
Hello Friends how are you I'm after a month with the interesting tutorial which i can share with today last time we had shared a helpful trick that is how to host JavaScript and CSS files in Safe place i hope this post are really helped you so any way today i am going to share a trick which is are very useful and beautiful for your blogger blog. So today I sharing Grid View with Thumbnails is a script for self-hosted Blogger blogs which will display blog posts as a thumbnail grid of images in homepage and archive pages. Instead of sending your blog visitors to a page that displays all the posts in full length with a large image which takes up too much space and requires too much scrolling, now you could have a clean page that displays a gallery grid, with thumbnails and post titles, linking back to the source post for that thumbnail.

Before implement this take a look of its demo by clicking the below live demo button.

                                                                       Live Demo

If you have a picture gallery or any type of wallpaper blog then this trick are best suitable in your wallpaper blog because this trick are show only thumbnails in your blogger blog home page.

How To Implement This?

After some gaining knowledge about this tutorial let's begin the tutorial but you make sure that you have a backup of your blogger template and properly saved in your hard disk. To Add This style in your blogger just follow below steps.

  • Go To Blogger Dashboard>>Template>>Edit HTML
  • Find below tag using (Ctrl+F)
</head>

  • Just above the </head> tag, Paste the following below code.

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
    var width = 200;
    var height = 170;
    var placeholder =
'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinuqFe2NpfnMKpvDV_Fv0ReruwX-VZ-4zRaIqf_AepduwAbGmFw_NXyzfcWHCyBNFg3Nt4Vj6aX8t02aVgkBh1OHD9dw9s5jXvEeHuba6iNXNB2Q1p1YuGer-yZTDkWRfwCbzaDue0E-E/s1600/no-thumb.png';
    var margins = "0px 0px 10px 10px";
    var fitThumb = 1;
    var titleTopPadding = 5;
    var titleBottomPadding = 8;
    var titleLeftRightPadding = 5;
    var titlePadding = titleTopPadding + 'px ' + titleLeftRightPadding + 'px ' + titleBottomPadding + 'px ' +
titleLeftRightPadding + 'px';
    $('.post-body').each(function(n, wrapper) {
        var wrapper = $(wrapper);
        var image = $(wrapper).find('img').first();
        var link = wrapper.parent().find('h3 a');
        var linkURL = link.attr('href');
        var linkTitle = link.text();
        $(link).remove();
        wrapper.empty();
        if (image.attr('src')) {
            var thumbHeight = image.attr('height');
            var thumbWidth = image.attr('width');
            var thumbParent = $(image).parent();
            wrapper.append(thumbParent);
            if (fitThumb) {
                image.attr({
                    src: image.attr('src').replace(/s\B\d{3,4}/, 's' + width + '-c')
                    });
                image.attr('width', width).attr('height', height);
            } else {
                image.attr({
                    src: image.attr('src').replace(/s\B\d{3,4}/, 's' + width)
                    });
                image.attr('width', width);
                var changeHeight = (thumbHeight / thumbWidth * width).toFixed(0);
                image.attr('height', changeHeight);
            }
        } else {
            var image = $('<img>').attr('src', placeholder).attr('height', height).attr('width', width);
            var thumbParent = $('<a>').append(image).appendTo(wrapper);
        }
        thumbParent.attr('href', linkURL).css('clear', 'none').css('margin-left', '0').css('margin-right',
'0').addClass('postThumbnail');
        var thumbTitle = $('<div>').prepend(linkTitle).css('padding', titlePadding).css('opacity', '0.9').css('filter',
'alpha(opacity=0.9)').css('width', width).appendTo(thumbParent);
        var ptitleHeight = thumbTitle.height();
        var summary = parseInt(ptitleHeight) + parseInt(titleTopPadding) + parseInt(titleBottomPadding);
        thumbTitle.css('margin-top', '-' + summary + 'px');
        wrapper.css('float', 'left').css('height', height).css('width', width).css('margin', margins).css('overflow', 'hidden');
    });
    $('#blog-pager').css('clear', 'both');
});
function hideLightbox() {
    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length;++i) {
        images[i].onmouseover = function() {
            var html = this.parentNode.innerHTML;
            this.parentNode.innerHTML = html;
            this.onmouseover = null;
        };
    }
}
if (window.addEventListener) {
    window.addEventListener('load', hideLightbox, undefined);
} else {
    window.attachEvent('onload', hideLightbox);
}
//]]>
</script>
<style>
.post {
    border-bottom: 0 dotted #E6E6E6;
    margin-bottom: 0;
    padding-bottom: 0;
}
h2,.post-footer {
    display: none;
}
a.postThumbnail div {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    background: rgb(125,126,125);
 /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)),
color-stop(100%,rgba(14,14,14,1)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
    #7d7e7d&#39;, endColorstr=&#39;#0e0e0e&#39;,GradientType=0 );
}
a.postThumbnail:hover div {
    display: block;
}
.post-body img {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.post-body img:hover {
    -ms-filter: &quot;
    progid: DXImageTransform.Microsoft.Alpha(Opacity=70)&quot;
    ;
filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
</style>
</b:if>

  • Click On Save Template.
  • You've Done!
Last Words

So friends this is our today's tutorial and I hope this tutorial are really helped you if you're facing problems or getting errors during this process so please leave your comments for your solutions and don't forget to like our Facebook page and also share this tutorial with your friends on social networking sites.
Happy Blogging!
Saturday, September 06, 2014

How To Host CSS or JavaScript Files In Safe Place

Awesome Place For Hosting CSS or JavaScript Files
As we've previously discussed about the blogger background and yesterday's post is about blogger personalize in other words we've previously shared an post that is how to add youtube video in blogger blogs background this is our first post which is tag in videos many bloggers and webmasters using this tricks to make their blog more professional and attractive if you're not read our previous post so don't worry click this link later this post for reading how to add youtube video in blogger background.

Lets begin the today's post which is a helpful article so, today's article in how to host or upload your Javascript and CSS files on Google Code. Google code is one of the best place for hosting or uploading any files in other words you can not just upload Javascript and CSS file even any file types. Google Code is part of Google where you ca upload your data without any tension and problem but Google Code is recommended for only JavaScript and CSS and many othere if your hope is uploading other files then you can easily upload your files in Google Code. Just like my example I've uploaded lot of template in Google Code for our readers. Many companies are offers for upload your JavaScript and CSS file such as Yourjavascript.com, dropbox, and etc.

One more method to upload your .js(JavaScript) and .css(CSS) files that is Google Drive. It is one more great method for hosting but little different between hosting on Google Drive and Google Code that is Google Drive have 15 GB space but Google Code have 4096 MB space.

I'm sure that these  methods are really help you and save your money Once you're become expert in hosting JavaScript and CSS file in Google Code or Drive then you will no need to but the server for hosting. Lets begin the tutorial.

How To Host CSS or JavaScript Files In Google Code?
Well, friends after some gained the some information about the hosting on Google Code then I can teach you for your helping in hosting javascript and CSS file in google code. Remember after the some post then one day I've may be share another method for hosting JavaScript and CSS file in Google Drive so, please keep visiting us regularly. To Host the CSS or JavaScript Files In Google Code, just follow below steps.

  • One thing you remember you need a Google account because Google Code is a company of Google.
  • After log in go to Google Code Website.
  • Click on "Create a new project"
  • Type your project name without giving spaces and feel full form like below image.
  • Note: Make sure you set the version control system as Subversion and the source code license as Mozilla Public License 11.
  • After filling the form click on "Create project".
  • After creating a project a new page has open there you have click on "Source".
  • After clicking again new page has open there you've click on "Browse".

  • After clicking again new page has open there you've click on "trunk">>Create or Upload
  • Make a JavaScript or CSS File using with your Notepad don't forget to save your file with following rules.
For JavaScript File ---> saves as .js
For CSS File ----> Save as .css
  • After creating the Files you need to upload them.
  • choose your file which you want to upload and then write your commit or anything in Commit Log field
  • Then click on Commit.
  • Then click on "View raw file".
  • Copy your javascript file url in your browser address bar then using below choices.
<script src="Your-JavaScript-File-URL" type="text/javascript"></script>

  •  Replace highlighted code with your JavaScript file URL remember that your file URL ending with .js
  • Finish.
Your Turn
So friends this is our long tutorial but helpful and 100% working. You can use this method in many places like your blogger template JavaScript Code and CSS Code and blogger Widgets also one this is best it is reduce your blogger blog loading time and one thing remember you will sit and relax because your files are uploaded in Google server. I hope you can enjoy this tutorial, If you're facing problem during this process then leave your comments for your solution and share this tutorial with your friends on social networking sites also like our Facebook page, keep visiting us.
Happy Blogging!
Monday, August 25, 2014

How To Add Youtube Video In Background Of Blogger

How To Play Youtube Video In Background Of Blogger

Hi friends after the long I'm back with the interesting tricks for you and we had previously shared a template for your blogger blog which is designed by me and jillur rahman. So if you have not download our first blogger template so don't worry click this link to download NBT Custom Theme for Blogger blogs I hope you like this template and upload in your blogger blog. So let's going to toady's post that is how to embed or how to play youtube video in background of blogger blogs. Although, the results can be wonderful and productive but on the other hand, it has three major drawbacks. The videos cannot be paused, so if there is an ad running on the video you cannot do anything about it. It might slow down your blog, so before adding make sure you use it purposely for distinctive causes.

Some of you might have wondered how to put a video to play in the blog's background, so that instead of having just a color or an image, to have a video. We can do this thanks to the Jquery Plugin Tubular this plugin are using in to embed youtube video in another webpages.

Well, before implement this you can may be see its demo of this youtube background in blogger blog. To see the live demo of this just hit the below live demo button.


Notice:-
Before adding the video in blogger blog, make sure you do not have a site that fairely large width the maximum widget of your blog content should not be more that 700px-800px so your visitors can easily enjoy the video playing in the background for additional modifications, you'an make your blogger template a bit of transparent just like of DEMO blog to provide more clear video appearance.

How To Add Youtube Video In Background Of Blogger Blogs?
Always Before editing your blogger template and make changes your HTML coding remembered that you can make your blogger template backup and save it in your hard drive then you can start your editing to add you tube video in background of blogger. Just follow my below steps.

  • Go To Blogger Dashboard>>Template>>Backup Your Template.
  • Click on "Edit HTML" button.
  • Find the below code Using Ctrl+F
</head>
  • Paste the Following Code just above </head>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/* jQuery tubular plugin
|* by Sean McCambridge
|* http://www.seanmccambridge.com/tubular
|* Copyright 2012
|* licensed under the MIT License
|* Enjoy.
|*
|* Thanks,
|* Sean */
var videoWidth = 853;
var videoRatio = 16/9;
var defaultDiv = 'wrapper-video';
jQuery.fn.tubular = function(videoId,wrapperId) {
wrapperId = (typeof(wrapperId) == undefined) ? 'wrapper-video' : wrapperId;
t = setTimeout("resizePlayer()",1000);
jQuery('html,body').css('height','100%');
jQuery('body').prepend('<div id="yt-container" style="overflow: hidden; position: fixed; z-index: 1;"><div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div></div><div id="video-cover" style="position: fixed; width: 100%; height: 100%; z-index: 2;"></div>');
jQuery('#' + wrapperId).css({position: 'relative', 'z-index': 99});
var ytplayer = 0;
var pageWidth = 0;
var pageHeight = 0;
var videoHeight = videoWidth / videoRatio;
var duration;
var iframe = '<iframe id="myytplayer" width="' + videoWidth + '" height="' + videoHeight + '" src="http://www.youtube.com/embed/' + videoId + '?autoplay=1&controls=0&modestbranding=1&showinfo=0&hd=1&iv_load_policy=3&version=3&wmode=transparent&loop=1&playlist=' + videoId + '" frameborder="0" allowfullscreen></iframe>';
jQuery('#ytapiplayer').html(iframe);
jQuery(window).resize(function() {
resizePlayer();
});
return this;
}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.setPlaybackQuality('medium');
ytplayer.mute();
}
function resizePlayer() {
var newWidth = jQuery(window).width();
var newHeight = jQuery(window).height();
jQuery('#yt-container, #video-cover').width(newWidth).height(newHeight);
if (newHeight > newWidth / videoRatio) {
newWidth = newHeight * videoRatio;
}
jQuery('#myytplayer').width(newWidth).height(newWidth/videoRatio);
}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$().ready(function() {
$('body').tubular('61BLn00AN_w','wrapper-video');
});
//]]>
</script> 
  •  After Pasting the above coding again find the below tag
<body>

  • Or of you're using a default blogger template, then find this below line.
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

  •  Under either of these two, then add this.
<div id='wrapper-video'>

  • Now, find the below tag
</body>

  • Paste the below tag just above </body> 
</div>

  • Finally Save Your Template.
  • You're Done! 

Remember:- Don't forget to change 61BLn00AN_w with your youtube video ID, these ID are appears at the end of the URL, to provide you assistance we've attached a screenshot for better understanding.
 Please Specially thanks to Sean McCambridge.

Final Words
So friends this our today's long tutorial I hope this tutorial may have helped you in learning that how to play youtube video in background of blogger blogs. It is essentialy awesome thing to be added in your blogger enabled site. If you're facing problem during this process then feel free to ask below comments box for your solution and don't forget to like our Facebook page and also share this tutorial with your friends on social networking site keep visiting us.
Happy Blogging!



Friday, August 22, 2014

NBT Custom Premium Theme For Blogger

NBT Custom Premium and Responsive Theme
Hello friends last time we've shares a good information about Independence day of India and also we had shared a a excited gift with you. This gift having a blogger template which is look like the NBT custom theme because I using these template code for making the NBT Custom theme for blogger blogs. If cannot grab your gift so click this link to grab your gifts and please write a comments about our gift. I hope you like my gift. NBT Custom Theme is a responsive blogger template this theme is the first free theme full designed by jillur Rahman and customized by me. In the future I can promised you that I'm back with another premium and responsive template for your blogger blog and also I've planning to share the wordpress themes and tutorial also widgets.. I hope you like my own customization and give your support to me like you did before.

NBT is a Cool, High Definition and Premium Responsive theme with the Font Awesome Icons on the Header, Fast Loading, SEO Friendly and much more.

Okay, let's jump to the theme by seeing the live demo of the theme.



Name : NBT Custom Theme

Author : Www.NextBloggerTricks.Com

Date Release : 19 August 2014

Platform : Blogger/Blogspot

Category : Blogging and Tech

Preview                       Download


Features Of NBT Custom Theme:-

  • Nice and Awesome Design
  • Responsive Layout
  • Professional look
  • SEO Optimized
  • Fast Loading 
  • Unlimited Color Themes 
  • Blogger Template Designer Supported
  • Font Awesome Icons Include
  • Google Web Fonts
  • Page Navigation
  • Related Posts with thumbnails
  • Flat 3D Colorful Cloud Labels Widget
  • Popular posts Widget
  • Ads Ready
  • 3 Column Footer
  • 1 right sidebar
  • Social Networking Buttons With Hover Effects
  • Threaded Comments
  • Socializer Widget
  • 728x90 Ads Area below the header
  • Auto Thumbnails Post on Home Page
  • Much More.!
Edit the Header
  • Go to Blogger>>Tmeplate>>Edit HTML
  • Find For below code
http://3.bp.blogspot.com/-E7aUzB4rMnA/U-zI5dAP6gI/AAAAAAAAAt4/V9zTOpC0Q3Y/s1600/NBT.png
  • Replace this with your logo Image URL.
  • Add, Replace Font Awesome Icons from here.
  • Congratulations! You've Successfully Customized the Template.
Final Words
So friends this is our NBT Custom Blogger Template. I hope you will like this theme and you uploaded this in your blogger blog. If you need for help about customizing in this template then leave your comments below comments box. And Don't forget to Subscribe Us, Like Our Facebook Page and also share this template with your friends on social networking sites Keep visiting us.
Happy Blogging!

Tuesday, August 19, 2014

Happy Independence Day To All Indian With Special Gifts

Happy Independence Day 2014
Today is a special day for all Indians around the world because today is the Independence Day which is being celebrated by all Indians. Observe annually on 15 August is a National Holiday in whole India commemorating the nation's independence from the United Kingdom of Great Britain and Northern Ireland on 15 August 1947. India attained an Independence movement noted for largely nonviolent resistance and civil disobedience led by the Indian National Congress. Independence coincided with the partition of India, in which the British Indian Empire was divided along religious lines into the Dominions of India and Pakistan,  the partition was accompanied by violent riots and mass casualities, and the displacement of nearly 15 million people due to sectarian violence.

On 15 August 1947, Jawaharlal Nehru, who had become the first Prime minister of India that day, raised the indian national flag above the Lahore Gate of the Red Fort in Delhi. On each sbsequent Independence Day, the Prime Minister has raised the flag and given a speech.

Celebration Of Independence Day In India

Independence Day, one of the three national holidays in India (the other two being the Republic Day on 26 January and Mahatma Gandhi's birthday on 2 October), is observed in all Indian states and union territories. On the eve of Independence Day, the president of India delivers the Address to the nation. On 15 August the prime minister hoist the Indian flag on the ramparts of the historical site Red Fort in Delhi. Twenty-one gun shots are fired in honour of the solemn occasion. In this speech, the prime minister highlights the past year's achievements raises important issued and calls for further developments. He pays tribute to the leader of the Indian Independence movement. The Indian nation anthem, "Jana Gana Mana" is sung. The speech is followed by march past of divisions of the India Armed Forces and paramilitary forces. Parades and pageants showcase scenes from the independence struggle and India's diverse cultural traditions. Similar events take place in state capitals where the chief ministers of individual states unfurl the national flag, followed by parades and pageants.

What's the Gift?

Independence Day is the happiest day for all Indians and they also give gifts to each other and loves ones. You are also my lovely readers or visitors who are always with me on my blog to learn something on blogging every day. I have prepare a gift for all of you my readers so that this day bring more happiness to you. So pickup your gift.

Masqoli version1.4 Responsive Premium Blogger Template For Free!
The Gift is Masqoli modern Blogger template with responsive layout, it is a clean, useful, elegant, tech, journal, Portfolio, images and skilled seem to be template for blogspot running a blog machine. This template are using the Next Blogger Tricks but I've customized this template according to my needs. you can download this premium blogger template for free. I hope you've download this template and upload your blogger blog. Don't forget it's premium version is free for every one. So go and get it for free from the following button. enjoy it.

Masqoli Premium Version1.4
What's Next?
You're already know that we are providing articles in every day so please visit us regularly for get latest tutorials, Widget and Blogger Templates and Don't forget to subscribe us, Like our Facebook Page and also share this post with your friends on social networking sites.
Happy Independence Day!
Friday, August 15, 2014

How To Install Disqus Comment System In Blogger

DISQUS Comment System For Blogger Blogs

Hi Friends previously we had discussed about creating a full width page in blogger which was good trick and 100% percent working in all blogger blogs. And now today here I am back with another tutorial and tricks which is fully working on all blogs. means this tricks also working in all platform blogs. This is a comments system which named as DISQUS. This comments system was very cool and awesome and also it working on all platform blogs like (wordpress, blogger, typad, joomla, drupal and others). But today I'm going to discuss and install DISCUS comments system in blogger blogs. This comments system is really beautiful and professional looking for all websites and blogs. This comment system are install in any kind of blogs and websites and you have seen the many popular websites where this system is integrated. The reason of its popularity are this comments system having lot of fantastic features so every one may like to install this DISQUS comments system in their blog or website. Before we get in to tutorial, let me tell you some fantastic feature of this Comment System.

Features Of DISQUS Comment System:-
I've listed some fantastic features of this DISQUS comment system I you may like its fantastic and awesome features read the following features below.
  • Cool, Clean and Simple Design.
  • Social Networking sites login
  • Awesome  Threaded comments System
  • Star, Reaction and Emoctions in Comments
  • Thumbs Up and Down sign
  • Easily Edit and Delete the comments
  • Edit visitor comments
  • Relates comments or Discussions
  • Comments Awaiting Moderation
  • Spam Checker
  • Much More!
How To Install Disqus Comment System In Blogger Blogs?
After telling you the information and features of this DISQUS comments system, now you may want to add this in your blog or website. This is so easy to implement this in blog you will no need to edit the coding and other option. Just follow the below steps.
  • Go To Disqus>>Click On "Add Disqus To Your Site" Button.
  • There you will see the registration form, fill the full form to register.
  • In next step you will be asked your site name and unique disqus id fee the all fields.
  • After filling the all fields click on "Finish registration" Button.
  • In the next step, you will be asked for choosing the platform, so choose you platfor where your blog created.
  • After choosing the platform, you will see the new page where you can integrate that comments system in your blog or site and importing all blogger comments to this system.
  • Now, first of all you need to integrate the comment system and then we will import the all blogger published comments. follow below steps.

  • Click on "Add Your Blog to my Blogger Site" Button.
  • After click the button the new tab will be open where you will be install comments system. Choose your blog and then click on "Add widget" button.
  • Now you've successfully added the comments form in your blog.
  • Then import the all blogger existing published comments in this system.
  • Click on the 2nd line "Tools > Import".
  • Then click on Import Comments from Blogger.
  • Now Blogger will ask for the permission for grant access then click Grant Access button to give the permission.
  • Now choose your blog and then click on Import button to import blogger comments.
  • After the clicking on Import button you will see the message like below image.
  • Now you have to wait for 24 hours to completely imported all blogger comments into disqus comments system.
  • That's all
  • You're done and wait for 1 day.
Final Words
So friends this is our long and helpful tutorial of today. I hope you've add the disqus comments system in your blog and also imported all your blogger comments. I hope you have enjoying this long tutorial of us and you have any question or need some help then feel free to ask comments box for your answers and solution. Don't forget to like our Facebook page and please kee visiting us.
Happy Blogging!
Monday, August 11, 2014

Register To Our Newsletter!

Love to read our articles? Register now to get fresh content about Blogger Tricks, SEO, Widgets, Templates directly to your inbox.