How To Add Automatic Recent Post Slider In Blogger With jQuery

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <b>How To Add Automatic Recent Post Slider In Blogger With jQuery</b></h2> <br /> <b>How To Add This Slider To Blogger?</b><br /> <b><br /></b> <b><br /></b> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqe9nv9EDAvCOMcVaJ47cLN6M2APrfTCEZkfDRXf3cCR2LI-L9YGJLX2h69e0EWj4JZD7vOR0f3yO7FPbbatcziB32GWTosEWWjW0BQ5uOjawn66ZdmUT31oVpsrbZAsIvBFc_D31rBTx8/s1600/dff.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Add Automatic Recent Post Slider In Blogger With jQuery" border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqe9nv9EDAvCOMcVaJ47cLN6M2APrfTCEZkfDRXf3cCR2LI-L9YGJLX2h69e0EWj4JZD7vOR0f3yO7FPbbatcziB32GWTosEWWjW0BQ5uOjawn66ZdmUT31oVpsrbZAsIvBFc_D31rBTx8/s400/dff.PNG" title="How To Add Automatic Recent Post Slider In Blogger With jQuery" width="400" /></a></div> <b><br /></b> <br /> <b>Step 1 </b>- Applying Styles<br /> <br /> <i>Go to Blogger<b> Dashboard > Design > Edit HTML.</b> (In new User Interface It Is - Dashboard > Template)</i><br /> <br /> As always download a copy of your template first.<br /> Now find for ]]></b:skin><br /> Add below code just before ]]></b:skin><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">/* START EasySlider By websiteranker-seo.blogspot.in */</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slide-container {</span><br /> <span style="background-color: red;">    height: 360px;</span><br /> <span style="background-color: red;">    position: relative;</span><br /> <span style="background-color: red;">    width: 480px;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider {</span><br /> <span style="background-color: red;">    height: 360px;</span><br /> <span style="background-color: red;">    left: 25px;</span><br /> <span style="background-color: red;">    overflow-x: hidden;</span><br /> <span style="background-color: red;">    overflow-y: hidden;</span><br /> <span style="background-color: red;">    position: relative;</span><br /> <span style="background-color: red;">    width: 480px;</span><br /> <span style="background-color: red;">    font-family: calibri;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">.slide-desc {</span><br /> <span style="background-color: red;">    background: transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/darkbg.png) repeat scroll 0 0;</span><br /> <span style="background-color: red;">    color: #FFFFFF;</span><br /> <span style="background-color: red;">    padding: 10px;</span><br /> <span style="background-color: red;">    position: absolute;</span><br /> <span style="background-color: red;">    right: 0px;</span><br /> <span style="background-color: red;">    text-align: left;</span><br /> <span style="background-color: red;">    top: 0;</span><br /> <span style="background-color: red;">    width: 200px;</span><br /> <span style="background-color: red;">    z-index: 99999;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">.slide-desc h2 {</span><br /> <span style="background-color: red;">    display: block;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">.crosscol .widget-content {</span><br /> <span style="background-color: red;">    position: relative;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider ul, #slider li,</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider2 ul, #slider2 li {</span><br /> <span style="background-color: red;">    margin: 0;</span><br /> <span style="background-color: red;">    padding: 0;</span><br /> <span style="background-color: red;">    list-style: none;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider2 {</span><br /> <span style="background-color: red;">    margin-top: 1em;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider li, #slider2 li {</span><br /> <span style="background-color: red;">/*</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">define width and height of list item (slide)</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">entire slider area will adjust according to the parameters provided here</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">*/</span><br /> <span style="background-color: red;">    width: 480px;</span><br /> <span style="background-color: red;">    height: 360px;</span><br /> <span style="background-color: red;">    overflow: hidden;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#prevBtn, #nextBtn,</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider1next, #slider1prev {</span><br /> <span style="background-color: red;">    display: block;</span><br /> <span style="background-color: red;">    width: 30px;</span><br /> <span style="background-color: red;">    height: 77px;</span><br /> <span style="background-color: red;">    position: absolute;</span><br /> <span style="background-color: red;">    left: -30px;</span><br /> <span style="background-color: red;">    text-indent: -9999px;</span><br /> <span style="background-color: red;">    top: 71px;</span><br /> <span style="background-color: red;">    z-index: 1000;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#nextBtn, #slider1next {</span><br /> <span style="background-color: red;">    left: 520px !important;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#prevBtn, #nextBtn, #slider1next, #slider1prev {</span><br /> <span style="background-color: red;">    display: block;</span><br /> <span style="background-color: red;">    height: 77px;</span><br /> <span style="background-color: red;">    left: 0;</span><br /> <span style="background-color: red;">    position: absolute;</span><br /> <span style="background-color: red;">    top: 132px;</span><br /> <span style="background-color: red;">    width: 30px;</span><br /> <span style="background-color: red;">    z-index: 1000;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#prevBtn a, #nextBtn a,</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#slider1next a, #slider1prev a {</span><br /> <span style="background-color: red;">    display: block;</span><br /> <span style="background-color: red;">    position: relative;</span><br /> <span style="background-color: red;">    width: 30px;</span><br /> <span style="background-color: red;">    height: 77px;</span><br /> <span style="background-color: red;">    background: url(http://i195.photobucket.com/albums/z105/dantearaujo/prev.png) no-repeat 0 0;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">#nextBtn a, #slider1next a {</span><br /> <span style="background-color: red;">    background: url(http://i195.photobucket.com/albums/z105/dantearaujo/next.png) no-repeat 0 0;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">/* numeric controls */</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">ol#controls {</span><br /> <span style="background-color: red;">    margin: 1em 0;</span><br /> <span style="background-color: red;">    padding: 0;</span><br /> <span style="background-color: red;">    height: 28px;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">ol#controls li {</span><br /> <span style="background-color: red;">    margin: 0 10px 0 0;</span><br /> <span style="background-color: red;">    padding: 0;</span><br /> <span style="background-color: red;">    float: left;</span><br /> <span style="background-color: red;">    list-style: none;</span><br /> <span style="background-color: red;">    height: 28px;</span><br /> <span style="background-color: red;">    line-height: 28px;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">ol#controls li a {</span><br /> <span style="background-color: red;">    float: left;</span><br /> <span style="background-color: red;">    height: 28px;</span><br /> <span style="background-color: red;">    line-height: 28px;</span><br /> <span style="background-color: red;">    border: 1px solid #ccc;</span><br /> <span style="background-color: red;">    background: #DAF3F8;</span><br /> <span style="background-color: red;">    color: #555;</span><br /> <span style="background-color: red;">    padding: 0 10px;</span><br /> <span style="background-color: red;">    text-decoration: none;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">ol#controls li.current a {</span><br /> <span style="background-color: red;">    background: #5DC9E1;</span><br /> <span style="background-color: red;">    color: #fff;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {</span><br /> <span style="background-color: red;">    outline: none;</span><br /> <span style="background-color: red;">}</span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: red;">/* END EasySlider By websiteranker-seo.blogspot.in*/</span><br /> <br /> <br /> You can edit above CSS values as you wish.You may use our HTML Editor to see a live preview of your changes.(Note - If you are editing this gadget in HTML Editor then you have to add all three codes simultaneously in editor)<br /> <br /> <b><span style="font-size: large;">Step 2</span> </b>- Adding JavaScript<br /> <br /> <br /> <ul style="text-align: left;"> <li>Now find for <b></body></b> tag</li> <li>Add below code just <b><i>after/below </body> </i></b>tag.</li> </ul> <br /> <br /> <span style="background-color: red;"><!-- Start easy content slider by websiteranker-seo.blogspot.in --></span><br /> <span style="background-color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script></span><br /> <span style="background-color: red;"><script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script></span><br /> <span style="background-color: red;"><script type='text/javascript'></span><br /> <span style="background-color: red;">//<![CDATA[</span><br /> <span style="background-color: red;">$(document).ready(function(){</span><br /> <span style="background-color: red;"> $("#slider").easySlider({</span><br /> <span style="background-color: red;"> auto: true,</span><br /> <span style="background-color: red;"> continuous: true</span><br /> <span style="background-color: red;"> });</span><br /> <span style="background-color: red;">});</span><br /> <span style="background-color: red;">//]]></span><br /> <span style="background-color: red;"></script></span><br /> <span style="background-color: red;"><!-- End easy content slider by websiteranker-seo.blogspot.in --></span><br /> <br /> <b>Now save your template.</b><br /> <br /> <div style="text-align: center;"> </div> <ul> <li style="text-align: left;">Adding The Gadget</li> <li style="text-align: left;">Now go to Page Layout</li> <li style="text-align: left;">Add a Gadget > HTML/JavaScript</li> <li style="text-align: left;">Paste below piece of code and save it.</li> </ul> <br /> <br /> <span style="background-color: red;"><div id="slider"></span><br /> <span style="background-color: red;"><script style="text/javascript" src="http://helperblogger.ucoz.com/code/easySlider.min.js"></script></span><br /> <span style="background-color: red;"><script style="text/javascript"></span><br /> <span style="background-color: red;"> var numposts_gal = 6;</span><br /> <span style="background-color: red;"> var numchars_gal = 150;</span><br /> <span style="background-color: red;"> var random_posts = false; // random posts</span><br /> <span style="background-color: red;"></script></span><br /> <span style="background-color: red;"><!-- replace with your web address (marked with red color) --></span><br /> <span style="background-color: red;"><script src="http://yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script></span><br /> <span style="background-color: red;"></div></span><br /> <br /> <br /> Now replace yourblog.blogspot.com with your own blog url.[<b>Code Line - 10</b>] (Only change blog URL don't change any other things.<br /> To change number of post find this var numposts_gal = 6; line in above code. (<b>Code Line - 4</b>)<br /> If you want to change number of characters to show in description find this piece of code var numchars_gal = 150; (Code Line - 5)<br /> Now save your all the changes and you are done.Visit your blog to see this beautiful slide.</div>

