Foxtrickbd.blogspot.com

Free Hosting in Google Drive With New Script & New Way

<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="Script hosting in google drive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpSaRo3q5p5uzwW9z6HrZf5X_R_LQztNEvMINQkA6tI5wUNBo0L5E5RS6Pm9BFoD5DmR1NDeS6z79Wc9neHx6y7o3RIxx02PkEViJ5vQBmduliq4MsbdMBPMU6rjFiTcHFkH43HlxcC-X/s1600/script.png" /><br />
<br />
<br />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">Hosting and choosing hosting of a site is too important. Likewise script hosting for a site is also important. If you want to use any script in the blogs and sites, then you should either write those script into the blogger template and site's template or you also can host your script into other platform. But if you want to host, then you need memory or space for which you should pay. But here I just wanna tell you a simple and free way to host any script.</span><br />
<br style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<span style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">You may not know that you can host script freely in Google drive. And this platform is not only easy and free way but also very flexible and hosting in Google drive makes your site faster than hosting in other platforms.</span><br />
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<h3 style="background-color: white; font-family: sans-serif; font-size: 18px; margin: 0px; padding-bottom: 5px; position: relative;">
How to Host Script into Google Drive?</h3>
<hr style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;" />
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<i>Learn step by step way to host script into Google Drive:-</i></div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 01: </b>Login into <a href="https://drive.google.com/" rel="nofollow" style="color: #444444; text-decoration: none;" target="_blank">Google Drive</a>.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 02: </b>Click on <b>Create</b>>><b>Script</b>.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 03: </b>Write your script in there.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 04: </b>Click on run whether it is ready to use or not.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<b>Step 05: </b>Finally click on <b>Publish</b>.</div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
<br /></div>
<div style="background-color: white; color: #13243b; font-family: sans-serif; font-size: 16px; line-height: 22.399999618530273px;">
After clicking publish, there you can get <b>web app URL</b>. That URL you can use in your blogs and sites. If any error occurs, just contact us. Thank you. </div>
</div>

Free Hosting in Google Drive With New Script & New Way

Hosting and choosing hosting of a site is too important. Likewise script hosting for a site is also important. If you want to use any sc...

How To Add New Style Floating Social Media Profile Sharing Buttons For Blogspot Site

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Add Floating <b>Social Media Sharing Buttons for Blogger</b> to increase the number of social sharing on social networking sites like Twitter, Facebook, Google +1 and other social networks. It is very good and easy way to share your content to directly on social networks sites for your visitor. It has contain many social networking sites like Facebook Like & Facebook share, Twitter Share, Stumble Upon, Google +1, RSS Feed and Digg this with live counter which is show how many times your content share on social networks sites. You can also add more social networks sites as you want to wish to add.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/floating-social-media-sharing-buttons-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Floating Social Media Sharing Buttons for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIag1YelBlyl6NvdFHIQmQQJDZdFpTuaTtwffPKo_j0ZVW38fbiF5id88pS1SB-8s7Dz0c1aNVLjvTvjLnsWxDKTeEDVAh-1nXpK21TMWst8CW00sufCXIDBPOac0sur2N4RpKNxO11e9n/s1600/floating-social-buttons.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Floating Social Media Sharing Buttons To Blogger" /></a></div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<h2 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
How to Add Floating Social Media Sharing Buttons</h2>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
You can add easily <b><i>Floating Social Media Sharing Buttons For blogger</i></b> with follow below steps:</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 1</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Log in into Blogger Dashboard and Go to Layout.</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 2</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
After Go to Layout click on Add A Gadget link as shown in below picture.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/floating-social-media-sharing-buttons-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Floating Social Media Sharing Buttons" border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin072V0gMhyphenhyphenUE8N-hlhXMzMyJXzVxMdNvZcUD7H1RR-fnIGmTQU5Edl6GQOk7Ols4scTeZZOV3j3s6mreHF5bHSieyadlwCzuAIf-OJMhW8-8pYgSZMl7iS8iMrspga6OeWBssZ2CafUCg/s640/add-a-gadget-screen-.PNG" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Floating Social Media Sharing Buttons" width="640" /></a></div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 3</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
When you click on Add A Gadget link a pop-up window will open scroll down and select HTML/Javascript</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/floating-social-media-sharing-buttons-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Floating Social Media Sharing Buttons for Blogger" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOact-DlHnrVgZX6xfLhLbLv7pXfftuMmfG7_BglCdrSDXSqNEt3wmWxUc2h8kfcVY0VM6Pplt6OD8zlwoFZWHOgNKSNfbFONQ-Q0aEYmt5iGFdFsgV-db51Uk3elh8zOamQUs1gOgAQes/s400/Add+Feedback+button+2.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Floating Social Media Sharing Buttons for Blogger" width="400" /></a></div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 4</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Copy below code and paste it to HTML/JavaScript box.</div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
 <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-721px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Get this from haakblog.com"><br /><div style="margin-left:8px;"><div class='sbutton' id='like' style='margin: 5px 0 0 5px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div></div><br /><br /><div class='sbutton'><a class='twitter-share-button' data-count='vertical' data-via='<span style="color: red;">HaakBlog</span>' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script><br /><br /><div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone></div><br/><a href='<span style="color: red;">http://feeds.feedburner.com/haakblog</span>' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ8UeVgr6LI4pM1m-3qJRBeH0cPgeAb1pTFTBSIw4eu_qqEpRWycCxAW0PyHS9sYnf0Q1AHZJeOybemHge-Gur8q1WaAIO5labCMDSgUoGLIhk5QLqMo3HiQt5NdPNebYUgiZzyZ8FaTuB/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://www.haakblog.com">Blogger widget</a></div><br /> </div> </div></blockquote>
