Results 1 to 3 of 3

Thread: What Social Plugin are you guys using

  1. #1

    Default What Social Plugin are you guys using

    I'm talking about the section with social features like G+ tweet you tube stuff.

    It looks good I was curious what it was so I can use it on my wordpress blogs

    Thanks

  2. #2
    Administrator Human Male Priest
    Dugi's Avatar
    Join Date
    Nov 2008
    Posts
    4,782

    Default

    That is not a plugin unfortunately, you will need to tinker with a bit of html and css to create the box for each one.

    Add a text widget for your sidebar in wordpress (you will need to change url / script to your website)

    Code:
    <div class='facebook'><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=228273083867689&amp;xfbml=1"></script><fb:like href="http://www.facebook.com/WoWGuide" send="false" width="250" show_faces="false" font="arial"></fb:like></div><div class='google'><g:plusone size="medium" href="http://www.ultimatewowguide.com"></g:plusone></div>
    <div class='twitter'><a href="http://twitter.com/DugisWoWGuide" class="twitter-follow-button" data-width="250px">Follow @DugisWoWGuide</a>
    <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div>
    <div class='others'><a href="http://tinyurl.com/dugiyoutube" target="_blank"><img src="http://www.ultimatewowguide.com/img/youtube_22.png" alt="youtube dugi" width="20" height="20" border="0" align="absmiddle" style="margin-right: 5px;"></a><strong><span class="textsmall"> YouTube  </span></strong><a href="http://www.ultimatewowguide.com/feed/"><img src="http://www.ultimatewowguide.com/img/rss_22.png" alt="rss feed" width="20" height="20" border="0" align="absmiddle" style="margin-right: 5px;margin-left: 25px;"></a><span class="textsmall"> <strong>RSS</strong></span><span class="textsmall"><strong></strong></span></div>
    <div style="clear:both;"></div>
    and add this custom css

    Code:
    div.others {
    	float: left;
    	width: 100%;
    	height: 20px;
    	BORDER-RIGHT: 1px solid #ebebeb; 
    	BORDER-TOP: 1px solid #ffffff; 
    	BORDER-LEFT: 1px solid #ebebeb; 
    	BORDER-BOTTOM: 1px solid #ebebeb; 
    	background-color: #f6f6f6;
    	padding: 4px;
    	vertical-align:text-middle;
    }
    div.google {
    	float: left;
    	width: 100%;
    	height: 20px;
    	background-color: #ebf9e8;
    	BORDER-RIGHT: 1px solid #ebebeb; 
    	BORDER-TOP: 1px solid #ffffff; 
    	BORDER-LEFT: 1px solid #ebebeb; 
    	BORDER-BOTTOM: 1px solid #ebebeb; 
    	padding: 4px;
    	background-image:url('http://www.ultimatewowguide.com/img/google_bg.gif');
    }
    
    
    div.facebook {
    	float: left;
    	width: 100%;
    	border: 1px solid #ebebeb;
    	padding: 4px;
    	vertical-align: top;
    }
    
    
    div.twitter {
    	float: left;
    	width: 100%;
    	height: 20px;
    	BORDER-RIGHT: 1px solid #ebebeb; 
    	BORDER-TOP: 1px solid #ffffff; 
    	BORDER-LEFT: 1px solid #ebebeb; 
    	BORDER-BOTTOM: 1px solid #ebebeb; 
    	background-color: #eef9fd;
    	padding: 4px;
    	vertical-align: top;
    }

  3. #3

    Default

    Cool thanks, I know a some css so it shouldn't be to hard much appreciated

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •