Add Facebook Google Plus Twitter Like Box Slider on BlogSpot

Read about how to Add Facebook Google Plus Twitter Like Box Slider on BlogSpot. Here you can add your Facebook, Google Plus and Twitter Social Like box and Follower box in Google BlogSpot.

twitter

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.

Add Facebook Google Plus Twitter Like Box Slider on BlogSpot
3 (60%) 2 votes

Author: Johnmelody

He is The Founder of Howexplain.com, You can get the Systematic Solution Tips to solve your Website Development, Computer, Software and Tech Problems.

3 thoughts on “Add Facebook Google Plus Twitter Like Box Slider on BlogSpot”

  1. This is not my website but I’m trying to create the same on my website for a newsletter sign-up.
    I use mailchimp to creat the form but I don’t know how to create the rest of the code so the sign-up form will slide in and out when placing the mouse over it. Please help!

  2. Hey just wanna say thanx for the tut. Any idea why the twitter box isnt working bro???
    Please get back at me.

Leave a Reply

Your email address will not be published.