<b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Tips: </b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Please change </span><span style="background-color: white; color: red; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Haakblog </span><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">to your twitter username for twitter setting and also replace your feedburner url to </span><span style="background-color: white; color: red; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">http://feeds.feedburner.com/haakblog</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 5</h3>
<br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Click on Save Link.</div>
</div>

How To Add New Style Floating Social Media Profile Sharing Buttons For Blogspot Site

Add Floating Social Media Sharing Buttons for Blogger to increase the number of social sharing on social networking sites like Twitter, ...

How to Add New Styling Facebook Comments Box For Blogspot Site?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Are you looking for adding <b>Facebook Comments box</b> in your blogger blog than we will provide you tutorial about how to Add<b><i>Facebook Comments Box for Blogger</i></b>. Facebook has released comments plugin for blogs and websites. You can easily add Facebook comments box to your blog because this plugin can be added in any blog or websites. This comments box help to post comments on your post with Facebook profile and share them on Facebook.<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/facebook-comments-box-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Facebook Comments Box" border="0" height="361" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jwV9ehQmP5rlYLxBiJhuWFt62yBqRUSEK_z2kOuXrm3E9SMjbwsxUUrSOHCHWwhhclKWA6nYqwJyB_SNRpWY6sPV0IE4ilMW0UJlmB5_BEGhpUOUL46oZ1-JTsaXJyqSLDP1DfuXRgbg/s640/Facebook+Comments+for+Blogger+Blogs.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Facebook Comments Box" width="640" /></a></div>
<h2 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
How to Add Facebook Comments for Blogger</h2>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
You can easily add <i>Facebook comments box</i> to your blogger blog with follow some simple steps as give below:</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
1. Create Facebook Application</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
First you need to want Facebook application ID so please follows below steps to get your App ID:</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 1</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Go to Facebook Developers Page.</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 2</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Click on create a new App and enter your application name and name space as shown in below picture.</div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/facebook-comments-box-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Facebook Comments Box For Blogger" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvMDRJCqi2I6gnG-VDX_jjg9OHNnXGJH2TNN6Q69tff4TwsrM5K3V_9Lxyk2WoKpC52iDek8VarAjq9ArBqy_FUj3AsoPD-wd6DA8EHX62AZbtbTbNVpUHp8EucDgAYq0jaJK5VAuH0vS3/s400/create-facebook-application.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Facebook Comments Box For Blogger" width="400" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 3</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Fill all required fields and add your domain name.</div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/facebook-comments-box-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Facebook Comments Box For Blogger" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA5pK0WENR4BV9SI7tRecjrT3shLuVq4SK6O7gPIlBQodEZVwh9vIT6njbomKmwSQTEGiGqQ6ERynIrYi_ARxZlaH0M7rvso2jOiI-fjiX4T8jzAXp7-Ohfjdbx632jHuh9kRVY-JGdF4d/s400/851560_569553723066960_538760720_n.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Facebook Comments Box For Blogger" width="371" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 4</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Click on save changes and copy your App ID.</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
2. Add Comments Box to Blogger</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now follow below steps to add facebook comments box to your blogger blog:</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 1</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Log in into Blogger Dashboard and click on Edit HTML as shown in below picture. </div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/facebook-comments-box-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="How to Add Facebook Comments Box For Blogger" border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgAxah0ypf4iKkHB5zdOcYWahae370mlXe_YYdQt4FTU7Hs44GQ8JfkxnojVkqEFs-HE4P9gTEWG1iIjN1M1QNwUomKgtfc_Nsi1cGbRu9kA0lYXQs5R8pO-EEB8v57CxVT8iKqU7d14Z/s400/Blogger-Edit-Template-html.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="How to Add Facebook Comments Box For Blogger" width="400" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 2</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Click on Expand Widget Template as shown in below picture.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/facebook-comments-box-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="How to Add Facebook Comments Box For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0GS7HHcOULopQj_UOVltAfO48g_NKfIlme4YfrfvCmheBViR56SS4wkdQ_GqiPVX4WDr9ZGiBr8dceUX0qYsQ7ZAQM3ihElsTudom6VZQmWzSL4DSN79r5l-jTvSzstfnFhgOJFRCMGA/s1600/ExpandWidgetTemplates.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="How to Add Facebook Comments Box For Blogger" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 3</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Search <html with the help of CTRL + F. Replace <html to following code.</div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<html xmlns:fb='http://www.facebook.com/2008/fbml'</blockquote>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 4</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Add below code before </head></div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<meta expr:content='data:blog.pageTitle' property='og:title'/><meta expr:content='data:blog.url' property='og:url'/><meta content='<span style="color: red;">HaakBlog</span>' property='og:site_name'/><meta content='<span style="color: red;">BLOG_LOGO_IMAGE_LINK</span>' property='og:image'/><meta content='<span style="color: red;">YOUR_APP_ID</span> ' property='fb:app_id'/><meta content='<span style="color: red;">http://www.facebook.com/Haakblog</span>' property='fb:admins'/><meta content='article' property='og:type'/></blockquote>
<b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Tips:</b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">  1.Replace </span><b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Haakblog</b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"> to your blog name.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">2. </span><b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Blog_logo_Image_link</b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"> with your logo link.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">3. Change </span><b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Your_app_ID</b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"> to your Facebook app ID.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">4. Change your Facebook fan page with </span><b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">http://www.facebook.com/Haakblog</b><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 5</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Add below code before</body></div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<div id='fb-root'/><script>    window.fbAsyncInit = function() {    FB.init({      appId  : &#39;<span style="color: red;">YOUR_APP_ID</span>&#39;,      status : true, // check login status        cookie : true, // enable cookies to allow the server to access the session      xfbml  : true  // parse XFBML    });  };    (function() {    var e = document.createElement(&#39;script&#39;);      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;    e.async = true;      document.getElementById(&#39;fb-root&#39;).appendChild(e);    }());</script></blockquote>
<b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Tips:</b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"> Replace  </span><span style="background-color: white; color: red; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">YOUR_APP_ID </span><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">to your Facebook application ID</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 6</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now search below code.</div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<data:post.body/></blockquote>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 7</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now add below code before it.</div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><div><br /><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='550'/></div></div><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.haakblog.com/2013/07/add-facebook-comments-box-for-blogger.html" target="_blank" title="Facebook Comment Widget">Facebook Comment Widget</a> <a href="http://www.haakblog.com/" target="_blank">Blogger Tips</a></div></b:if></blockquote>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Demo: How to Add Facebook Comments Box For Blogger</h3>
</div>

