Skip to main content

Follow On Facebook,Twitter And Google+ Gadget For Bloggers

Hello Geeks ... Today's Post I'm gonna show you how to Add A Follow On Social Web Gadget To Your Blog In Such A Simple And Easy Way Just As You See In the Picture Here :
So let's Get Started ...

Steps To Add The Above Gadget  : 

  1. From Blogger Home Pannel Go To Layout. 
  2. Add A Gadget On The Place You Prefer To Add It
  3. Select HTML/JavaScript 

    4. Add This Code :

/*--- MBL Advance Social Gadget --- */
#socialwid { 
font-family:Arial, serif; 
text-transform: uppercase;
font-weight:bold; 
font-size:15px; color:white; text-align:center; margin-top:10px;}

#socialwid a {color:inherit;}

#mbladvance-sub div *{
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;}

#mbladvance-sub div #likered{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOO66KfQ518R36hKNzcJ8S77OnFCqDsAvCsU1ADwDaUy1bZ50kaW1gQcPPx_YSKLjoecDAkjBJ3jrGA_rjgOrur5JlrmJCSCNWqGoarpo1gVWqeinSQujDx-SIjSdKdZZf4qsgramcMiI/s1600/Sociala.png)!important;background-position:top left;
background-repeat:no-repeat;
height:242px;
width:300px;}
#mbladvance-sub div{
margin:0;
padding:0;
background-image:none!important;
            width: 299px;
        }

#mbladvance-sub{
margin-bottom:15px;
height:250px; 
background-color:#ffffff}
</li>
</ol>
</div>
<br />
<div class="block" id="mbladvance-sub" style="height: 257px!important;">
<div>
<div id="likered" style="height: 257px!important;">
<div style="height: 47px;">
</div>

<!--Google +1/Follow-->


<br />
<div style="border-bottom: none; border-top: none; border: 3px solid #8ec801; height: 54px; margin-top: 1px; overflow: hidden; width: 300px;">
<span style="display: inline-block; float: left; padding: 15px 0 0 23px; width: 75px;">
</span>
<br />
<div class="g-plusone" data-href="http://letsgogeeky.blogspot.com">
</div>
<span style="display: inline-block; float: left; padding: 15px 0 0 23px; width: 75px;">
</span>

<span style="display: inline-block; float: left; width: 170px;">
</span><br />
<div class="g-plus" data-height="69" data-href="https://plus.google.com/u/0/102126821428689467132" data-width="170">
</div>
<span style="display: inline-block; float: left; width: 170px;">
</span>
</div>

<!--Facebook Like--> 

<br />
<div style="border-bottom: none; border-top: 1px solid #8ec801; border: 1px solid #8ec801; border: 3px solid #8ec801; padding: 10px 10px 0 10px;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=http://www.facebook.com/YouAreAComputerGuy&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=36" style="border: none; height: 36px; overflow: hidden; width: 280px;"></iframe></div>

<!--Twitter Tweet/Follow--> 

<br />
<div style="border-bottom: none; border-top: 1px solid #8ec801; border: 3px solid #8ec801; height: 50px; padding: 10px 0 5px 10px;">
<span style="display: inline-block; float: left; height: 35px; width: 195px;">
<a class="twitter-follow-button" data-show-count="false" data-size="large" href="https://twitter.com/RamyAbdelGelil">Follow @RamyAbdelGelil</a>
</span>

<span style="display: inline-block; float: left; line-height: 0; overflow: hidden; width: 78px;">
<a class="twitter-share-button" data-hashtags="design" data-show-count="false" data-size="large" data-text="Such A Great IT Blog" data-url="http://letsgogeeky.blogspot.com" data-via="semandseonews" href="http://letsgogeeky.blogspot.com/">Tweet</a>
</span>
 </div>
<script src="http://mybloggerlab.com/Scripts/advsub.js" type="text/javascript"></div>

Final Edits : 

Replace My Google+ Link By Your Google+ Link 
Replace My Facebook Page link By Your Facebook Page Link
Replace My Twitter @mention and Profile Link By Yours 

Best Wishes Everybody :) 

Labels:

Comments

Post a Comment

We Care About Your Opinion !

Popular posts from this blog

Programming Languages Ranking | Feb 2015 | JavaScript Greatest Performance

This is my second post along the blog speaking about programming languages ranking according to  TIOBE  for software quanlity. Before heading off to speak about the ranking, I would like to point out that this rank is based on the amount of searches and content availiable on the web for each programming language, You can read the full definition of TIOBE index  here .
Post a Comment
Read More >>

5 Strategies to make money with Google AdSense

Hello geeks .. Before we start talking about those strategies you need to be sure that there's nothing called "Best Strategy" toward making money with  Google AdSense  as every one has his own experience and way of making money with this program and what may success with one person may fail with another person . So let us know some of those strategies for making money with AdSense Program .
Post a Comment
Read More >>

Think Outside The Box

It was very much about not believing the traditional way of doing things. Don’t be afraid. Just because people tell you it can’t be done, that doesn’t necessarily mean that it can’t be done. It just means that they can’t do it. I think it’s always fun to think outside of the box and try to find new solutions to existing problems. I think simplicity is always a winner. If you can find a simpler solution to something—that has certainly for me been a guiding principle. Always try to make it simpler. I think to be really good at something, you have to be passionate about it too. That’s something you can’t learn. That’s just something that you have, I think. I got into programming not because I wanted to make lots of money or because someone told me to. I got into it because I just got totally absorbed by it. You just could not stop me. I had to write programs. It was the only thing I wanted to do. I was very, very passionate about it. You have to have that passion to get really good ...
Post a Comment
Read More >>