Posted By

razvan on 11/19/10


Tagged

photographers


Versions (?)

ading links and facebook like button to showit slideshows


 / Published in: HTML
 

URL: http://razvanphotography.com

  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. window.fbAsyncInit = function() {
  41. FB.init({appId: 'your app id', status: true, cookie: true,
  42. xfbml: true});
  43. };
  44. (function() {
  45. var e = document.createElement('script'); e.async = true;
  46. e.src = document.location.protocol +
  47. '//connect.facebook.net/en_US/all.js';
  48. document.getElementById('fb-root').appendChild(e);
  49. }());
  50. </script>
  51.  
  52.  
  53. <!-- end of facebook plugin call -->
  54.  
  55.  
  56. <!-- FB Like button and Links end here-->

Report this snippet  

You need to login to post a comment.