Helper Bloggerss

How To Submit/Add Your Website Or Blog To Alexa

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmbqIau5PNp4vCA2fWnDe7C3dNYmbNvIWMbeb7aPhMgyhQrdsKy2Cz4dd8YdhBEcLLe79Of2wXJpwa-I9OeBSy4iNASy52tilSGJUHdGH24M0j0QlCFeEk1T0WGxXO5UsvHfXTfUIXWo/s1600/btsnts-alexa.png" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"></span></a><br />
<span style="font-family: Verdana, sans-serif;"></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Verdana, sans-serif;">Note - This tutorial is also answer to How to get alexa page ranks for blogger or website ?</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Verdana, sans-serif;"><br /></span></span>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmbqIau5PNp4vCA2fWnDe7C3dNYmbNvIWMbeb7aPhMgyhQrdsKy2Cz4dd8YdhBEcLLe79Of2wXJpwa-I9OeBSy4iNASy52tilSGJUHdGH24M0j0QlCFeEk1T0WGxXO5UsvHfXTfUIXWo/s1600/btsnts-alexa.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmbqIau5PNp4vCA2fWnDe7C3dNYmbNvIWMbeb7aPhMgyhQrdsKy2Cz4dd8YdhBEcLLe79Of2wXJpwa-I9OeBSy4iNASy52tilSGJUHdGH24M0j0QlCFeEk1T0WGxXO5UsvHfXTfUIXWo/s200/btsnts-alexa.png" width="200" /></a><span style="font-family: Verdana, sans-serif;">Alexa is the global leader in Analytics.It is also leading provider of free, global web metrics. Search Alexa to discover the most successful sites on the web by keyword, category, or country. Use our analytics for competitive analysis, benchmarking, market research, or business development. You can also use Alexa's Pro tools to optimize your blog's presence on the web.Alexa also helps to determine your blog improvement through it charts.I</span><span style="font-family: Verdana, sans-serif;"> </span><span style="font-family: Verdana, sans-serif;">also add this blog to alexa and now page rank of btsnts is 17,64,265 and it is improving day to day.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqA3VMAULXVBKpaB7027IX6DEsJC-82o24oCC1varKJax49ANdMIlQ4M2itx96tTpG1HbcxBkaqxkD1Q7gJVdkgrygmC-Pyyx-y6OGDChaIrWfDRKaazc_iPGnxiQtxpJFxPvjBJq2A2k/s1600/btsnts-alexa-trafficank.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqA3VMAULXVBKpaB7027IX6DEsJC-82o24oCC1varKJax49ANdMIlQ4M2itx96tTpG1HbcxBkaqxkD1Q7gJVdkgrygmC-Pyyx-y6OGDChaIrWfDRKaazc_iPGnxiQtxpJFxPvjBJq2A2k/s400/btsnts-alexa-trafficank.png" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<h4>
<span style="font-family: Verdana, sans-serif;">How To Get Alexa Page Rank For Your Blog ?</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">I am giving a full image tutorial so that you can easily understand it</span><br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to <a href="http://www.alexa.com/register" target="_blank">alexa.com</a></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTShudEoRC6lnIP82LyRXAjBUHKCumzgnCFKjfNxTwNOROyS6oTIrTqiGAMdkmMv0xvFc-djnlUEBzDmeqj-hjkLF8dHaaJpv_CmW4ixN3axPNgHuVmrgBQyYX4axiHOYXScPoqSZkRM/s1600/btsnts-alexa01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTShudEoRC6lnIP82LyRXAjBUHKCumzgnCFKjfNxTwNOROyS6oTIrTqiGAMdkmMv0xvFc-djnlUEBzDmeqj-hjkLF8dHaaJpv_CmW4ixN3axPNgHuVmrgBQyYX4axiHOYXScPoqSZkRM/s320/btsnts-alexa01.png" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Fill  the short form. </span></li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOORfSN3OSOlJG2wEImbS65EQYAuK7axr0cOUuENojLkf-suJfekFrDyYg61bTTJ2XPHFgD9VXotHyB3le_fmiIXKO5CSzN2NTK_GGQt6DuJs84GwFx3QGPZqEpwUisrEPe5f5diLtqcU/s1600/btsnts-alexa02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOORfSN3OSOlJG2wEImbS65EQYAuK7axr0cOUuENojLkf-suJfekFrDyYg61bTTJ2XPHFgD9VXotHyB3le_fmiIXKO5CSzN2NTK_GGQt6DuJs84GwFx3QGPZqEpwUisrEPe5f5diLtqcU/s320/btsnts-alexa02.png" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<ul>
<li style="text-align: left;"><span style="font-family: Verdana, sans-serif;">Now go to your inbox and search for confirmation message from alexa and click on provided link.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Hc1p45nj1LokAD2WF9_MdBGdVFOmgs4M71ApQSZ8g3Fgi4AOulQP_gh9HpMC5RIZog6JkG3XmHEFVZPjIMKcnMNb1daLxJ5Qk8Xqk3dsHLIX_iW-B8AlTSsP0vqdQVeQ_CviLsL8lto/s1600/btsnts-alexa03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Hc1p45nj1LokAD2WF9_MdBGdVFOmgs4M71ApQSZ8g3Fgi4AOulQP_gh9HpMC5RIZog6JkG3XmHEFVZPjIMKcnMNb1daLxJ5Qk8Xqk3dsHLIX_iW-B8AlTSsP0vqdQVeQ_CviLsL8lto/s400/btsnts-alexa03.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now you will redirect to password page.Type the password for two times and hit submit password.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3slT3HWDedjJs0xIcwtChyphenhyphenVFxxTLHrpD5X9mpmwUHIB_WqGokR34essGOmkRJFyG6cXyiykzM_g7V-9C2iReErbvO0yFiqRfLUrOsdZ_tc-grEb7mQ2kLX0hMneF9ZPphZ9iMYdDLLg/s1600/btsnts-alexa04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3slT3HWDedjJs0xIcwtChyphenhyphenVFxxTLHrpD5X9mpmwUHIB_WqGokR34essGOmkRJFyG6cXyiykzM_g7V-9C2iReErbvO0yFiqRfLUrOsdZ_tc-grEb7mQ2kLX0hMneF9ZPphZ9iMYdDLLg/s400/btsnts-alexa04.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul>
<li style="text-align: left;"><span style="font-family: Verdana, sans-serif;">Now fill about your profile then hit update the profile.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZx1m6SZIMNiYwuRlVZScePLSQQAFQJqI4ETv8t45d3D9EMA-EMO1nyWny2vdhzZ9P8GD0A8AUY0TbUhCm4JutnA-sGcdRx6dG1KPob4pBzqD-AgN1g7CLrhyb5ZWFfE3HIINedEVQRU/s1600/btsnts-alexa05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZx1m6SZIMNiYwuRlVZScePLSQQAFQJqI4ETv8t45d3D9EMA-EMO1nyWny2vdhzZ9P8GD0A8AUY0TbUhCm4JutnA-sGcdRx6dG1KPob4pBzqD-AgN1g7CLrhyb5ZWFfE3HIINedEVQRU/s400/btsnts-alexa05.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now go to your Dashboard at left site.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiki0sEpKDTlZIse2M2eOrfVsm2f_JKp2NgwWuGwmGAAzdjNSZQJoCMHx3GtISbHt2Go5k0ZDe6bCE8AQsRzlZfkB-M2ZeZmu9C3QvKh8lUQmhc4fX7lcB8exI534z7q4rqh9hsLAVyp6Q/s1600/btsnts-alexa06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiki0sEpKDTlZIse2M2eOrfVsm2f_JKp2NgwWuGwmGAAzdjNSZQJoCMHx3GtISbHt2Go5k0ZDe6bCE8AQsRzlZfkB-M2ZeZmu9C3QvKh8lUQmhc4fX7lcB8exI534z7q4rqh9hsLAVyp6Q/s1600/btsnts-alexa06.png" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Click Add A Site Button at right bottom.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTCLgpyO3-nbSukOyJ2Z0DKN3XIAcMeOtTRjL0g_Vdrdvhs1iYqkYKga6F94Th4raTjKCwcDXldjx_HijxW5nmcIBmCM7f0rYtFI3PhcIC3lthXNOMp62fbx3F-VBpkKyHRpiMyp1kHcM/s1600/btsnts-alexa07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTCLgpyO3-nbSukOyJ2Z0DKN3XIAcMeOtTRjL0g_Vdrdvhs1iYqkYKga6F94Th4raTjKCwcDXldjx_HijxW5nmcIBmCM7f0rYtFI3PhcIC3lthXNOMp62fbx3F-VBpkKyHRpiMyp1kHcM/s200/btsnts-alexa07.png" width="200" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now select your plan.I recommend Free Plan.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidwOwvij6e4uiFfd1cjtlFHiIULVPruzkUusX_6kNEmNZynuw_HZkPtQVF67kk-FxYfByM4zRjCo_i41o7XYMqV27trXSzGEwKGcIPcvrKvCuub7Yw5Plukg6uU6eNULeT2GWEdHgFlj8/s1600/btsnts-alexa08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidwOwvij6e4uiFfd1cjtlFHiIULVPruzkUusX_6kNEmNZynuw_HZkPtQVF67kk-FxYfByM4zRjCo_i41o7XYMqV27trXSzGEwKGcIPcvrKvCuub7Yw5Plukg6uU6eNULeT2GWEdHgFlj8/s1600/btsnts-alexa08.png" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now enter your blog/websites URL.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ-ckUQDFv4u9HY2dt0PeboI_g4bbH8QDgVMV352iqiRLPSPwvex-tF8jxFph-iCwKfeiMwJGX29n6lOvRqxWFy7V82qfvd-EmMoTzac4xncNf6pDcLUkR5ALMEmbBrtj-FOY1UnNi1PA/s1600/btsnts-alexa09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ-ckUQDFv4u9HY2dt0PeboI_g4bbH8QDgVMV352iqiRLPSPwvex-tF8jxFph-iCwKfeiMwJGX29n6lOvRqxWFy7V82qfvd-EmMoTzac4xncNf6pDcLUkR5ALMEmbBrtj-FOY1UnNi1PA/s400/btsnts-alexa09.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Then copy the full code carefully.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4vAZ5CgGEJA-IWHnmb6s712dKLH95PxMWGpOMKVjBPXPOBbTmBRS9W3HljQIoooLBZVFGhgtovDxXfL6w8A7K2gwdTnJvgKpbJ3IuTHXJzy35zS8JfnE5m8K8_PNDRdt-1AgY7BbzJE/s1600/btsnts-alexa10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4vAZ5CgGEJA-IWHnmb6s712dKLH95PxMWGpOMKVjBPXPOBbTmBRS9W3HljQIoooLBZVFGhgtovDxXfL6w8A7K2gwdTnJvgKpbJ3IuTHXJzy35zS8JfnE5m8K8_PNDRdt-1AgY7BbzJE/s400/btsnts-alexa10.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now open a new tab.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Go to Blogger Dashboard >  Design > Edit HTML.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now find <head> tag.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Put the copied code just below or after <head> tag.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Then again goes to alexa and hit Verify my ID button.</span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;">You done it.</span></div>
<div>
<span style="font-family: Verdana, sans-serif;">You can also check your pagerank @</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif;">http://www.alexa.com/siteinfo/YOUR BLOG/SITE URL. </span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif;">*Not need to wright WWW. or HTTP://</span></div>
</div>
</div>

How To Submit/Add Your Website Or Blog To Alexa

Note - This tutorial is also answer to How to get alexa page ranks for blogger or website ? Alexa is the global leader in Analytics.It...

Auto Read More Button With Image Thumbnails For Blogger

Unknown 0 Blogger Tutorials 10:49

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script></code></pre>
<br />
<div class="note">
If you want to change image thumbnail size then find these numbers <span style="font-family: Verdana, sans-serif;"><b style="color: red;">100 </b>and</span>  <span style="color: red; font-family: Verdana, sans-serif; font-weight: bold;">120</span><span style="font-family: Verdana, sans-serif;">.</span></div>
</div>
<br />
<ul style="text-align: left;">
<li>Now find   <span style="background-color: white;"><span style="color: blue;"><span style="font-family: arial, sans-serif; font-size: 13px; line-height: 20px;"><data:post.body/></span> </span></span> and <span style="color: red;">replace</span> it with below code.</li>
</ul>
</div>
<pre><code><b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if></code></pre>
<br />
<br />
Now save it.<br />
If it doesn't works for you then mention it in comments.I'll glad to help you...</div>

Auto Read More Button With Image Thumbnails For Blogger

Auto read more functions automatically shorten your post and create a thumbnail of an image which is present in the post.It also hel...

Jquery Pop Up Facebook Like Box For Blogger - V3

