diff --git a/Gemfile b/Gemfile
index ba1a015..1cb1085 100755
--- a/Gemfile
+++ b/Gemfile
@@ -121,4 +121,6 @@ gem 'opengraph_parser'
 
 # Image gallery
 gem 'blueimp-gallery'
-gem 'blueimp-gallery-rails'
\ No newline at end of file
+gem 'blueimp-gallery-rails'
+
+gem 'shareable'
\ No newline at end of file
diff --git a/app/views/fotos/show.html.erb b/app/views/fotos/show.html.erb
index d4c084d..04c4e6b 100644
--- a/app/views/fotos/show.html.erb
+++ b/app/views/fotos/show.html.erb
@@ -3,14 +3,14 @@
 position: absolute;
 left: 0;
 right: 0;
-bottom: 0;
-top: 0;" %>
+bottom: 40pt;
+top: 0" %>
 <% #,  gallery_foto_path(@foto.gallery,  ((@foto.gallery.fotos[@foto.gallery.fotos.index(@foto)+1].nil?) ? (@foto.gallery.fotos[0].try(:id).to_i) : @foto.gallery.fotos[@foto.gallery.fotos.index(@foto)+1].try(:id).to_i) ) %>
-<div style="position:absolute; bottom:0">
+<div style="position:absolute; bottom:0; ">
 <%= link_to ff_icon('icon-circle-arrow-down').html_safe, @foto.datei.url,
 	  :class=>"btn",title: I18n.t('fotos.download')+': '+@foto.title,:target=>:blank, :style=>"" %>
-<div class="fb-like" data-href"<%=  gallery_path(@foto.gallery, {fotoid:@foto.id,theme: nil, locale: nil})%>" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
-
+<!-- <div class="fb-like" data-href"<%=  gallery_foto_path(@foto.gallery,@foto, {fotoid:@foto.id,theme: nil, locale: nil})%>" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>-->
+<%= render_shareable  :url=>gallery_foto_url(@foto.gallery,@foto, {theme: nil, locale: nil}) %>
 		<p id="notice"><%= notice %></p>
 </div>
 
diff --git a/app/views/galleries/show.html.erb b/app/views/galleries/show.html.erb
index ecda4af..8cd4f77 100644
--- a/app/views/galleries/show.html.erb
+++ b/app/views/galleries/show.html.erb
@@ -99,7 +99,7 @@ end
   <a class="next">›</a>
   <a class="close">×</a>
   <a class="play-pause"></a>
-  <ol class="indicator"></ol>
+  <ol class="noindicator"></ol>
   <!-- The modal dialog, which will be used to wrap the lightbox content -->
   <div class="modal fade">
     <div class="modal-dialog">
@@ -131,6 +131,9 @@ end
       <div id="links">
 <!--		<a href="<%= f.datei.resized.url%>" title="<%=f.title%>" data-gallery>
 		<%=image_tag(f.datei.thumb.url,{:class=>"img-polaroid img-rounded"}) %></a>-->
+<% if (@openfotoid.to_i==f.id) %> 
+<meta  itemprop="image" content="<%= f.datei.resized.url %>"/>
+<% end %>
 <div  <% if (@openfotoid.to_i==f.id) %> itemprop="primaryImageOfPage"<% else %> itemprop="hasPart" <% end %> itemscope itemtype="http://schema.org/ImageObject">
 	<a href="<%= gallery_foto_path(f.gallery, f,:params=>{plain: true}) %>" data-type="text/html" type="text/html" title="<%=f.title%>"  histItem="<%= gallery_foto_path(f.gallery, f,:params=>{plain: nil, theme: nil})  %>" data-gallery <% if (@openfotoid.to_i==f.id) %>id="openpic"  <% end %>>
 	  <%= image_tag(f.datei.thumb.url,{:class=>"img-polaroid img-rounded"}) %>
@@ -207,6 +210,16 @@ blueimp.Gallery.prototype.onslide = (function(_super) {
     }; 
 })(blueimp.Gallery.prototype.onslide);
 </script>
-
+<style>
+nav.share {display:inline-block;} /* shareable's nav tag */
+nav.share div {float:left;}
+nav.share iframe {border:0; margin-top:0; padding-top:0;} /* if using medium sized buttons */
+#___plusone_0 {font-size: default !important;}
+.fb_iframe_widget span { vertical-align: top; }
+.fb_edge_widget_with_comment { vertical-align: top;}
+.fb-like{display:inline-block}
+* html .fb-like{display:inline}/* ie6 inline block fix*/
+*+html .fb-like{display:inline}/* ie7 inline block fix*/
+</style>
 
 </div>