How To Add Automatic Recent Post Slider In Blogger With jQuery

How To Add Automatic Recent Post Slider In Blogger With jQuery How To Add This Slider To Blogger? Step 1 - Applying Styles Go t...

Read more »

How To Remove "Powered By Blogger" Attribution Gadget In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <b>How To Remove "Powered By Blogger" Attribution Gadget In Blogger</b></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDfRlPGcKuTkuWs8DctfzVZ2vgKsOZ9Ncb8NAQVEChO_qaGBtdCkkApzIWFzg-SWGTOtvrqPto5YLxKUCQdb06BULR-lsO6l-qR4watzzXfoXNyPGHdS3iew5G4Z21ufYwcYHJeUQ-xL_/s1600/bl.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Remove "Powered By Blogger" Attribution Gadget In Blogger" border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDfRlPGcKuTkuWs8DctfzVZ2vgKsOZ9Ncb8NAQVEChO_qaGBtdCkkApzIWFzg-SWGTOtvrqPto5YLxKUCQdb06BULR-lsO6l-qR4watzzXfoXNyPGHdS3iew5G4Z21ufYwcYHJeUQ-xL_/s320/bl.PNG" title="How To Remove "Powered By Blogger" Attribution Gadget In Blogger" width="320" /></a></div> <div> <b><br /></b></div> <div> <b><br /></b></div> <div> <div> Blogger attribution gadget is a gadget present at footer of blog and says "Powered by Blogger".The gadget is locked,when you click on the edit link of attribution gadget you will Not Find Remove link,Because the gadget is locked officially by the blogger.To unlock the gadget follow my below steps carefully.</div> <div> <br /></div> <h3 style="text-align: left;"> <span style="background-color: white; color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><b><a href="http://websiteranker-seo.blogspot.in/2016/02/facebook-popup-widget-for-blogger-best.html" target="_blank">Facebook Popup Widget For Blogger | Best seo Friendly Facebook Popup widget For Blogger</a></b></span></h3> <h3 style="text-align: left;"> <span style="background-color: white; color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><b><a href="http://websiteranker-seo.blogspot.in/2016/01/how-to-use-google-keyword-planner-tool.html" target="_blank">How To Use Google Keyword Planner Tool For Seo</a></b></span></h3> <h3 style="text-align: left;"> <span style="background-color: white; color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><a href="http://websiteranker-seo.blogspot.in/2016/01/how-to-add-adsense-ads-in-middle-or.html" target="_blank"><b>How To Add Adsense Ads In The Middle Or Anywhere Insidde Blogger Posts | How To Put Ads Between the Post</b>  </a></span></h3> <div> <b><span style="font-size: large;">How To Remove Blogger Attribution Gadget</span></b></div> <div> <br /></div> <div> <br /></div> <div style="text-align: center;"> <b>Go to Blogger Dashboard > Design > Edit HTML.(In new U.I it is Dashboard > Template)</b></div> <div style="text-align: center;"> <b>As always download a copy of your template</b></div> <div style="text-align: center;"> <b>Tick "Expand Widget Templates" check box</b></div> <div style="text-align: center;"> <b>Now search for below code in your template</b></div> <div> <br /></div> <div> <span style="background-color: red;"><b:widget id='Attribution1' locked='true' title='' type='Attribution'></span></div> <div> <br /></div> <div> Replace locked=<span style="background-color: red;">'true'</span> with locked=<span style="background-color: red;">'false'</span></div> <div> <br /></div> <div> <ul style="text-align: left;"> <li><b>Now save your template and go to Layout page. .</b></li> <li><b>Click on the edit link of attribution widget.</b></li> </ul> </div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqMDFzEQ0aY-KMF6nkIqqW7hIAc8kR3NKseJwMLuXwCX1TWbO9AwShXaphKSMHreMnMdxYvLJ9HN7PNjNiq66Y5x4Uwu6zMz0eJKT9GZZiPE3dYemZJk6Z0r21YA_UcA1Sk7Cb2HVLsbFz/s1600/bn.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqMDFzEQ0aY-KMF6nkIqqW7hIAc8kR3NKseJwMLuXwCX1TWbO9AwShXaphKSMHreMnMdxYvLJ9HN7PNjNiq66Y5x4Uwu6zMz0eJKT9GZZiPE3dYemZJk6Z0r21YA_UcA1Sk7Cb2HVLsbFz/s400/bn.PNG" width="400" /></a></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> Hit Remove button and you are done.</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <img alt="How To Remove "Powered By Blogger" Attribution Gadget In Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh95HU-5-ZnUMoy3LlW8os9GYcGe3J3wOmgC_PseXAb2y85uBF5YBKRE3cB4MoiaA9yHITDSUi_0xxy57ICa_EKrWJVzjuT7W4yLvRhlaYhahr8LIuDwWQUMQGApaLNDUkJ8KRNqOM78LY5/s1600/bn1.PNG" title="How To Remove "Powered By Blogger" Attribution Gadget In Blogger" /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> That's All.....</div> <div> <br /></div> <div style="font-weight: bold;"> <br /></div> </div> <div> <b><br /></b></div> </div>

