Advanced Search

ading links and facebook like button to showit slideshows

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!-- FB Like button and Links start here--> 
  2.  
  3.   <style type="text/css"> 
  4.   #menu {
  5. 	width:800px; /* this is the width of your slideshow ~ change accordingly */
  6. 	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 */
  7. 	position:relative;
  8. 	height:40px;
  9. 	}
  10.   #menu ul {display:inline;width:500px;position:absolute;top:0px;right:110px;}
  11.   #menu ul li {display:block;float:right;margin-left:20px;}
  12.   #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;}
  13.   #menu ul li a:hover {text-decoration:underline;}
  14.   .fb-like {position:absolute;right:0px;top:6px;width:90px;}
  15.   .logo {
  16. 	padding:0;
  17. 	margin:0;
  18. 	height:40px; /* height of the logo */
  19. 	width:54px; /* width of the logo */
  20. 	}
  21.   </style> 
  22.  
  23. 	<!-- added menu links and fb like button --> 
  24.  
  25.   	<div id="menu"> 
  26.     	<div class="logo"><img src="logo.jpg"></div> 
  27. 		<div class="fb-like"> 
  28. 			<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> 
  29. 		</div> 
  30. 		<ul> 
  31. 			<li><a href="http://razvanphotography.com/">Blog</a></li> 
  32. 			<li><a href="http://razvanphotography.com/portfolio">Portfolio</a></li> 
  33. 			<li><a href="http://razvanphotography.com/contact">Contact</a></li> 
  34. 		<ul> 
  35.   </div> 
  36.  
  37.    <!-- 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 --> 
  38.  
  39.   <div id="fb-root"></div> 
  40. <script> 
  41.   window.fbAsyncInit = function() {
  42.     FB.init({appId: 'your app id', status: true, cookie: true,
  43.              xfbml: true});
  44.   };
  45.   (function() {
  46.     var e = document.createElement('script'); e.async = true;
  47.     e.src = document.location.protocol +
  48.       '//connect.facebook.net/en_US/all.js';
  49.     document.getElementById('fb-root').appendChild(e);
  50.   }());
  51. </script> 
  52.  
  53.  
  54.   <!-- end of facebook plugin call --> 
  55.  
  56.  
  57.   <!-- FB Like button and Links end here-->

URL: http://razvanphotography.com

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.