Unknown 0 Blogger Widgets, Facebook, Social Media 02:50

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHS4sskTBA4ZpC7ICHmI3xQHI6qJ11vZ4Y7Zfd4Z3Ab7ESI984l1c0fmufw6Gnvk7gy_TVvaqzd_PWjkS0UXHvW03ykJJ_kq4nKpIXegVy9CX4OCrmzH6AKTaLni4i7VbMYdl54qKssJA/s1600/btsnts-fb-popupv3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHS4sskTBA4ZpC7ICHmI3xQHI6qJ11vZ4Y7Zfd4Z3Ab7ESI984l1c0fmufw6Gnvk7gy_TVvaqzd_PWjkS0UXHvW03ykJJ_kq4nKpIXegVy9CX4OCrmzH6AKTaLni4i7VbMYdl54qKssJA/s400/btsnts-fb-popupv3.png" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Please Note - This is V3 of pop up facebook like box not custom facebook like box.</span></div>
<div>
<span style="font-family: Verdana, sans-serif;">Facebook plays most important role in increasing traffic on your blog.You will watch facebook like box on every blog.After posting many widgets about facebook now I am posting a pop up widget for facebook like box with cool background image.Here I am giving a list of some facebook widgets.Actually this widget code was generated by Nitin Mehta - <a href="http://gj37765.blogspot.com/" target="_blank">Making Different</a>. So thanks to him...</span></div>
</div>
<br />
<div style="text-align: center;">
<a class="demobutton button" href="http://editor-btsnts.blogspot.com/2012/01/1.html" rel="nofollow" style="float: center;" target="_blank"><span style="display: inline-block;">View Demo</span></a> </div>
<br />
<h4>
List Of  Some Facebook Widgets</h4>
<br />
<ul style="text-align: left;">
<li><a href="http://helperbloggerss.blogspot.com/2012/01/how-to-customize-your-facebook-fanbox_27.html" target="_blank">Custom Facebook Like Box - V1</a></li>
<li><a href="http://helperbloggerss.blogspot.com/2012/01/customize-facebook-like-box-with-css-v2_27.html" target="_blank">Custom Facebook Like Box - V2</a></li>
<li><a href="http://helperbloggerss.blogspot.com/2012/01/pop-up-facebook-like-box-with-jquery_11.html" target="_blank">Pop Up Facebook Like Box - V1</a></li>
<li><a href="http://helperbloggerss.blogspot.com/2012/01/pop-up-facebook-like-box-for_16.html" target="_blank">Pop Up Facebook Like Box - V2</a></li>
<li><a href="http://helperbloggerss.blogspot.com/2011/12/add-floating-facebook-like-box-for_22.html" target="_blank">Floating Facebook Like Box</a></li>
<li><a href="http://helperbloggerss.blogspot.com/2012/01/add-floating-facebook-like-and-retweet_03.html" target="_blank">Floating Facebook Like Retweet Widget</a></li>
<li><a href="http://helperbloggerss.blogspot.com/2011/12/awesome-floating-facebook-and-twitter_28.html" target="_blank">Floating Facebook And Twitter Widget</a></li>
</ul>
<br /></div>
<h4>
<span style="font-family: Verdana, sans-serif;">How To Add Jquery Pop Up Like Box ?</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Here are three steps to add Jquery pop up like box to your blog</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><b>Step 1 - Adding the Jquery plugin</b>  </span></div>
<div>
<span style="color: red; font-family: Verdana, sans-serif;">(Note - Ignore this step if you have already added the Jquery plugin)</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to <span style="color: blue;">Blogger Dashoard </span>><span style="color: blue;"> Design </span>><span style="color: blue;"> Edit HTML.</span></span></li>
<li><span style="font-family: Verdana, sans-serif;">Search for <span style="color: blue;"></head></span> tag and add below code just <span style="color: red;">before it</span>.</span></li>
</ul>
</div>
</div>
</div>
<pre><code><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script></code></pre>
</div>
<br />
<b><span style="font-family: Verdana, sans-serif;">Step 2 -Adding The Scripts</span></b></div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to </span> <span style="color: blue; font-family: Verdana, sans-serif;">Blogger Dashoard </span><span style="font-family: Verdana, sans-serif;">></span><span style="color: blue; font-family: Verdana, sans-serif;"> Design </span><span style="font-family: Verdana, sans-serif;">></span><span style="color: blue; font-family: Verdana, sans-serif;"> Edit HTML.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Search for <span style="color: red;"></head></span> tag and add below code just <span style="color: red;">before/above</span> it.</span></li>
</ul>
<br />
<pre><code><script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=flase') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf()   fifteenDays);
document.cookie = "visited=true;expires="   expires.toUTCString();
$.colorbox({width:"600px", inline:true, href:"#mdfb"});
}
});
</script></code></pre>
<br />
<br />
<div>
<span style="font-family: Verdana, sans-serif;"><b>Step 3 - Adding The HTML.</b></span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now Go to Edit Layout > Add A Gadget > HTML/JavaScript</span></li>
<li><span style="font-family: Verdana, sans-serif;">Paste below code and save it</span></li>
</ul>
</div>
</div>
<pre><code><div style='display:none'>
<div id='mdfb' style='padding:10px; background:#000;'>        
<center>
<table align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFBtgMmvjweFdPYj5rMI3xG7TLCbo5_2he2njVjWlBD0lGfs7sofW4J8LGFSwRCmKGY-IU-UiLm2M2Za2ULIsnAOHGVDc3skiolYTJxg3FyYnZkSuvF2mY03mg1rJGT5TkVyT7P2wnqE8Q/s1600/md123.JPG" border="0"  style="width: 465px; height: 300px; "><tbody>
<tr><td height="330" width="465">
<div align="left">
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">FB.init("32eb3732082b27e7c314feb421a56208");</script>
<fb:fan profile_id="<span style="color: red; font-family: Verdana, sans-serif; font-size: large;">153138708123803</span>" connections="10" width="330" height="300" css="https://gj37765.googlecode.com/svn/trunk/html/mddemo/[www.gj37765.blogspot.com]fblikeboxwithbgimg.css?"></fb:fan>
</div></td></tr></tbody></table></center>
<p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.btsnts.blogspot.com">Blogger Widgets</a></p>
</div></div></code></pre>
</div>
<br />
<br />
<ul style="text-align: left;">
<li>Replace <span style="color: red; font-family: Verdana, sans-serif; font-size: large;">153138708123803</span> with your profile username ID. If you don't know your profile ID then use our <a href="http://helperbloggerss.blogspot.com/2012/01/find-your-facebook-profile-username-id.html" target="_blank">Facebook Profile Id Finder Tool.</a></li>
</ul>
<div>
That's it.</div>
</div>

Jquery Pop Up Facebook Like Box For Blogger - V3

Please Note - This is V3 of pop up facebook like box not custom facebook like box. Facebook plays most important role in incr...

How To Enable Threaded Comments In Customized Blogger Templates

Unknown 0 Blogger Tutorials 00:39

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzH_ywq2-x3GCwSTW-AjXsJ3eGPO2feuqCriVSmTlgqioBk8UwuDBNR-bcoBbACCllzcc6o-n5P8wtvBVlv9zWIdGXTIubouInB0b-SMbCjSM5RXQks1N1pEdZ6HI_u2V7QQ4JcpGa34I/s1600/btsnts-threaded-comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzH_ywq2-x3GCwSTW-AjXsJ3eGPO2feuqCriVSmTlgqioBk8UwuDBNR-bcoBbACCllzcc6o-n5P8wtvBVlv9zWIdGXTIubouInB0b-SMbCjSM5RXQks1N1pEdZ6HI_u2V7QQ4JcpGa34I/s320/btsnts-threaded-comments.png" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Blogger Threaded Comments. Finnaly Blogger has launched new threaded comments. Threaded commenting should make it easier for you to respond to individual comments. Blogger threaded comment system is only two levels deep, meaning you can only reply to original comments, and not to comment replies . But I guess it�s a good start. Let's wait for new update from Blogger.Before some days I gave a tutorial about enabling threaded comments in blogger templates this post is similar to that......</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkz5Mvr1QLs3gMGxSSJXSTXUzP0RTLQu3UxNTpIjOZ_laaPdyocNJ5yzT_hcrP_xCuU_cuu9wSJe60G97mpIanwmgzAPgXezlft0PHQ3XreW1QBRdZ-8MwJG5kfsK1tqbshwPxDsQGX8/s1600/btsnts-threaded-comments01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkz5Mvr1QLs3gMGxSSJXSTXUzP0RTLQu3UxNTpIjOZ_laaPdyocNJ5yzT_hcrP_xCuU_cuu9wSJe60G97mpIanwmgzAPgXezlft0PHQ3XreW1QBRdZ-8MwJG5kfsK1tqbshwPxDsQGX8/s400/btsnts-threaded-comments01.png" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<br />
<h4>
How To Enable Threaded Comments</h4>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Goto Blogger Dashboard > Design > Edit HTML</span></li>
<li><span style="font-family: Verdana, sans-serif;">Tick Expand Widget Templates.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Find below code using CTRL+F function.</span></li>
</ul>
</div>
<pre><code><b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if></code></pre>
<br />
<span style="font-family: Verdana, sans-serif;">You will find two codes then replace both of them with below code</span></div>
<br />
<pre><code><b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if></code></pre>
<br />
<br />
Save your template.<br />
<br />
If you are still getting problem then mention it in comments.</div>

