Return to Snippet

Revision: 36186
at November 19, 2010 03:53 by razvan


Initial Code
<!-- 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-->

Initial URL
http://razvanphotography.com

Initial Description


Initial Title
ading links and facebook like button to showit slideshows

Initial Tags


Initial Language
HTML