07/16/13 | PreToPro Blogger

<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/AVvXsEh6xh-p7uS_J_syubNud57za-RiR4oxXji2qZ3xGs4D4CtxpU7w04K0vu7sqz8vjV_lefnhsWaGcdsad3DgOJfk43Mq_juSXNiGFfimzXnkaUT_RfS0HBdB6u5eQbT2j7fXJX6uAQuKNDbj/s1600/social.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xh-p7uS_J_syubNud57za-RiR4oxXji2qZ3xGs4D4CtxpU7w04K0vu7sqz8vjV_lefnhsWaGcdsad3DgOJfk43Mq_juSXNiGFfimzXnkaUT_RfS0HBdB6u5eQbT2j7fXJX6uAQuKNDbj/s400/social.jpg" width="400" /></span></a></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<i><span style="font-family: inherit;">Here is the best (for me) floating social media buttons gadget that have a clean and simple design. Many Professional blogger too use this gadget..</span></i><br />
<div>
<span style="font-family: inherit;"><br /></span></div>
<h2 style="text-align: left;">
<i><span style="font-family: inherit;">Design 1: </span></i></h2>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<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/AVvXsEjsV8rOsW_3X6I-qrwUR6JSAs_jnqEKXGYFmtho4Ne_Mm0txCajni8AoyvSy7DbtA-RTHrXR2Dyjyknjw7L8AffhZ2nAuk3PQq4bp_pDQs8_8Ahm8PGddhyphenhyphenqLsTrA-U5Dt_KqYcBvK26Isg/s1600/social+gadget+design+1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsV8rOsW_3X6I-qrwUR6JSAs_jnqEKXGYFmtho4Ne_Mm0txCajni8AoyvSy7DbtA-RTHrXR2Dyjyknjw7L8AffhZ2nAuk3PQq4bp_pDQs8_8Ahm8PGddhyphenhyphenqLsTrA-U5Dt_KqYcBvK26Isg/s200/social+gadget+design+1.jpg" width="63" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">Click to Enlarge</span></td></tr>
</tbody></table>
<span style="font-family: inherit;"><br /></span>
<br />
<div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Add It:</span></h3>
</div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Go to your <b>blogger dashboard</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Select your blogger blog</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Click on <b>Layout </b>from Drop Down menu (shown in picture)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-color: white; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<span style="font-family: inherit;"><br /></span>
<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">A new Window appear</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Click on <b>Add gadget</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">And select <b>HTML/JavaScript</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Next Box of HTML/JavaScript will appear <b>(shown in picture)</b></span></li>
</ul>
</div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b style="background-color: white; font-size: 13px; line-height: 18px;">    </b></span><br />
<div class="separator" style="background-color: white; clear: both; font-size: 13px; line-height: 18px;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></b></div>
<span style="font-family: inherit;"><b style="background-color: white; font-size: 13px; line-height: 18px;"></b><span style="background-color: white; font-size: 13px; line-height: 18px;"></span><br style="background-color: white; font-size: 13px; line-height: 18px;" /></span>
<br />
<div style="background-color: white; font-size: 13px; line-height: 18px; text-align: left;">
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Now the box of HTML/JavaScript will appear when you click on the box.</span></li>
</ul>
</div>
<div class="separator" style="background-color: white; clear: both; font-size: 13px; line-height: 18px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></div>
<div style="background-color: white; text-align: left;">
<ul style="font-size: 13px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Now <b>paste the following code to install the gadget</b> to your blog.</span></li>
</ul>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<div style="font-size: 13px; line-height: 18px;">
<h3 style="text-align: left;">
<span style="font-family: inherit;">Code For Design 1:</span></h3>
</div>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<div style="font-size: 13px; line-height: 18px;">
<blockquote class="tr_bq">
<span style="font-family: inherit;"><br /><div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;"><br /><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><br /><a class="addthis_button_tweet" tw:count="vertical"></a><br /><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><br /><a class="addthis_counter"></a><a href="</span>http://pretoproblogger.blogspot.com/2013/07/how-to-add-best-floating-social-media.html<span style="font-family: inherit;">">Widget</a><br /></div><br /><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><br /> </span></blockquote>
</div>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<h2 style="text-align: left;">
<i><span style="font-family: inherit;">Design 2:</span></i></h2>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-size: 13px; line-height: 18px; 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/AVvXsEib3mzl_Luo12T0PWNPUyrY5ajCV-_dbE_SO-BalJ6_VFPdL6r4QHPM8pjngblT5xjMNQeY6V5jMU2mhGuzfopcAJs2Giw-HMtYt3drdKlph-DfHo9Z7EEcyMWSMz5e6MztKCWkkl03vv0T/s1600/social+gadget+design+2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib3mzl_Luo12T0PWNPUyrY5ajCV-_dbE_SO-BalJ6_VFPdL6r4QHPM8pjngblT5xjMNQeY6V5jMU2mhGuzfopcAJs2Giw-HMtYt3drdKlph-DfHo9Z7EEcyMWSMz5e6MztKCWkkl03vv0T/s200/social+gadget+design+2.jpg" width="63" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">Click to Enlarge</span></td></tr>
</tbody></table>
<h3 style="text-align: left;">
<span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">How To Add It:</span></h3>
<div>
<div style="font-size: medium; line-height: normal;">
<span style="font-family: inherit;"><br /></span></div>
<div>
<ul style="font-size: medium; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Go to your <b>blogger dashboard</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Select your blogger blog</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Click on <b>Layout </b>from Drop Down menu (shown in picture)</span></li>
</ul>
<div class="separator" style="clear: both; font-size: medium; line-height: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></div>
<div class="separator" style="clear: both; font-size: medium; line-height: normal; text-align: center;">
</div>
<div style="font-size: medium; line-height: normal;">
<span style="font-family: inherit;"><br /></span>
<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">A new Window appear</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Click on <b>Add gadget</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">And select <b>HTML/JavaScript</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Next Box of HTML/JavaScript will appear <b>(shown in picture)</b></span></li>
</ul>
</div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b style="font-size: 13px; line-height: 18px;">    </b></span><br />
<div class="separator" style="clear: both; font-size: 13px; line-height: 18px;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></b></div>
<span style="font-family: inherit;"><b style="font-size: 13px; line-height: 18px;"></b><span style="font-size: 13px; line-height: 18px;"></span><br style="font-size: 13px; line-height: 18px;" /></span>
<br />
<div style="font-size: 13px; line-height: 18px; text-align: left;">
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Now the box of HTML/JavaScript will appear when you click on the box.</span></li>
</ul>
</div>
<div class="separator" style="clear: both; font-size: 13px; line-height: 18px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></div>
<div style="text-align: left;">
<ul style="font-size: 13px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Now <b>paste the following code to install the gadget</b> to your blog.</span></li>
</ul>
<div>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<div>
<h3 style="text-align: left;">
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;">Code For Design 2:</span></span></h3>
</div>
<div>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<div>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"></span></span><br />
<blockquote class="tr_bq">
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;"></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_facebook"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_twitter"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_delicious"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_pinterest_share"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_digg"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_orkut"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_google_plusone_share"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_myspace"></a></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a class="addthis_button_compact"></a><h6></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><a href="http://</span></span><span style="font-size: 13px; line-height: 18px;">http://pretoproblogger.blogspot.com/2013/07/how-to-add-best-floating-social-media.html</span><span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;">">Widget</a></h6></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"></div></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script></span></span><br />
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"> </span></span></blockquote>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;">
</span></span></div>
<div>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<h2 style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><span style="line-height: 18px;"><i>Design 3 :</i></span></span></h2>
<div>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<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/AVvXsEiy8usf48TJsRv2xWOXNmmTpo5_gPAunZm8vdl-WuNTwMlYysL_i4oaBR64A1YwGDbsPuZrbeU8HAPxqXT9uV1jWLnwfLdp7amJsGD6dWji-aEotPk-HcMuILXSsT8xxeCfty4daLUZrxll/s1600/social+gadget+design+3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8usf48TJsRv2xWOXNmmTpo5_gPAunZm8vdl-WuNTwMlYysL_i4oaBR64A1YwGDbsPuZrbeU8HAPxqXT9uV1jWLnwfLdp7amJsGD6dWji-aEotPk-HcMuILXSsT8xxeCfty4daLUZrxll/s200/social+gadget+design+3.jpg" width="63" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">Click to Enlarge</span></td></tr>
</tbody></table>
<span style="font-family: inherit;"><br /></span>
<br />
<div>
<div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Add It:</span></h3>
</div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Go to your <b>blogger dashboard</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Select your blogger blog</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Click on <b>Layout </b>from Drop Down menu (shown in picture)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<span style="font-family: inherit;"><br /></span>
<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">A new Window appear</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Click on <b>Add gadget</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">And select <b>HTML/JavaScript</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Next Box of HTML/JavaScript will appear <b>(shown in picture)</b></span></li>
</ul>
</div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b style="font-size: 13px; line-height: 18px;">    </b></span><br />
<div class="separator" style="clear: both; font-size: 13px; line-height: 18px;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></b></div>
<span style="font-family: inherit;"><b style="font-size: 13px; line-height: 18px;"></b><span style="font-size: 13px; line-height: 18px;"></span><br style="font-size: 13px; line-height: 18px;" /></span>
<br />
<div style="font-size: 13px; line-height: 18px; text-align: left;">
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Now the box of HTML/JavaScript will appear when you click on the box.</span></li>
</ul>
</div>
<div class="separator" style="clear: both; font-size: 13px; line-height: 18px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" imageanchor="1" style="color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 1px; position: relative;" width="400" /></span></a></div>
<div style="text-align: left;">
<ul style="font-size: 13px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: inherit;">Now <b>paste the following code to install the gadget</b> to your blog.</span></li>
</ul>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<div style="font-size: 13px; line-height: 18px;">
<h3 style="text-align: left;">
<span style="font-family: inherit;">Code for Design 3:</span></h3>
</div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<blockquote class="tr_bq">
<span style="font-size: x-small;"><span style="font-family: inherit;"><br /><div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;"><br /><a class="addthis_button_facebook"></a><br /><a class="addthis_button_twitter"></a><br /><a class="addthis_button_delicious"></a><br /><a class="addthis_button_pinterest_share"></a><br /><a class="addthis_button_digg"></a><br /><a class="addthis_button_orkut"></a><br /><a class="addthis_button_google_plusone_share"></a><br /><a class="addthis_button_myspace"></a><br /><a class="addthis_button_compact"></a><h6><br /><a href="</span><span style="line-height: 18px;">http://pretoproblogger.blogspot.com/2013/07/how-to-add-best-floating-social-media.html</span><span style="font-family: inherit;">">Widget</a></h6><br /></div><br /><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><br /> </span></span></blockquote>
</div>
</div>
</div>
</div>
</div>
<div>
<span style="font-family: inherit; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
</div>
</div>
</div>
</div>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<div style="font-size: 13px; line-height: 18px;">
<span style="font-family: inherit;"><br /></span></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<br /></div>
</div>
</div>
</div>
</div>
<br />
<script type="text/javascript">
ch_fluidH = 1;
ch_nump = "3";
ch_client = "pretoproblogger";
ch_width = 600;
ch_height = "auto";
ch_type = "mpu";
ch_sid = "Chitika Default";
ch_color_site_link = "000000";
ch_color_title = "000000";
ch_color_border = "FFFFFF";
ch_color_text = "000000";
ch_color_bg = "FFFFFF";
</script>
<script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript">
</script></div>

How to add the best floating social media buttons gadget in blogger (3 Designs To Choose)

Kaushal Srivastava 204 Blog Gadgets, Blog Widgets, Floating Gadget, PreToPro Blogger, Social Buttons 07:41

Here is the best (for me) floating social media buttons gadget that have a clean and simple design. Many Professional blogger too use this gadget.. Design 1: Click to Enlarge How To Add It: Go to yo…

Advertise Here

How to add the best floating social media buttons gadget in blogger (3 Designs To Choose)

Get FREE updates on your Email | RSS

Popular Posts

Comments

Blog Archive