How To Remove "Powered By Blogger" Attribution Gadget In Blogger

How To Remove "Powered By Blogger" Attribution Gadget In Blogger Blogger attribution gadget is a gadget present at foot...

Read more »

Facebook Popup Widget For Blogger | Best seo Friendly Facebook Popup widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> Facebook likebox popup is most important blogger widget. This facebook likebox popups  is totally different widget And Best Seo Friendly , it's look like as a wordpress popup blogs. But today I am sharing a totally bloggerized version of this popup.Facebook Popup Widget For Blogger | Best seo Friendly Facebook Popup widget For  Blogger<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEF37BgM55yTrL-jvO7DNaE5XtJ-9LvnhJ4sXCO44QR5cTT1eqa3TtXOy_3YDXEGvdpZOGjBJNnRB1WySkihp7busRiY6g5FPtS8zy8kqxWiEi7rlQ3AjL6s8dXu5hBJnHgHvoTgXFxpPc/s1600/pop.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Facebook Popup Widget For Blogger | Best seo Friendly Facebook Popup widget For Blogger" border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEF37BgM55yTrL-jvO7DNaE5XtJ-9LvnhJ4sXCO44QR5cTT1eqa3TtXOy_3YDXEGvdpZOGjBJNnRB1WySkihp7busRiY6g5FPtS8zy8kqxWiEi7rlQ3AjL6s8dXu5hBJnHgHvoTgXFxpPc/s400/pop.PNG" title="Facebook Popup Widget For Blogger | Best seo Friendly Facebook Popup widget For Blogger" width="400" /></a></div> <br /> <br /> Before going further have a look on other popup widgets by <b><a href="http://websiteranker-seo.blogspot.in/" target="_blank">websiteranker</a></b><br /> Other Popup Widgets By <b><a href="http://websiteranker-seo.blogspot.in/" target="_blank">websiteranker</a></b><br /> Awesome jQuery Popup For Facebook Like Box<br /> Add Pop Up Email Subscribe Box With jQuey To Blogger<br /> Pop Up Email Subscription Form With jQuery For Blogger<br /> jQuery Facebook Like Box Popup With Timer For Blogger<br /> jQuery Pop Up For Mashable Style Widget<br /> Another Cool jQuery Popup For Facebook Like Box<br /> Pop-Up Facebook Like Box With Jquery For Blogger<br /> <br /> <b>How to Rank Your Website  <span style="font-size: large;"><a href="http://websiteranker-seo.blogspot.in/2016/01/how-to-use-google-keyword-planner-tool.html" target="_blank">Click Here</a></span>  In Just 2 Minutes</b><br /> <br /> <b><span style="font-size: large;">Widget Installation</span></b><br /> <br /> The installation of this widget is damn easy, you can add this widget as an simple HTML/JavaScript widget. Follow below steps to add this widget<br /> <div style="text-align: center;"> <b>Go to Blogger Dashboard</b></div> <div style="text-align: center;"> <b>Select your blog from</b></div> <div style="text-align: center;"> <b>Go to Layout > Add Widget > HTML/JavaScript</b></div> <div style="text-align: center;"> <b>Copy and Paste code (don't forgot to change our username with yours)</b></div> <div style="text-align: center;"> <b>Save your widget</b></div> <div style="text-align: center;"> <br /></div> <span style="background-color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type='text/javascript'></script></span><br /> <span style="background-color: red;"><style></span><br /> <span style="background-color: red;">    #hbfanback {</span><br /> <span style="background-color: red;">        display: none;</span><br /> <span style="background-color: red;">        background: rgba(0, 0, 0, 0.8);</span><br /> <span style="background-color: red;">        width: 100%;</span><br /> <span style="background-color: red;">        height: 100%;</span><br /> <span style="background-color: red;">        position: fixed;</span><br /> <span style="background-color: red;">        top: 0;</span><br /> <span style="background-color: red;">        left: 0;</span><br /> <span style="background-color: red;">        z-index: 99999;</span><br /> <span style="background-color: red;">    }</span><br /> <span style="background-color: red;">    #hbfan-exit {</span><br /> <span style="background-color: red;">        width: 100%;</span><br /> <span style="background-color: red;">        height: 100%;</span><br /> <span style="background-color: red;">    }</span><br /> <span style="background-color: red;">    #hbfanbox {</span><br /> <span style="background-color: red;">        background: white;</span><br /> <span style="background-color: red;">        width: 420px;</span><br /> <span style="background-color: red;">        height: 270px;</span><br /> <span style="background-color: red;">        position: absolute;</span><br /> <span style="background-color: red;">        top: 58%;</span><br /> <span style="background-color: red;">        left: 63%;</span><br /> <span style="background-color: red;">        margin: -220px 0 0 -375px;</span><br /> <span style="background-color: red;">        -webkit-box-shadow: inset 0 0 50px 0 #939393;</span><br /> <span style="background-color: red;">        -moz-box-shadow: inset 0 0 50px 0 #939393;</span><br /> <span style="background-color: red;">        box-shadow: inset 0 0 50px 0 #939393;</span><br /> <span style="background-color: red;">        -webkit-border-radius: 5px;</span><br /> <span style="background-color: red;">        -moz-border-radius: 5px;</span><br /> <span style="background-color: red;">        border-radius: 5px;</span><br /> <span style="background-color: red;">        margin: -220px 0 0 -375px;</span><br /> <span style="background-color: red;">    }</span><br /> <span style="background-color: red;">    #hbfanclose {</span><br /> <span style="background-color: red;">        float: right;</span><br /> <span style="background-color: red;">        cursor: pointer;</span><br /> <span style="background-color: red;">        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNuGyPhZQMswwBmJ3PYkb78OBdfIUEG3ogkMaH2mwrFarNma-9dfgs_Y_XnhAHfqlTgiYKxRMdsFnZtWo-1b5v08rTcKLzhClBAPw5wWnE0f5JRyaFPL-VBNkwrLHOlZ3lcXTYAki5gvA/s1600/hb-fanclose.png) repeat;</span><br /> <span style="background-color: red;">        height: 15px;</span><br /> <span style="background-color: red;">        padding: 20px;</span><br /> <span style="background-color: red;">        position: relative;</span><br /> <span style="background-color: red;">        padding-right: 40px;</span><br /> <span style="background-color: red;">        margin-top: -20px;</span><br /> <span style="background-color: red;">        margin-right: -22px;</span><br /> <span style="background-color: red;">    }</span><br /> <span style="background-color: red;">    .hbremove-borda {</span><br /> <span style="background-color: red;">        height: 1px;</span><br /> <span style="background-color: red;">        width: 366px;</span><br /> <span style="background-color: red;">        margin: 0 auto;</span><br /> <span style="background-color: red;">        background: #F3F3F3;</span><br /> <span style="background-color: red;">        margin-top: 16px;</span><br /> <span style="background-color: red;">        position: relative;</span><br /> <span style="background-color: red;">        margin-left: 20px;</span><br /> <span style="background-color: red;">    }</span><br /> <span style="background-color: red;"></style></span><br /> <span style="background-color: red;"><script type='text/javascript'></span><br /> <span style="background-color: red;">    //<![CDATA[ </span><br /> <span style="background-color: red;">    jQuery.cookie = function(key, value, options) {</span><br /> <span style="background-color: red;">        // key and at least value given, set cookie... </span><br /> <span style="background-color: red;">        if (arguments.length > 1 && String(value) !== "[object Object]") {</span><br /> <span style="background-color: red;">            options = jQuery.extend({}, options);</span><br /> <span style="background-color: red;">            if (value === null || value === undefined) {</span><br /> <span style="background-color: red;">                options.expires = -1;</span><br /> <span style="background-color: red;">            }</span><br /> <span style="background-color: red;">            if (typeof options.expires === 'number') {</span><br /> <span style="background-color: red;">                var days = options.expires,</span><br /> <span style="background-color: red;">                    t = options.expires = new Date();</span><br /> <span style="background-color: red;">                t.setDate(t.getDate() + days);</span><br /> <span style="background-color: red;">            }</span><br /> <span style="background-color: red;">            value = String(value);</span><br /> <span style="background-color: red;">            return (document.cookie = [</span><br /> <span style="background-color: red;">                encodeURIComponent(key), '=',</span><br /> <span style="background-color: red;">                options.raw ? value : encodeURIComponent(value),</span><br /> <span style="background-color: red;">                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE </span><br /> <span style="background-color: red;">                options.path ? '; path=' + options.path : '',</span><br /> <span style="background-color: red;">                options.domain ? '; domain=' + options.domain : '',</span><br /> <span style="background-color: red;">                options.secure ? '; secure' : ''</span><br /> <span style="background-color: red;">            ].join(''));</span><br /> <span style="background-color: red;">        }</span><br /> <span style="background-color: red;">        // key and possibly options given, get cookie... </span><br /> <span style="background-color: red;">        options = value || {};</span><br /> <span style="background-color: red;">        var result, decode = options.raw ? function(s) {</span><br /> <span style="background-color: red;">            return s;</span><br /> <span style="background-color: red;">        } : decodeURIComponent;</span><br /> <span style="background-color: red;">        return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;</span><br /> <span style="background-color: red;">    };</span><br /> <span style="background-color: red;">    //]]></span><br /> <span style="background-color: red;"></script></span><br /> <span style="background-color: red;"><script type='text/javascript'></span><br /> <span style="background-color: red;">    jQuery(document).ready(function($) {</span><br /> <span style="background-color: red;">        if ($.cookie('popup_user_login') != 'yes') {</span><br /> <span style="background-color: red;">            $('#hbfanback').delay(100).fadeIn('medium');</span><br /> <span style="background-color: red;">            $('#hbfanclose, #hbfan-exit').click(function() {</span><br /> <span style="background-color: red;">                $('#hbfanback').stop().fadeOut('medium');</span><br /> <span style="background-color: red;">            });</span><br /> <span style="background-color: red;">        }</span><br /> <span style="background-color: red;">        $.cookie('popup_user_login', 'yes', {</span><br /> <span style="background-color: red;">            path: '/',</span><br /> <span style="background-color: red;">            expires: 7</span><br /> <span style="background-color: red;">        });</span><br /> <span style="background-color: red;">    });</span><br /> <span style="background-color: red;"></script></span><br /> <span style="background-color: red;"><div id='hbfanback'></span><br /> <span style="background-color: red;">    <div id='hbfan-exit'></div></span><br /> <span style="background-color: red;">    <div id='hbfanbox'></span><br /> <span style="background-color: red;">        <div id='hbfanclose'></div></span><br /> <span style="background-color: red;">        <div class='hbremove-borda'></div></span><br /> <span style="background-color: red;">        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fwebsiteranker&amp;width=340&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:258px;margin-left: 8%;" allowTransparency="true"></iframe></span><br /> <span style="background-color: red;">    </div></span><br /> <span style="background-color: red;"></div></span><br /> <span style="background-color: red;"><br /></span> <span style="background-color: white;"><b><span style="font-size: large;">Widget Customizations</span></b></span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">If you have already installed jQuery library then remove below code</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type='text/javascript'></script></span><br /> <br /> Replace <span style="background-color: red;">websiteranker</span> with your <b>facebook fanpage username</b>.<br /> <br /> This widget appears only once in 7 days (per person), if you want to appear it on every page load then remove below code snippet from widget code<br /> <br /> <span style="background-color: red;">$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });</span><br /> <br /> By default, This popup appears on screen for 10 seconds . If you wish to change it then edit below code. (Note: 1 Second = 1000, 10 Seconds = 10000, 20 Seconds = 20000)<br /> <br /> <span style="background-color: red;">.delay(10000)</span><br /> <br /> That's All<br /> Have a nice day and Happy Blogging :)<br /> <br /> <br /></div>

Facebook Popup Widget For Blogger | Best seo Friendly Facebook Popup widget For Blogger

Facebook likebox popup is most important blogger widget. This facebook likebox popups  is totally different widget And Best Seo Friendly , ...

Read more »

How To Add Custom Robots.txt File in Blogger ?

<div dir="ltr" style="text-align: left;" trbidi="on"> <b><span style="font-size: large;">How To Add Custom Robots.txt File in Blogger ?</span></b><br /> <br /> In blogger it is known as Custom Robots.txt that means now you can customize this file according to your choice. In today’s tutorial, we will discuss this term in deep and come to know about its use and benefits. I will also tell you how to add custom robots.txt file in blogger.<br /> <br /> <b>let start the tutorial.</b><br /> <br /> <h3 style="text-align: left;"> <b style="background-color: red;">What is Robots.txt?</b></h3> <br /> Robots.txt is a text file which contains few lines of simple code. It is saved on the website or blog’s server which instruct the web crawlers to how to index and crawl your blog in the search results. That means you can restrict any web page on your blog from web crawlers so that it can’t get indexed in search engines like your blog labels page, your demo page or any other pages that are not as important to get indexed. Always remember that search crawlers scan the robots.txt file before crawling any web page.<br /> Each blog hosted on blogger have its default robots.txt file which is something look like this:<br /> <br /> User-agent: Mediapartners-Google<br /> Disallow:<br /> User-agent: *<br /> Disallow: /search<br /> Allow: /<br /> Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED<br /> <br /> Explanation<br /> This code is divided into three sections. Let’s first study each of them after that we will learn how to add custom robots.txt file in blogspot blogs.<br /> <br /> User-agent: Mediapartners-Google<br /> This code is for Google Adsense robots which help them to serve better ads on your blog. Either you are using Google Adsense on your blog or not simply leave it as it is.<br /> User-agent: *<br /> This is for all robots marked with asterisk (*). In default settings our blog’s labels links are restricted to indexed by search crawlers that means the web crawlers will not index our labels page links because of below code.<br /> Disallow: /search<br /> <br /> That means the links having keyword search just after the domain name will be ignored. See below example which is a link of label page named SEO.<br /> <br /> http://www.bloggertipstricks.com/search/label/SEO<br /> <br /> And if we remove Disallow: /search from the above code then crawlers will access our entire blog to index and crawl all of its content and web pages.<br /> <br /> Here Allow: / refers to the Homepage that means web crawlers can crawl and index our blog’s homepage.<br /> <br /> <br /> <b>Disallow Particular Post</b><br /> <br /> Now suppose if we want to exclude a particular post from indexing then we can add below lines in the code.<br /> <br /> <b>Disallow: /yyyy/mm/post-url.html</b><br /> <br /> Here yyyy and mm refers to the publishing year and month of the post respectively. For example if we have published a post in year 2013 in month of March then we have to use below format.<br /> Disallow: /2013/03/post-url.html<br /> <br /> To make this task easy, you can simply copy the post URL and remove the blog name from the beginning.<br /> <br /> <b><br /></b> <b>Disallow Particular Page</b><br /> <br /> If we need to disallow a particular page then we can use the same method as above. Simply copy the page URL and remove blog address from it which will something look like this:<br /> Disallow: /p/page-url.html<br /> <br /> Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED<br /> This code refers to the sitemap of our blog. By adding sitemap link here we are simply optimizing our blog’s crawling rate. Means whenever the web crawlers scan our robots.txt file they will find a path to our sitemap where all the links of our published posts present. Web crawlers will find it easy to crawl all of our posts. Hence, there are better chances that web crawlers crawl all of our blog posts without ignoring a single one.<br /> Note: This sitemap will only tell the web crawlers about the recent 25 posts. If you want to increase the number of link in your sitemap then replace default sitemap with below one. It will work for first 500 recent posts. <br /> <b><i>Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500</i></b><br /> <br /> If you have more than 500 published posts in your blog then you can use two sitemaps like below:<br /> <br /> Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500<br /> Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=500&max-results=1000<br /> <br /> <h3 style="text-align: left;"> <b style="background-color: red;">Adding Custom Robots.Txt to Blogger</b></h3> <br /> Now the main part of this tutorial is how to add custom robots.txt in blogger. So below are steps to add it.<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3gjujMdljVnnVP8Tq6cDYqSTmePNp1tTxp-tge41cuRGOZRnCj-iGQG_etYxnMnCvfMMk-f_UjI71p0FL0CbSZxfzNBVMProjnMSV6BItFMy8aGD0wu_zMID-dwIiiPUyCYDRRs3amR_3/s1600/b.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="How To Add Custom Robots.txt File in Blogger ?" border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3gjujMdljVnnVP8Tq6cDYqSTmePNp1tTxp-tge41cuRGOZRnCj-iGQG_etYxnMnCvfMMk-f_UjI71p0FL0CbSZxfzNBVMProjnMSV6BItFMy8aGD0wu_zMID-dwIiiPUyCYDRRs3amR_3/s640/b.PNG" title="How To Add Custom Robots.txt File in Blogger ?" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">How To Add Custom Robots.txt File in Blogger ?</td></tr> </tbody></table> <br /> <br /> <b>Go to your blogger blog.</b><br /> <b>Navigate to Settings >> Search Preferences ›› Crawlers and indexing ›› Custom robots.txt ›› Edit ›› Yes</b><br /> <b>Now paste your robots.txt file code in the box.</b><br /> <b>Click on Save Changes button.</b><br /> <b>You are done!</b><br /> <b><br /></b> <h3 style="text-align: left;"> <span style="background-color: red;"><b><br /></b><b>How to Check Your Robots.txt File In Blogger ?</b></span></h3> <br /> You can check this file on your blog by adding /robots.txt at last to your blog URL in the browser. Take a look at the below example for demo.<br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="How to Check Your Robots.txt File In Blogger" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQXORZ89dtDqmNrVbTKK9sJjGvBZXXa7_ON8Fj8DmUgEiA6RxD3mIPRLCebDxc7R__qf_acuXC01mYrs_rw8j72MjrDmgdbBvf8hJ856bzf-JZ2VDlruCvWgAJlULeMkDgz_7xiMiYl_B/s640/b1.PNG" title="How to Check Your Robots.txt File In Blogger" width="640" /></div> <br /> <br /> Once you visit the robots.txt file URL you will see the entire code which you are using in your custom robots.txt file. See below image.<br /> <br /> robots.txt<br /> Final Words!<br /> <br /> This was the today’s complete tutorial on how to add custom robots.txt file in blogger. I really try with my heart to make this tutorial as simple and informative as possible. But still if you have and doubt or query then feel free to ask me. Don’t put any code in your custom robots.txt settings without knowing about it. Simply ask to me to resolve your queries. I’ll tell you everything in detail. Thanks guys to read this tutorial. If you like it then please supports me to spread my words by sharing this post on your social media profiles. Happy Blogging!</div>