How To Enable Threaded Comments In Customized Blogger Templates

Blogger Threaded Comments. Finnaly Blogger has launched new threaded comments. Threaded commenting should make it easier for you to ...

Set Of Amazing Mouse Cursors For Your Blog

Unknown 0 Blogger Tutorials 09:21

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWElxU-5JHuWVvW7cCMCsjSDaGkAVTGRpYJTbCkzNvx2Vbze5upvyMbfqXYtQbCsS9DnL1OWcN7iWZjViYKd7P3w7FZqPL_uYotH3yo4UcTMOyz1emgT2IrW3wzbHuq7LCXuNpjDdG7A/s1600/cool-mouse-cursors-set-btsnts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWElxU-5JHuWVvW7cCMCsjSDaGkAVTGRpYJTbCkzNvx2Vbze5upvyMbfqXYtQbCsS9DnL1OWcN7iWZjViYKd7P3w7FZqPL_uYotH3yo4UcTMOyz1emgT2IrW3wzbHuq7LCXuNpjDdG7A/s1600/cool-mouse-cursors-set-btsnts.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Verdana, sans-serif;">We all know the mouse cursor which looks like an arrow on every webpage you will see a same mouse cursor.But you can change it by just clicking a one button,no need to add any css or jquery.I am giving a widget generator form below so that you can directly add it to your blog.Here I am giving 7 different mouse cursors.If you like any one of them then you can add it on your blog.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Sharp Orange Cursor.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3-5foz7JZPLi_WfqvxQzpK5v_xnUIdhSKZA2Hz2lpJWYJMNcJ6WpB-zmlztxIX9l7Ocz50wdlF0fU66lggbFiFmEOMKJoO1L5EvF26TTj39xl0gXvLbNnGiyedNKMgMiUy6SYUU_EY8/s320/cur49.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3-5foz7JZPLi_WfqvxQzpK5v_xnUIdhSKZA2Hz2lpJWYJMNcJ6WpB-zmlztxIX9l7Ocz50wdlF0fU66lggbFiFmEOMKJoO1L5EvF26TTj39xl0gXvLbNnGiyedNKMgMiUy6SYUU_EY8/s320/cur49.gif" /></span></a></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
</center>
<br />
<div>
<div style="text-align: -webkit-center;">
<span style="font-size: large;"><br /></span></div>
</div>
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Star Trek Insigneia.</span></li>
<span style="font-family: Verdana, sans-serif; font-size: large;"> </span></ul>
<span style="font-size: large;"><br /></span>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKn0gweJIXtXmBHzWQrqbe19C4MBEM8nL0gdeWZUO1peXFscIExJiheiyWyhSOlZDWV8xiQWI-Q9BCQHbjLYKdE0SXIA2KvNzyGe_VoooRtD0yKe44FLJ0OmlFp3Ct8F38Ii6wbN2lbE/s320/peo845.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKn0gweJIXtXmBHzWQrqbe19C4MBEM8nL0gdeWZUO1peXFscIExJiheiyWyhSOlZDWV8xiQWI-Q9BCQHbjLYKdE0SXIA2KvNzyGe_VoooRtD0yKe44FLJ0OmlFp3Ct8F38Ii6wbN2lbE/s320/peo845.png" /></span></a></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
</center>
<br />
<div style="text-align: -webkit-center;">
<span style="font-size: large;"><br /></span></div>
</div>
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Big Red.</span></li>
<span style="font-family: Verdana, sans-serif; font-size: large;"> </span></ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifNKY2WhcLiIqfeuig7_xYj81qiKsUVpuNW44o8X_dNPk8HnnHGlR6wwUfaIBPrirpCBSeS_VEAHwjTjhbwJ84CTsGoXSIDCnkm5yHPS2kgb2ROcjSemVgR6mDz7ua_a2K_Yq3qKw8QU8/s320/use32.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifNKY2WhcLiIqfeuig7_xYj81qiKsUVpuNW44o8X_dNPk8HnnHGlR6wwUfaIBPrirpCBSeS_VEAHwjTjhbwJ84CTsGoXSIDCnkm5yHPS2kgb2ROcjSemVgR6mDz7ua_a2K_Yq3qKw8QU8/s320/use32.gif" /></a></span></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
<span style="font-size: large;"><br /></span></center>
<br />
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Hello Kitty.</span></li>
<span style="font-family: Verdana, sans-serif; font-size: large;"> </span></ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaFn9lti-gvkf32uSfkkXaF9ILX7XKrQWrWqwBVBN2HXiXz8m6Idl73qE0XcJhhcz8Q_5O1kxg6HHSPf7iezkeU_F7TqtowNW2cQaWBuezhZV_uVCz2roZV-Y2z9WRhJ2Xpe10JnrLZII/s320/ani972.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaFn9lti-gvkf32uSfkkXaF9ILX7XKrQWrWqwBVBN2HXiXz8m6Idl73qE0XcJhhcz8Q_5O1kxg6HHSPf7iezkeU_F7TqtowNW2cQaWBuezhZV_uVCz2roZV-Y2z9WRhJ2Xpe10JnrLZII/s320/ani972.gif" /></a></span></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
</center>
<br />
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Shiny Blue.</span></li>
<span style="font-family: Verdana, sans-serif; font-size: large;"> </span></ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizhTps5L9Btpubj6r_OStM9_Wfanrm423NJfevTbkSVJwceBLig4EPWBOzwTdaHq1IFUbP2GrbbTSvR91OOyH0MNI4r2J5rBH9rhzrSO7Xyzk4SIUKa9PBwrNfGLzGb1Mo_PM_HWo_8PY/s320/gam1090.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizhTps5L9Btpubj6r_OStM9_Wfanrm423NJfevTbkSVJwceBLig4EPWBOzwTdaHq1IFUbP2GrbbTSvR91OOyH0MNI4r2J5rBH9rhzrSO7Xyzk4SIUKa9PBwrNfGLzGb1Mo_PM_HWo_8PY/s320/gam1090.gif" /></a></span></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
</center>
<br />
<div>
<div style="text-align: -webkit-center;">
<span style="font-size: large;"><br /></span></div>
</div>
<span style="font-size: large;"><br /></span>
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Glowing Blue.</span></li>
<span style="font-family: Verdana, sans-serif; font-size: large;"> </span></ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLc-1iPOH9xwWhNBslKLAD2Cc5RoictviRp4mo6CzPDH-nd3kCpaY76XKF1GJIAUevnroB1-1OKQ_xoImWbtbCWeJM5Vugl1QZvRiS6tdmj9trQ7aFasknzROrp2Qr4XCkX-6jFLBn3Y/s320/cur116.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLc-1iPOH9xwWhNBslKLAD2Cc5RoictviRp4mo6CzPDH-nd3kCpaY76XKF1GJIAUevnroB1-1OKQ_xoImWbtbCWeJM5Vugl1QZvRiS6tdmj9trQ7aFasknzROrp2Qr4XCkX-6jFLBn3Y/s320/cur116.png" /></a></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-family: Verdana, sans-serif; font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
</center>
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;"><br /></span></div>
<br />
<span style="font-family: Verdana, sans-serif; font-size: large;"></span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;">Defender Black N Red.</span></li>
<span style="font-family: Verdana, sans-serif; font-size: large;"> </span></ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBx1Tmuc97toMIBtTHDFDbRcpEmuj_yg-CWVniMUZvS-Z-zzzjmwDS0frMwE_ZcgicPIkq4C9MHh-b5Pj6LDf8Wb0IkXi2CHyOzHpp02B1zsba_SERfQofkvsEl5zkW6oEEnlrgXa-t-A/s320/cur394.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBx1Tmuc97toMIBtTHDFDbRcpEmuj_yg-CWVniMUZvS-Z-zzzjmwDS0frMwE_ZcgicPIkq4C9MHh-b5Pj6LDf8Wb0IkXi2CHyOzHpp02B1zsba_SERfQofkvsEl5zkW6oEEnlrgXa-t-A/s320/cur394.png" /></a></span></div>
<br />
<center>
<form action="http://www.blogger.com/add-widget" method="POST">
<span style="font-family: Verdana, sans-serif; font-size: large;"><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DagvxV8qRg5TWAzz9_eTh0znI2eN6x9e2_rA5WbD-X5GLiVY-wcFge639nKiZ90FT6Uhrx-895WnYiQxroF83ZUOUfhncFG8bEUOIuJvmjn2Hecxxzka9tEipdzPqDcIJLsBhNhlw-Hg/s320/btsnts_add_to_blogger.gif" type="image" /></span></form>
<span style="font-family: Verdana, sans-serif; font-size: large;"><br /></span></center>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: large;"><br /></span></span>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>

