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)

Here is the best (for me) floating social media buttons gadget that have a clean and simple design. Many Professional blogger too use ...

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