How To Add Custom Robots.txt File in Blogger ?

How To Add Custom Robots.txt File in Blogger ? In blogger it is known as Custom Robots.txt that means now you can customize this file acc...

Read more »

Adsense Code Encoder | Online HTMl Encoder | HTML To XML parser | Blogger adsense converter

<div dir="ltr" style="text-align: left;" trbidi="on"> <form> <h2 style="text-align: left;"> <b>Adsense Code Encoder | Online HTMl Encoder | HTML To XML parser | Blogger adsense converter</b></h2> <div> <b><a href="http://websiteranker-seo.blogspot.in/2016/01/how-to-add-html-encoder-tool-in-blogger.html" target="_blank">How To Add HTMl Encoder Tool In Blogger Post | How To Put HTML Encoder Tool In Blogger</a></b></div> <div> <b><br /></b></div> Online HTML to XML parser | Blogger adsense converter | escape tool<br /> This online converter will convert your adsense,chitika, adbrite and any HTML code into XML coding which are compatible with the blogger templates.<br /> <br /> <br /> <textarea name="data1" style="height: 200px; width: 590px;">


This Adsense Parser / escape Online tool is Very Cool. Instead of Manually parse adsense code you can easily conver any html code to xml format. This tool are very easy and accurately escape tool which are hassle free parse the any html code. How To use ? when you enter html code in to above box parse code will be generated automatically just copy and past this code to your blogger use.