Set Of Amazing Mouse Cursors For Your Blog

We all know the mouse cursor which looks like an arrow on every webpage you will see a same mouse cursor.But you can change it by just ...

Awesome All In One Social Media Sharing And Subscribing Widget For Blogger

Unknown 0 Blogger Widgets, Facebook, Social Media, Social Sharing Widgets, Twitter 11:19

#BTSNTS-mashable-bar { 
border: 0; 
margin-bottom: 10px; 
margin: 0 auto; 
width:300px; 
}

.fb-likebox { 
background: #fff; 
padding: 10px 10px 0 10px; 
border: 1px solid #D8E6EB; 
margin-top: -2px; 
height:65px; 
}

.googleplus { 
background: #F5FCFE; 
border-top: 1px solid #FFF; 
border-bottom: 1px solid #ebebeb; 
border-right: 1px solid #D8E6EB; 
border-left: 1px solid #D8E6EB; 
border-image: initial; 
font-size: .90em; 
font-family: "Verdana","Helvetica",sans-serif; 
color: #000; 
padding: 9px 15px; 
line-height: 1px;} 
.googleplus span { 
color: #000; 
font-size: 11px; 
position: absolute; 
display:inline-block; 
margin: 9px 70px;} 
.g-plusone {    float: left;} 
.twitter { 
background: #EEF9FD; 
padding: 10px; 
border: 1px solid #C7DBE2; 
border-top: 0;} 
#mashable { 
background: #EBEBEB; 
border: 1px solid #CCC; 
border-top: 1px solid white; 
padding: 2px 8px 2px 3px; 
text-align: right; 
border-image: initial;} 
#mashable .author-credit {} 
#mashable .author-credit a { 
font-size:10px; 
font-weight: bold; 
text-shadow: 1px 1px white; 
color: #1E598E; 
text-decoration:none;} 
#email-news-subscribe .email-box{ 
padding: 5px 10px; 
font-family: "Verdana","Helvetica",sans-serif; 
border-top: 0; 
border-right: 1px solid #C7DBE2; 
border-left: 1px solid #C7DBE2; 
border-image: initial; 
height:35px;} 
#email-news-subscribe .email-box input.email{ 
background:#FFFFFF; 
border: 1px solid #dedede; 
color: #999; 
padding: 7px 10px 8px 10px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
-o-border-radius: 3px; 
-ms-border-radius: 3px; 
-khtml-border-radius: 3px; 
border-radius: 3px; 
border-image: initial; 
font-family: "Verdana","Helvetica",sans-serif;}    
#email-news-subscribe .email-box input.email:focus{color:#333}    
#email-news-subscribe .email-box input.subscribe{ 
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); 
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00); 
font-family: "Verdana","Helvetica",sans-serif; 
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border:1px solid #cc7c00; 
color:white; 
text-shadow:#d08d00 1px 1px 0; 
padding:7px 14px; 
margin-left:3px; 
font-weight:bold; 
font-size:12px; 
cursor:pointer; 
border-image: initial;} 
#email-news-subscribe .email-box input.subscribe:hover{ 
background: #ff9b00; 
background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); 
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); 
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999; 
-webkit-box-shadow:0 0 3px #999; 
box-shadow:0 0 3px #999 
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); 
background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); 
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); 
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border:1px solid #cc7c00; 
color:#FFFFFF; 
text-shadow:#d08d00 1px 1px 0}    
#other-social-bar { 
background-color: #D8E6EB; 
box-shadow: 0 1px 1px #FFFFFF inset; 
padding: 5px; 
font-family: "Verdana","Helvetica",sans-serif; 
font-weight:bold; 
overflow: hidden; 
border: 1px solid #B6D0DA; 
height:35px; 
} 
</style>

<div style="margin-bottom:10px;"> <div id="BTSNTS-mashable-bar" > <div class="fb-likebox"> <div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/<span style="color: red; font-family: Verdana, sans-serif; font-size: large;">BTSNTS</span>" data-width="280" data-height="88" data-show-faces="false" data-stream="false" data-header="false"></div></div><div class="googleplus"> <span>Recommend Us!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter">  <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=en&amp;link_color=&amp;screen_name=<span style="color: blue; font-family: Verdana, sans-serif; font-size: large;">rahulippar</span>&amp;show_count=&amp;show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div><div id="email-news-subscribe"> <div class="email-box"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: #38761d; font-family: Verdana, sans-serif; font-size: large;">btsnts</span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Your Email Here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" /><input type="hidden" value="<span style="color: #38761d; font-family: Verdana, sans-serif; font-size: large;">btsnts</span>" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="subscribe" name="commit" type="submit" value="Subscribe" /></form></div></div><div id="other-social-bar"><div class="addthis_toolbox addthis_default_style addthis_32x32_style"><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_preferred_6"></a><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f22ed8a16c66e93"></script></div></div></div></code></pre>
</div>
<br />
<h4>
Some Little Changes</h4>
<br />
<ul style="text-align: left;">
<li>Now replace <span style="color: red; font-family: Verdana, sans-serif; font-size: large;">BTSNTS </span><span style="font-family: Verdana, sans-serif;">with your facebook fanpage username.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace <span style="color: blue; font-size: large;">rahulippar </span> with your twitter username.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace these <span style="color: #38761d;"><span style="font-size: large;">b</span><span style="font-size: large;">tsnts</span></span></span><span style="font-family: Verdana, sans-serif;"> <span style="color: red;">two</span> usernames with your feedburner username.</span></li>
</ul>
</div>
<br />
<h4>
Credits </h4>
<br />
If you want to share this widget with your readers then you will have to give credits to <a href="http://btsnts.blogspot.com/" target="_blank">BTSNTS Blog</a> and <a href="http://www.mybloggertricks.com/" target="_blank">MBT Blog</a> by attaching a link back to this post.Hope all of you will understand it.<br />
Thank you in advance......</div>