How to Add New Styling Facebook Comments Box For Blogspot Site?

Are you looking for adding Facebook Comments box in your blogger blog than we will provide you tutorial about how to Add Facebook Commen...

How To Add Your Site Post/Blog URL in Google Search Engine Submit Database??

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<br /></div>
<div>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Since it's definitely the most effective way of bringing free, targeted visitors to your own web site it's critically crucial that you get your web site listed on the top search engines like Google like Google. This site gets most of its own traffic in the search engines who send people to our web pages.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Understanding this can permit you to enhance your articles and general web site by executing some search engine Optimization (SEO) techniques.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2015/03/add-your-site-blog-url-in-google-search-database.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Site in Google Search Database" border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfUhSqpy1mKbjIy-GHNOggpbMsP80pPcLVBw1CI0Ph2Oi0xONSv8vSvlgTBU7JTZIdthmGEXgapDSNM8NondJ_pnDtsKQgg1oYNQky8qaVxwXLOCMrbiS8wwM4r8ZcHAMVZnNERdFmoHH5/s1600/Add-URL-to-search-engines-300x179.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Site in Google Search Database" width="320" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
How Can Search Engines Rank Your Website?</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Before we look at the way you begin submitting your site to the top search engines like Google, it is significant that you simply learn the basics of the things it is that they look for when rating your site/site. The higher you rank on Bing Google & Yahoo, the more traffic you'll receive. But being recorded does not automatically mean traffic will be attracted by you, you need to optimize your website to 'see' you correctly.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Every internet search engine functions differently from one another. Typically, these take into consideration your; Page Title, Meta Description, Key Words Amount Of Inbound Links, in your articles, Bounce Rate, etc. Do not worry, it is really a lot less complex than it seems.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Each search engine differs, as I say</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Read our post on 'On-Page SEO Techniques' for more information about exactly what the search engines are seeking on your pages.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Do I Have To Submit My Website?</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">All search engines use software called 'Spiders' to crawl the internet. These search for brand spanking new content, which is later added to their own databases/index in the web. The results come from this database, therefore it is essential for the website to be recorded with this database when individuals run searches on internet search engines like Google.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Technically you do not need to submit your website to any search engines, by crawling the web, as finally they'll locate your website. Nevertheless, this may take time, time where possible traffic is loosing by not being recorded. You speed up the entire procedure by being added to the search engines database by submitting your website yourself.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Submit Your Website URL in Google Search Database</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Follow below steps to add your website or blog in </span><b style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"><i>Google search database</i></b><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"> to get rank in Google.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 1</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Login into Google Webmaster Tools Website as shown in below picture.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2015/03/add-your-site-blog-url-in-google-search-database.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Blog in Google Search Database" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLXYxWZP_CjqQ-M-du6DaNmVB0oEFEBLx-K1G1g0So-Q5zT5GyIyBZmpuezrr1UlxRBN_LnRWhrOKkuVT30uShcivJ8fJ7g48BDG7u0eSrUBZZNtKVa6-6FlzVWZ0X6iSP91V32J0jFZ0/s1600/google-webmaster-tools-setup-1.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Blog in Google Search Database" width="320" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 2</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">After add your website you need to Verify Your Site URL as shown in below picture.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2015/03/add-your-site-blog-url-in-google-search-database.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Google Search Database" border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-im9f3NFDfYcq3JY-eAXYoOjJcN05ifsEFha-Lk-6b9moQ1RMBwKI2Ap4fnKRq0FY7hYyVPYw-h3NwkRyZCaiUU1ZCl2IKqlNsn0JVImvTVBA5L7fw0MjPxubaDdlio5WyEpNC3wYYs8/s1600/image.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Google Search Database" width="400" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 3</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Copy meta tag verification code and paste it on index page of the website as shown in below picture.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2015/03/add-your-site-blog-url-in-google-search-database.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Your Site URL in Google Search Database" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYpLgsAVShlynTAUNltxEPRHfJGEyj-3rQ81rP2P9SX8llBAIY2wQCm-3JxZolJU_Wgh0Aw9_Se7W7PPyR8IAzIZZF2veQMFp48xgeVfZSujf_mSbu_Btgam-yydpMcZSRHTf7Gca-wIVd/s1600/paste.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Your Site URL in Google Search Database" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 4</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">After saving your home page click on verify button in webmaster tool as shown in below picture.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2015/03/add-your-site-blog-url-in-google-search-database.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Your Blog URL in Google Search Database" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh377pcc3WGskipLX2qvwQGD4zPf3zC8FY891ywqIn4ZMkn5DvR5q2G42pBcQHPsJGGHvpbhizy8CfXg_S5iCJH8LpLAezO6gbacQwGR_ir26KcathcIA3JfTD-7aQu5TCTTrTCct87hvQB/s1600/VERIFY-BUTTON.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Your Blog URL in Google Search Database" width="400" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 5</h3>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Now add sitemap in Google webmaster tool in XML format and you can generate XML sitemap from http://www.xml-sitemaps.com.</span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2015/03/add-your-site-blog-url-in-google-search-database.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Add Your Site/Blog URL in Google Search Database" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiukwOaIaup3sTn6iCetvFcRD-LwEZAmKWQaxnlUjaaBCtIFHceDDzzYDpmfR7z6SQgxLxnj38uIj8yB_lxro-QpZMdPgyxlf-yG0Qg8Xf31s28ZONt0ogB8ygx2yUOkZ5e5n5EwFECM4mS/s1600/submit-sitemap-google-e1364466780875.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Add Your Site/Blog URL in Google Search Database" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<br /></div>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">Your site will be added in Google search engine database within 2-3 weeks.</span></div>
</div>

