Add Facebook Google Plus Twitter Like Box Slider on BlogSpot

Read about how to Add Facebook Google Plus Twitter Like Box Slider on BlogSpot. You can easily make a beautiful slider with your blogger. In addition, here is the code and replace the code bold text area with your one.

  1. Facebook ID.
  2. Twitter Username.
  3. Google URL ID (number only).

Now copy the code and past it for your slider code html code box and save it.

<p class="wp-caption-dd" style="text-align: left;"><span style="font-size: xx-small;">&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;  &lt;script src="http://apis.google.com/js/plusone.js" type="text/javascript"&gt;&lt;/script&gt;  &lt;link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" /&gt;  &lt;script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"&gt;&lt;/script&gt;    &lt;div id="on"&gt;    &lt;div id="facebook_right" style="top: 12%;"&gt;      &lt;div id="facebook_div"&gt;        &lt;img alt="" src="http://3.bp.blogspot.com/-wQUpmiGwynE/UNHJaesfqeI/AAAAAAAAItg/JQlnTuoFRnQ/s1600/NBTfacebook_right.png" /&gt;        &lt;iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="background-color: #ffff00;"><strong>122577234587339</strong></span>&amp;amp;width=200&amp;amp;height=346&amp;amp;colorscheme</span></p>
<p class="wp-caption-dd" style="text-align: left;"><span style="font-size: xx-small;">=light&amp;amp;show_faces=true&amp;amp;border_color&amp;amp;stream=false&amp;amp;header=false"        style="border: none; height: 346px; overflow: hidden; width: 200px;"&gt;&lt;/iframe&gt;      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;  &lt;div id="on"&gt;    &lt;div id="twitter_right" style="top: 28%;"&gt;      &lt;div id="twitter_div"&gt;        &lt;img id="twitter_right_img" src="http://3.bp.blogspot.com/-UrPbwWyd88E/UNHJhIlDSRI/AAAAAAAAIt4/fmis0qzbcfI/s1600/NBTtwitter_right.png" /&gt;        &lt;script type='text/javascript'&gt;        function fanbox_init(screen_name) {          document.getElementById('twitterfanbox').innerHTML = '&lt;iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=' + screen_name + '" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "&gt;&lt;/iframe&gt;';        }        &lt;/script&gt;        &lt;div id="twitterfanbox"&gt;          &lt;script type="text/javascript"&gt;          fanbox_init("<span style="background-color: #ffff00;"><strong>howexplain</strong></span>");          &lt;/script&gt;        &lt;/div&gt;      &lt;/div&gt;    &lt;/div&gt;    &lt;div id="on"&gt;      &lt;div id="google_plus_right" style="top: 45%;"&gt;        &lt;div id="google_plus_div"&gt;          &lt;img id="google_plus_right_img" src="http://2.bp.blogspot.com/-e2uAzeEjWU4/UTHxwZv6O_I/AAAAAAAAACo/IIkUjVUrtus/s1600/NBTgoogle_plus_right.png" /&gt;          &lt;div style="float: left; margin: 10px 10px 10px 0;"&gt;            &lt;a href='http://newbloggertips.com'&gt;              &lt;img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png' /&gt;            &lt;/a&gt;            &lt;div data-action="followers" data-height="250" data-href="https://plus.google.com/<span style="background-color: #ffff00;"><strong>102999868750411583138</strong></span>" data-source="blogger:blog:followers" data-width="270"&gt;&lt;/div&gt;            &lt;script type="text/javascript"&gt;            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            &lt;/script&gt;          &lt;/div&gt;        &lt;/div&gt;      &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</span></p>

That it now you can get the slider menu in the right side of your Google BlogSpot.