Google+ Tools
Make Google+ profile picture
Make Google plus banners for profile
Create and share your Google Plus profile banners.

Profile image for mrk studios razvan on November 19, 2010
Language
HTML
Tags

ading links and facebook like button to showit slideshows


<!-- FB Like button and Links start here--> 
  
  <style type="text/css"> 
  #menu {
	width:800px; /* this is the width of your slideshow ~ change accordingly */
	margin:20px auto 10px; /* 20px is the margin from top of the page to menu and 10 px from the menu to the slideshow ~ change it if you want to */
	position:relative;
	height:40px;
	}
  #menu ul {display:inline;width:500px;position:absolute;top:0px;right:110px;}
  #menu ul li {display:block;float:right;margin-left:20px;}
  #menu ul li a {text-decoration:none;color:#000;text-transform:uppercase;color:#131811;font-size:10.5px;font-family: Helvetica, Arial, sans-serif;font-weight: 400;letter-spacing:normal;}
  #menu ul li a:hover {text-decoration:underline;}
  .fb-like {position:absolute;right:0px;top:6px;width:90px;}
  .logo {
	padding:0;
	margin:0;
	height:40px; /* height of the logo */
	width:54px; /* width of the logo */
	}
  </style> 
    
	<!-- added menu links and fb like button --> 

  	<div id="menu"> 
    	<div class="logo"><img src="logo.jpg"></div> 
		<div class="fb-like"> 
			<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/RazvanPhotography" layout="button_count" width="90"></fb:like> 
		</div> 
		<ul> 
			<li><a href="http://razvanphotography.com/">Blog</a></li> 
			<li><a href="http://razvanphotography.com/portfolio">Portfolio</a></li> 
			<li><a href="http://razvanphotography.com/contact">Contact</a></li> 
		<ul> 
  </div> 
  
   <!-- this is the call for the FB plugin. It is better to have it at the end of the page, just before the body closing tag --> 
  
  <div id="fb-root"></div> 
<script> 
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script> 
 
  
  <!-- end of facebook plugin call --> 
  
  
  <!-- FB Like button and Links end here-->

Comments

blog comments powered by Disqus