How To Add Your Site Post/Blog URL in Google Search Engine Submit Database??

Since it's definitely the most effective way of bringing free, targeted visitors to your own web site it's critically crucial th...

How To Do Add Google Adsense Ads Code Below Post Title in Your Blogger ??

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Adsense is the best earning money source for blogger so many blogger want to add <b><i>Google Adsense Ads Code Below Post Title in Blogger</i></b>to get high Click Through Rate (CTR). Every webmaster increases the ad revenue to get maximum output from Google adsense advertisement program. Most of websites prefer adding ads below post title because it is the best place to put adsense code to increase Click Through Rate (CTR). You can also check yourself which place works best for you. Today's we provide you tutorial about how to show Google Adsense code below post titles in blogger.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/google-adsense-ads-code-below-title-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Google Adsense Ads Code Below Post Title in Blogger" border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFJwqVstqbwcV9Ylj51m6PscN0kAZVVo-2vTlTQGMBC53Tzi-4LacxVh7EZSttChS52y0pd7mWO0PQgtRhYJ1NI6fpfuqJmzeTO_mH1WW5WE-kRfSB6OOHj9rn5IrfpYEyE1x2CPZawfL/s320/Google+AdSense+Bellow+Post+Title.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Google Adsense Ads Code Below Post Title in Blogger" width="320" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
How to Add Google Adsense At Below Post Title</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
We give you step by step guide to add <b>Google adsense ad code below post title</b>:</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Create Google Adsense Ads</h3>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 1</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Go to Google Adsense Account.</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 2</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Go to My ads tab and create a new ad unit.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/google-adsense-ads-code-below-title-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Google Adsense Below Post Title" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8j-x8TUTl8ms9u_YhqHnYsO-Sf-lw_5pH-kU1tWpD3lNFaiiUOL36IghjxQdOIsHpkzlWJGQpk0A0rb-3PVvdbNuRajZbDMeokVFytzj6fssGwqZNqDYoAUvZTLEjiFP7Dhf7sCSTrovq/s400/Place_google_ad_below_header.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Google Adsense Below Post Title" width="400" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 3</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Create 300x250 Medium Rectangle or 336x280 Large rectangles for best results.</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 4</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now convert this code to <b><a href="http://www.haakblog.com/p/google-adsense-ads-code-converter.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank">HTML Parse Tool</a></b> to change special characters. For Convert In HTML Please Go To <a href="http://www.haakblog.com/p/google-adsense-ads-code-converter.html" style="color: #2c64b4; outline: none; text-decoration: none;">www.haakblog.com/p/google-adsense-ads-code-converter.html</a> and paste your adsense code here.</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 5</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now copy <b style="background-color: #555555; color: #cccccc; font-family: arial; font-size: 12px; line-height: 19.1875px; text-align: center;"><span style="color: white;">Parsed HTML Code </span></b>code.</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Add Google Adsense Code Below Post Titles</h3>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 1</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Go to Blogger Dashboard.</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 2</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Go to Blogger <b>Template</b> then click on <b>Edit HTML</b> button as shown in below picture.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/google-adsense-ads-code-below-title-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Google Adsense Ads in Blogger" border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZkY3iGFSGycvJwvYDjRTqtIH1TwaOf1oKBaPw4LcI3CKVz1-FKjk5s3UiWUSSf9OOBcBvFr47swSk7oOjKolhDf2oklvDfHcz1Fa0hW_aPmhCu4ZD4ixeFGPrmdFso9n0tfseRriZfnh/s640/edit+html.PNG" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Google Adsense Ads in Blogger" width="640" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 3</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Click on Expand Widget Template box as shown in below picture.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/google-adsense-ads-code-below-title-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Google Adsense Ads Code" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0GS7HHcOULopQj_UOVltAfO48g_NKfIlme4YfrfvCmheBViR56SS4wkdQ_GqiPVX4WDr9ZGiBr8dceUX0qYsQ7ZAQM3ihElsTudom6VZQmWzSL4DSN79r5l-jTvSzstfnFhgOJFRCMGA/s1600/ExpandWidgetTemplates.jpg" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Google Adsense Ads Code" /></a></div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 4</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Press Ctrl + F and search below code<br /></div>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"><data:post.body/> </span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 5</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now copy and paste below code just above it.<br /></div>
<span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"><div align="center"></span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"> </span><span style="background-color: white; color: red; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">PLACE YOUR AD CODE HERE</span><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"></div></span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><span style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;"></b:if> </span><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<b>Tips:</b> The above code show ad in center if you want to change it to left or right then replaces center to left or right.</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 6</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Change <span style="color: red;">PLACE YOUR AD CODE HERE</span> with your Google Adsense code</div>
<h4 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Step 7</h4>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Click on Save Template Button.</div>
<br style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;" /><div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Once you save your template your ad look something like below picture.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/10/google-adsense-ads-code-below-title-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Google Adsense Ads Code Below Post Title in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNA1h5NHK-C4WvQr-e88pi6VsPW9KQzSvbzAoO1cP2DaPJ6tpk-Qpr_y-08xESvGFbyU27aKTQ-EdHRkGI2m7dAaeH12kpMnHwzTmD9s0Q5FJTktHd3ymtSid4RtU0I5urKO8QiWBGjw9c/s1600/Google+Adsense+Ads+Above+Post+And+Below+Title.png.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Google Adsense Ads Code Below Post Title in Blogger" /></a></div>
</div>

How To Do Add Google Adsense Ads Code Below Post Title in Your Blogger ??

Adsense is the best earning money source for blogger so many blogger want to add Google Adsense Ads Code Below Post Title in Blogger to g...

2015 Best&Nice Popular Posts Widget for Blogspot Site

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<br /></div>
<div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Today we provide you Elegant Popular Posts Widget for your Blogger blog. If you want to this than we provide you full working codes. Popular post widget is most important part of blog because popular post widget shows most popular posts of your blog for your visitors. I have already provided you some popular post widget and now I am provide you another popular post widget for your blogger blog.</div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/04/elegant-popular-posts-widget-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Elegant Popular Posts Widget for Blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTxFALFmdFD1S8eY0ssJ_2bKRHgAAxUIcQpiuZioY2VfNecU_kwPYDygsRKk9-s2LqeuZieu85HAsEGPYXt-owpXFN0xJj7A0r-rd9ArYc8ZoYDryxgnZ11VfMuIUJdsC2M45xqrRil0/s1600/popular-posts-screen-shot.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Elegant Popular Posts Widget for Blogger" width="213" /></a></div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<br /></div>
<h2 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Popular Posts Widget for Blogger</h2>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Follow below steps how install Elegant Popular Posts Widget for your Blogger blog:</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 1</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Login into your Blogger Account. Go to Your Blogger Dashboard and Click on Layout tab at the left side panel. Now click on Add a Gadget Link like below picture.</div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<a href="http://www.haakblog.com/2014/04/elegant-popular-posts-widget-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Elegant Popular Posts Widget for Blogger" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtiMz2gBBBUnlatxiqj-c-4xAhKpX1KECvaGWRV5V4hh3VxvZywcmENWN4YWU4oR-TA0AzAwagZi_gFBwKlJjz8aJqkidFIYFav27cXtd35piP_XJZGS2kF5-iYF-nG_z5o555yowaP_A/s640/add-gadget.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Elegant Popular Posts Widget for Blogger" width="640" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 2</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
After click on Add a Gadget Link a popup window will open with all available gadgets. Select popular post widgets from gadgets list. See below picture for more help.</div>
<div class="separator" style="background-color: white; clear: both; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px; text-align: center;">
<a href="http://www.haakblog.com/2014/04/elegant-popular-posts-widget-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Popular Posts Widget for Blogger" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZX8kMkENXrEmHKQGAhXLP7KubJ4DH_SK0B7RHJB9EzgEVHrKJmLRUPEUH2jG_amxprttweEipqLRXRtJ6CtVwweR9jwzBxbZweLdz3NWP8oU2KnwPbkEAKN2oZZAV167B5244ToYqoWcm/s1600/popular_posts_1beefe17dcdb0ff92d5b24e9288392c0.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Popular Posts Widget for Blogger" width="320" /></a></div>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 3</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now Go to Template & click on Edit HTML button as shown in below picture.<a href="http://www.haakblog.com/2014/04/elegant-popular-posts-widget-for-blogger.html" style="color: #2c64b4; outline: none; text-decoration: none;" target="_blank"><img alt="Popular Posts Widget " border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZC5C9lkXU3hBRiDd401vVHfcnADta97gsARzU_i_mQqOsuAXFN1jLC5js0XPIa3EoQWCV2iLJzvkrwanwdIPLGqRNEGLuqxCQfcfQMSFCh5FdpqTfR1ud5-tvaOfir4-6BnsjdQWra4k/s1600/edit_html_393fe703252b2860a41a6ef547da9b17.png" style="background: transparent; border: 0px; margin: 0px 4px 0px 0px; padding: 0px;" title="Popular Posts Widget " width="640" /></a></div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 4</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now search below code with the help of CTRL + F:</div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<b>]]></b:skin></b></blockquote>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 5</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now paste below code just above <b>]]></b:skin></b></div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
/* Popular Posts Widget customized by haakblog.com */<br />.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; }<br />.PopularPosts .item-title { position: relative; }<br />.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }<br />.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; right: 0; text-align: center; top: 30px; width: 100%; }<br />.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; left: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }<br />.item-content:hover img {transform: rotate(10deg) scale(1.2);}<br />.item-content { position: relative; }</blockquote>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
</div>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 6</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now search </body> and paste below given code just above it:</div>
<blockquote class="tr_bq" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><br /><script type='text/javascript'><br /> $(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});<br /></script><br />    <script type='text/javascript'><br />    //<![CDATA[<br />    // Popular Posts customization by haakblog.com<br />    // Trim Code by MS-potilas 2012<br />    $('.popular-posts ul li .item-snippet').each(function(){<br />     var txt=$(this).text().substr(0,120);<br />      var j=txt.lastIndexOf(' ');<br />      if(j>10)<br />         $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));<br />    });<br />    //]]><br />    </script></blockquote>
<h3 style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; line-height: 26px;">
Step 7</h3>
<div class="MsoNormal" style="background-color: white; color: #1e1e1e; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 16px; line-height: 26px;">
Now Save Template button.</div>
</div>
</div>

2015 Best&Nice Popular Posts Widget for Blogspot Site

Today we provide you Elegant Popular Posts Widget for your Blogger blog. If you want to this than we provide you full working codes. Po...