How To Add Social Sharing Widget In Blogger | Add A Social Media Icons Widget On BloggerIin Just 1 Minute

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <b>How To Add Social Sharing Widget In Blogger | Add A Social Media Icons Widget On BloggerIin Just 1 Minute</b></h2> <br /> <h3 style="text-align: left;"> <b>Step </b><b>1 </b>. <b>Open Site Share This : <a href="http://www.sharethis.com/get-sharing-tools/#sthash.pWGDxjhR.dpbs" target="_blank">Click Here</a></b></h3> <br /> <h3 style="text-align: left;"> <b>Step 2 .  Select Your Plateform</b></h3> <h3 style="text-align: left;"> <br /><div class="separator" style="clear: both; font-weight: bold; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-M443v6St5Sr8L9QbSh1Yy5gx_ITnjUyKVmYD3GE5GkN7Q07sTQ4O9n5mDSWC7bM5D36OJJ9twdb0Z845KtRZJPlNU8UZJZPy6iH2Ocb1XXI6lk2-B-XoanVEeSc7VgD439Dk7J9xOl-r/s1600/s1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-M443v6St5Sr8L9QbSh1Yy5gx_ITnjUyKVmYD3GE5GkN7Q07sTQ4O9n5mDSWC7bM5D36OJJ9twdb0Z845KtRZJPlNU8UZJZPy6iH2Ocb1XXI6lk2-B-XoanVEeSc7VgD439Dk7J9xOl-r/s640/s1.PNG" width="640" /></a></div> <div class="separator" style="clear: both; font-weight: bold; text-align: center;"> <br /></div> <div class="separator" style="clear: both; font-weight: bold; text-align: left;"> Step 3. Select Your Style Of Social Sharing Widgets :</div> <div class="separator" style="clear: both; font-weight: bold; text-align: left;"> <br /></div> <div class="separator" style="clear: both; font-weight: bold; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDlW5UDZ5G2bs0CnFB2jptLf1QamFK7QW_urtBv6Qm-sZ6DwOmn3tPeVjUjktf7gAEGHec2GWmLMPF5DNTpZOQmzyDBBWRu4MicuQ-zfHOxg6oRf71u75gzJMer3KZMB8sKipNMImYLqb/s1600/s3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDlW5UDZ5G2bs0CnFB2jptLf1QamFK7QW_urtBv6Qm-sZ6DwOmn3tPeVjUjktf7gAEGHec2GWmLMPF5DNTpZOQmzyDBBWRu4MicuQ-zfHOxg6oRf71u75gzJMer3KZMB8sKipNMImYLqb/s640/s3.PNG" width="640" /></a></div> <div class="separator" style="clear: both; font-weight: bold; text-align: center;"> <br /></div> <div class="separator" style="clear: both; font-weight: bold; text-align: left;"> Step 4. Customize Your Social Sharing Widgets :</div> <div class="separator" style="clear: both; font-weight: bold; text-align: left;"> <br /></div> <div class="separator" style="clear: both; font-weight: bold; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL5fdshTBgNmpWqFqTzpFStl2ZtCEDXujwEjj1eulssw8P_9EV4hLNZpSik9YW3n4rCPeqSA2PYLGtRNV_SKoLDk1WBnaBpHKnYCOXI959M3WrozAYwYOTzJSSjSTTsWcGT68XBoRvZCjX/s1600/s4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL5fdshTBgNmpWqFqTzpFStl2ZtCEDXujwEjj1eulssw8P_9EV4hLNZpSik9YW3n4rCPeqSA2PYLGtRNV_SKoLDk1WBnaBpHKnYCOXI959M3WrozAYwYOTzJSSjSTTsWcGT68XBoRvZCjX/s640/s4.PNG" width="640" /></a></div> <div class="separator" style="clear: both; font-weight: bold; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> Step 5 Get The Code <span style="font-weight: normal;">: Add This Code Go To </span><i><a href="https://www.blogger.com/home" target="_blank">Blogger Dahshboard</a></i></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguI0Vi_Yb0gml_kXC4f8SYQw_BUsbRBz44nmffh-9NaXVIocXo1CeuXyPY6gPo7EEN2CzEwzlPHlqLpHU-5ZFsDq3OxTjFPIRStoWMJGAV7bLJK88LosUHtdXM_2J9-c_64M94eWujhi9W/s1600/s5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="496" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguI0Vi_Yb0gml_kXC4f8SYQw_BUsbRBz44nmffh-9NaXVIocXo1CeuXyPY6gPo7EEN2CzEwzlPHlqLpHU-5ZFsDq3OxTjFPIRStoWMJGAV7bLJK88LosUHtdXM_2J9-c_64M94eWujhi9W/s640/s5.PNG" width="640" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both;"> <br /></div> <div class="separator" style="clear: both;"> <span style="font-weight: normal;">Click Anywhere Inside The Code area And Press The CTRL+F Keys To Open The Search Box</span></div> <div class="separator" style="clear: both;"> <span style="font-weight: normal;"><br /></span></div> <div class="separator" style="clear: both;"> <span style="font-weight: normal;">Find In search Box =   </span><div class='post-footer'><span style="font-weight: normal;"> </span></div> <div class="separator" style="clear: both;"> <span style="font-weight: normal;"><br /></span></div> <div class="separator" style="clear: both;"> <span style="font-weight: normal;">Just Above This Line, Add The code For The AddThis social Sharing Buttons</span></div> </h3> <h4 style="clear: both; text-align: left;"> <br />You Can Find Alos </h4> <h2 style="text-align: left;"> <a class="titlex" href="http://websiteranker-seo.blogspot.in/2016/01/how-to-use-google-keyword-planner-tool.html" style="color: #252525; font-family: Oswald, 'Bebas Neue', Bebas, 'Arial Narrow', sans-serif; font-size: 16.5px; font-weight: normal; line-height: 1.4em; text-decoration: none;"><i>How To Use Google Keyword Planner Tool For Seo</i></a></h2> <div class="separator" style="clear: both;"> <br /></div> <div class="separator" style="clear: both;"> <br /></div> <div class="separator" style="clear: both; font-weight: bold; text-align: left;"> <br /></div> <br /> <br /></div>

How To Add Social Sharing Widget In Blogger | Add A Social Media Icons Widget On BloggerIin Just 1 Minute

How To Add Social Sharing Widget In Blogger | Add A Social Media Icons Widget On BloggerIin Just 1 Minute Step 1 . Open Site Share This...

Read more »