Awesome All In One Social Media Sharing And Subscribing Widget For Blogger

Before On MBT Now After Customization Now I am really happy :) because,a fter working continuously 3hrs. on customi...

Customize Facebook Like Box With CSS - V2

Unknown 0 Blogger Tutorials, Facebook, Social Media 00:02

</style>
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script> 
<script type="text/javascript">FB.init("");</script> 
<fb:fan profile_id="<span style="color: red; font-family: Verdana, sans-serif; font-size: large;">153138708123803</span>" stream="0" connections="10" <span style="color: magenta; font-family: Verdana, sans-serif; font-size: large;">width="320px"</span> height="200px" header="0" logobar="0"   css="http://btsnts.googlecode.com/files/FB01.css"></fb:fan> 
<div id="mbtlikebox"><a rel="nofollow" target="_blank" style="text-decoration:none; color:#365899;" href="<span style="color: blue; font-family: Verdana, sans-serif; font-size: large;">http://www.facebook.com/btsnts</span>">Visit the Fanpage �</a><div style="float:right"><a href='http://btsnts.blogspot.com/' style="text-decoration:none; color:#365899;">Widgets �</a></div></div></code></pre>
</div>
<br /></div>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now replace </span><span style="color: red; font-family: Verdana, sans-serif; font-size: large;">153138708123803 </span><span style="font-family: Verdana, sans-serif;">with your facebook profile ID </span><span style="font-family: Verdana, sans-serif;">(Note - If you don't know ID then </span><a href="http://btsnts.blogspot.com/2012/01/find-your-facebook-profile-username-id.html" style="font-family: Verdana, sans-serif;" target="_blank">click here</a><span style="font-family: Verdana, sans-serif;"> to get ID)</span></li>
<li><span style="font-family: Verdana, sans-serif;">Change </span><span style="color: blue; font-family: Verdana, sans-serif; font-size: large;">http://www.facebook.com/btsnts </span><span style="font-family: Verdana, sans-serif;">with your facebook fan page address.</span></li>
<li><span style="font-family: Verdana, sans-serif;">To change  number of faces,width and height find this <pre><code>connections="10" width="320px" height="200px" </code></pre>
</span></li>
<li><span style="font-family: Verdana, sans-serif;">To change the color of bottom box edit CSS in code.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Note - I have highlighted two codes like this </span><span style="color: magenta; font-family: Verdana, sans-serif; font-size: large;">width="320px"</span><span style="font-family: Verdana, sans-serif;"> - they should be same....</span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
</div>
<h4>
Credits</h4>
<br />
All the designing credits goes to <a href="http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/" target="_blank">daddydesigns</a> and all the customization goes to <a href="http://www.mybloggertricks.com/" target="_blank">MBT</a> and <a href="http://btsnts.blogspot.com/" target="_blank">BTSNTS Blog</a>. Web developers and bloggers are requested to link back to them if they wish to share the codes above with their readers..</div>

Customize Facebook Like Box With CSS - V2

In my previous post I gave a tutorial about custom facebook like box-V1.In this post I bring a stylish facebook like box with ...

How To Customize Your Facebook Fanbox With CSS - V1

Unknown 0 Blogger Tutorials, Facebook, Social Media 11:30

.fan_box .full_widget{ 
height: 200px; 
border: 0 !important; 
background: none !important; 
position: relative; 
}

.fan_box .connect_top{ 
background: none !important; 
padding: 0 !important; 
}

.fan_box .profileimage, .fan_box .name_block{ 
display: none; 
}

.fan_box .connect_action{ 
padding: 0 !important; 
}

.fan_box .connections{ 
padding: 0 !important; 
border: 0 !important; 
font-family: Arial, Helvetica, sans-serif; 
<span style="font-family: Verdana, sans-serif;">  <span style="color: red; font-size: large;">font-size: 11px;</span> </span>  font-weight: bold; 
color: #666; 
}

span.total{ 
color: <span style="color: blue; font-family: Verdana, sans-serif; font-size: large;">#0080ff</span>; 
font-weight: bold; 
}

.fan_box .connections .connections_grid { 
padding-top: 10px !important; 
}

.fan_box .connections_grid .grid_item{ 
padding: 0 10px 10px 0 !important; 
}

.fan_box .connections_grid .grid_item .name{ 
font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; 
font-weight: normal; 
color: <span style="color: #38761d; font-family: Verdana, sans-serif; font-size: large;">#289728</span> !important; 
padding-top: 1px !important; 
}

.fan_box .connect_widget{ 
position: absolute; 
bottom: 0; 
left: 0px; 
margin: 0 !important; 
}

.fan_box .connect_widget .connect_widget_interactive_area { 
margin: 0 !important; 
}

.fan_box .connect_widget td.connect_widget_vertical_center { 
padding: 0 !important; 
}

/*---------------BTSNTS Custom Like Box Code Box End--------------*/</code></pre>
</div>
<br />
<span style="font-family: Verdana, sans-serif;">To keep it simple make these changes:</span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">To change the font size edit <span style="color: red; font-size: large;">font-size: 11px;</span></span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace the heading color ( <span style="color: blue; font-size: large;">#0080ff</span> ) with a color of your choice. You can use our <a href="http://btsnts.blogspot.com/p/hex-color-code-generator.html" target="_blank">color generator tool</a></span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace the Profile Nick Names text color ( <span style="color: #38761d; font-size: large;">#289728</span> ) with one of your choice.</span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;">*Now save the file and give it name as <span style="font-size: large;">FB.CSS. </span>(See Image Below)</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCgy9v_LYQEd93QD-aF_Aowfedtog8YhCFVaf5yhgja5vpJgXq57SHgO5BbEApTsogFhvCx3m23Uh1li_GZ4uPt9Vu2LvGPcqBqtQVmEzFglBguy-Yo1fREK1bHCMp332W4WrUUyo9Hg/s1600/btsnts-fbcss.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCgy9v_LYQEd93QD-aF_Aowfedtog8YhCFVaf5yhgja5vpJgXq57SHgO5BbEApTsogFhvCx3m23Uh1li_GZ4uPt9Vu2LvGPcqBqtQVmEzFglBguy-Yo1fREK1bHCMp332W4WrUUyo9Hg/s400/btsnts-fbcss.png" width="400" /></a></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Finally upload the file on your hosting server or you can try any other free hosting service.If you don't know how to host then <a href="http://btsnts.blogspot.com/2012/01/host-your-files-on-google-code-for-free.html" target="_blank">follow this link</a>...</span></li>
<li><span style="font-family: Verdana, sans-serif;">Once you have uploaded the stylesheet file, you will be provided with a direct link to it. Keep it safe as we would need it later.</span></li>
</ul>
<span style="font-family: Verdana, sans-serif;">You are done! :)</span></div>
<br />
<h4>
2. Creating A Code Custom Like Box</h4>
</div>
<br />
Instead of using the new code provided on the developers page, we will use and modify the code provided by daddydesigns. This is the modified code you need to use:</div>
<br />
<pre><code><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script> 
<script type="text/javascript">FB.init("");</script> 
<fb:fan profile_id="<span style="color: red; font-family: Verdana, sans-serif; font-size: large;">LIKE PAGE ID</span>" stream="0" connections="10" width="300px" height="200px" header="0" logobar="0"   css="<span style="color: blue; font-family: Verdana, sans-serif; font-size: large;">STYLE SHEET LINK</span>"></fb:fan></code></pre>
<br />
<br />
<span style="font-family: Verdana, sans-serif;">Now make these changes:</span><br />
<br />
<ol style="background-color: white; line-height: 19px; text-align: -webkit-auto;">
<li><span style="font-family: Verdana, sans-serif;"><span style="color: #333333;">Replace </span><span style="color: red; font-size: large;">LIKE PAGE ID</span><span style="color: #333333;"> with your ID. (Note - If you don't know your ID then </span><a href="http://btsnts.blogspot.com/2012/01/find-your-facebook-profile-username-id.html" target="_blank"><span style="color: blue;">click here</span></a> <span style="color: #333333;">)</span></span></li>
<li><span style="color: #333333; font-family: Verdana, sans-serif;">Replace </span><span style="color: blue; font-family: Verdana, sans-serif; font-size: large; line-height: normal; text-align: left;">STYLE SHEET LINK </span><span style="font-family: Verdana, sans-serif; line-height: normal; text-align: left;">with the link which you have uploaded</span></li>
<li style="color: #333333;"><span style="font-family: Verdana, sans-serif;">Now customize Connections i.e. Number of Profile Faces/pics, </span><span style="font-family: Verdana, sans-serif;">Width and Height Dimensions as you wish....</span></li>
</ol>
<br />
<span style="font-family: Verdana, sans-serif;">That's it!</span></div>
<br />
<h4>
Credits</h4>
<br />
<span style="font-family: Verdana, sans-serif;">All the designing credit goes to <a href="http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/" target="_blank">daddydesigns</a>.Readers are requested to kindly link back to this page if they wish to share this working tutorial with their visitors.</span></div>

How To Customize Your Facebook Fanbox With CSS - V1

Some days ago I read a tutorial about designing a facebook like box on many blog.Before some days it was a very hard thing but da...

How To Highlight Authors Comments In Blogger

Unknown 0 Blogger Tutorials 04:42

How To Highlight Authors Comments In Blogger

Highlighting author comments help readers differentiate them from readers� comments. This is especially useful, for example, when ...

Recommend For You Widget For Blogger

Unknown 0 Blogger Tutorials, Blogger Widgets 01:29

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvFcG6_Cpcz99e-v2y6OfcVueWm4OSqUr3zUS03sybPuW6p0j-AzZmXzqPAa8-Vxyt3a2IwEVs2Ub6J7JTL4f6tSZyywGzIq25ZiEapH_uIjtWGQHuY6ApLskIt9SUoYYB8Nwk-pK5G2U/s1600/recommend-for-you-btsnts.blogspot.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvFcG6_Cpcz99e-v2y6OfcVueWm4OSqUr3zUS03sybPuW6p0j-AzZmXzqPAa8-Vxyt3a2IwEVs2Ub6J7JTL4f6tSZyywGzIq25ZiEapH_uIjtWGQHuY6ApLskIt9SUoYYB8Nwk-pK5G2U/s400/recommend-for-you-btsnts.blogspot.com.png" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">The Slide by SimpleReach recommends related posts from your site on a widget that "slides" in at the bottom of the page. You've seen a similar content recommendation widget on sites like NYTimes.com, and now SimpleReach is allowing anybody to take advantage of this awesome tool for free.</span></div>
<br />
<span style="font-family: Verdana, sans-serif;"></span><br />
<h4>
<span style="font-family: Verdana, sans-serif;">Benefits</span></h4>
<br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Increased pageviews and time on site</span></li>
<li><span style="font-family: Verdana, sans-serif;">Increased sharing on Twitter and Facebook via embedded social buttons</span></li>
<li><span style="font-family: Verdana, sans-serif;">Access to full analytics in 'Reports' on SimpleReach.com</span></li>
<li><span style="font-family: Verdana, sans-serif;">Customize The Slide's style and functionality</span></li>
<li><span style="font-family: Verdana, sans-serif;">Allow readers to opt-out</span></li>
</ul>
</div>
<br />
<span style="font-family: Verdana, sans-serif;"></span><br />
<h4>
<span style="font-family: Verdana, sans-serif;">Technology</span></h4>
<br />
<span style="font-family: Verdana, sans-serif;">The Slide uses �asynchronous loading� and will not affect the load time of your pages. Content recommendations are determined by SimpleReach's proprietary targeting algorithm, which factors in the following variables:</span><br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Contextual, behavioral and sentiment analysis</span></li>
<li><span style="font-family: Verdana, sans-serif;">Posts most likely to be shared on social networks</span></li>
<li><span style="font-family: Verdana, sans-serif;">Posts related to socially trending topics</span></li>
</ul>
</div>
<br />
<h4>
<span style="font-family: Verdana, sans-serif;">How To Get Simplereach Slide ?</span></h4>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to <a href="http://simplereach.com/" target="_blank">Simplereach.com</a></span></li>
<li><span style="font-family: Verdana, sans-serif;">Choose GET IT NOW.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSvU3cM1ixKSJF_nR3GJaeAtzu_OCIvehGqkwlQv3aPrUucvxq4LOiNaPGrW2yscpu-YkCCQ_2q1Vd_N66PS16W2O3WAt1j7eylLADMz5IGmU-0OkO7sNV9rgmpK7c1aU4zNTNHWblaA/s1600/recommend-btsnts.blogspot.com01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSvU3cM1ixKSJF_nR3GJaeAtzu_OCIvehGqkwlQv3aPrUucvxq4LOiNaPGrW2yscpu-YkCCQ_2q1Vd_N66PS16W2O3WAt1j7eylLADMz5IGmU-0OkO7sNV9rgmpK7c1aU4zNTNHWblaA/s400/recommend-btsnts.blogspot.com01.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Now fill the form.... </span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14cUtc0ep-Ftjr6sNTR5Rv93jsD-VMsgAX51D6Y-673cwDnrbZFkv4GYaCQGsUi3bd1Oa7P7A-3SeYwEOTkXBbgEtdgiv2YL03wYhBNqBui6b4iEfyDVQJHl66V91IhMWHezh9Sn0wXs/s1600/recommend-btsnts.blogspot.com02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="377" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14cUtc0ep-Ftjr6sNTR5Rv93jsD-VMsgAX51D6Y-673cwDnrbZFkv4GYaCQGsUi3bd1Oa7P7A-3SeYwEOTkXBbgEtdgiv2YL03wYhBNqBui6b4iEfyDVQJHl66V91IhMWHezh9Sn0wXs/s400/recommend-btsnts.blogspot.com02.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Select the blogger option.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifXfYVpcuZL4LoX7q9h7GzNRDJKmPvk-kh3oFt0bywoBL7hdtXCH4Tnxg2XlmPthx0jysNz_vOvugTzT9UGKMGQ4fa6TCB0CDSwvvoX7fFupPZC-KhpoO3LVQq1XpzZ4V_gVMpsc93dMo/s1600/recommend-btsnts.blogspot.com03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifXfYVpcuZL4LoX7q9h7GzNRDJKmPvk-kh3oFt0bywoBL7hdtXCH4Tnxg2XlmPthx0jysNz_vOvugTzT9UGKMGQ4fa6TCB0CDSwvvoX7fFupPZC-KhpoO3LVQq1XpzZ4V_gVMpsc93dMo/s400/recommend-btsnts.blogspot.com03.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Now in new tab....</span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to <span style="color: blue;">Blogger Dashboard </span>><span style="color: blue;"> Design </span>><span style="color: blue;"> Edit HTML.</span></span></li>
<li><span style="font-family: Verdana, sans-serif;">Download full template.</span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;">Now again switch back to simplereach.</span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Upload your downloaded template from simplereach.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1a5U0Dq55jkK99FK2MKi-PTG1-Bz7vS3xSHgzsWnZy4YfhbYzpI6k6dLm6OFg6Dnyk6xOC5bBC4lxSmqZnrcuMY4BZk86Tq9w_PF19p8gE3WXLmk5MWSwneDQOOSLN0zN_Hn0E8R7Bzc/s1600/recommend-btsnts.blogspot.com04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1a5U0Dq55jkK99FK2MKi-PTG1-Bz7vS3xSHgzsWnZy4YfhbYzpI6k6dLm6OFg6Dnyk6xOC5bBC4lxSmqZnrcuMY4BZk86Tq9w_PF19p8gE3WXLmk5MWSwneDQOOSLN0zN_Hn0E8R7Bzc/s400/recommend-btsnts.blogspot.com04.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Download your new template from simplereach.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOExfRQOfVyR0b2kKWJsGd1WtalhE0LmFAvTvVojnt9Yi9Q25KKsK1vltC8FxLUeJrnX2PV1hAkc76Pb2EfHmymCV00JxhTJDi8JT_RjQk6T8gfYtb-Y1vTATaLtP70SjjcoeDg1zqgrE/s1600/recommend-btsnts.blogspot.com05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOExfRQOfVyR0b2kKWJsGd1WtalhE0LmFAvTvVojnt9Yi9Q25KKsK1vltC8FxLUeJrnX2PV1hAkc76Pb2EfHmymCV00JxhTJDi8JT_RjQk6T8gfYtb-Y1vTATaLtP70SjjcoeDg1zqgrE/s400/recommend-btsnts.blogspot.com05.png" width="400" /></a></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<br />
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
</div>
</div>
<h4>
How To Add It On Blogger ? </h4>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to Blogger Dashboard > Design > Edit HTML.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Upload your new template. </span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQHw7SQpU30oP5pwjd8vQubEEiH4RcHJA2_gWBzAWhZhcqs19HlwZc6aVhwaGWlss4QGITB8o-uEXtRdHW7BK4h2l9wWmK0BF65-sZa6uc9zfBRaw0f4jS_LWQKYvOCo37BrJuFLHs9Q/s1600/recommend-btsnts.blogspot.com06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQHw7SQpU30oP5pwjd8vQubEEiH4RcHJA2_gWBzAWhZhcqs19HlwZc6aVhwaGWlss4QGITB8o-uEXtRdHW7BK4h2l9wWmK0BF65-sZa6uc9zfBRaw0f4jS_LWQKYvOCo37BrJuFLHs9Q/s400/recommend-btsnts.blogspot.com06.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">And save it.....</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaywQcRU1nxIlQ9tpn37p3uu1RjTzW6PfpH4XKHmNUP9b4qNDYAtIcijaNbW0TRrYo_JAcdcXFWGOnkZFcgHNBeVQqjr8L_I-Y_2SIey_a_sZkkvXMkHMkHi0YPiehdp2YYvj5ZNt_jQc/s1600/recommend-btsnts.blogspot.com07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaywQcRU1nxIlQ9tpn37p3uu1RjTzW6PfpH4XKHmNUP9b4qNDYAtIcijaNbW0TRrYo_JAcdcXFWGOnkZFcgHNBeVQqjr8L_I-Y_2SIey_a_sZkkvXMkHMkHi0YPiehdp2YYvj5ZNt_jQc/s400/recommend-btsnts.blogspot.com07.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">If it works for you then please share it with your friends.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">*If you found any mistake or any fault in this tutorial then please mention it in comments. I'll glad to help you.....</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
</div>

Recommend For You Widget For Blogger

The Slide by SimpleReach recommends related posts from your site on a widget that "slides" in at the bottom of the page. Y...

Awesome CSS3 Folded Ribbon For Blogger/Blogspot

Unknown 0 Blogger Tutorials 12:04

border-bottom-right-radius: 20px 5px;
 }
 .ribbon:after {
 content: "";  display: block;
 width: 40px;
 height: 0px;
  position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 20;
  border-bottom: 80px solid #de6625;
 border-right: 80px solid transparent;
  -webkit-transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    -o-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: right bottom;
    transform: rotate(90deg);
    transform-origin: right bottom;
 }  .ribbon:before {
 content: "";  display: block;
 width: 20px;
 height: 0px;
  position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 10;
     border-bottom: 80px solid rgba(0, 0, 0, 0.3);
 border-right: 80px solid transparent;
  -webkit-transform: rotate(80deg);
    -webkit-transform-origin: right bottom;
    -moz-transform: rotate(80deg);
    -moz-transform-origin: right bottom;
    -o-transform: rotate(80deg);
    -o-transform-origin: right bottom;
    -ms-transform: rotate(80deg);
    -ms-transform-origin: right bottom;
    transform: rotate(80deg);
    transform-origin: right bottom;
 }  /*let's solve the unusual display problem caused by firefox*/ .ribbon#ff-proof:after {  width: 0px;
 height: 40px;
  position: absolute;
    right: -160px;
  border-left: 80px solid #de6625;
 border-bottom: 80px solid transparent;
  -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
 }</code></pre>
</div>
<br />
<h4>
How To Show It In Blogger Posts </h4>
<br />
<span style="font-family: Verdana, sans-serif;">If you want to show it in your blogger posts,then follow these steps.</span><br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">While writing post Goto Edit HTML section.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Add this code </span> <span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 19px;"><span style="color: blue;"><h1 class="ribbon"></span> </span><span class="Apple-style-span" style="font-size: 15px; line-height: 19px;"><span style="color: red;">YOUR_TEXT_HERE</span> </span><span style="font-size: 15px; line-height: 19px;"><span style="color: blue;"></h1></span></span><span style="color: white; font-size: 15px; line-height: 19px;">1></span></span></span></li>
</ul>
</div>
<br />
<h4>
Customization </h4>
<div>
<span style="font-family: Verdana, sans-serif;">If you want to change the font then add below code just before </head> tag.</span></div>
</div>
<pre><code><link href='http://fonts.googleapis.com/css?family=<span style="color: #351c75; font-family: Verdana, sans-serif; font-size: large;">Segoe Print</span><span style="font-family: Verdana, sans-serif;">'</span> rel='stylesheet' type='text/css'/></code></pre>
<br />
<div class="note">
Note -  If you want to change font then replace <span style="color: #351c75; font-family: Verdana, sans-serif; font-size: large;">Segoe Print</span><span style="color: #351c75; font-family: Verdana, sans-serif; font-size: large;"> </span><span style="font-family: Verdana, sans-serif;">with another font name...</span></div>
</div>

Awesome CSS3 Folded Ribbon For Blogger/Blogspot

This is a best example for showing the power Css. This is a Css3 ribbon designed by tutsplus. I bloggerized this.It takes only 2...