PDA

View Full Version : description to FB like button



Mejse78
05-13-2012, 10:22 AM
Hi, there.

I'm struggeling with the FB like button.
When I click the like button, the link shows on my FB page... but the link has a "CHOOSE A DESCRIPTION" text below it. (Where there's usually a description)

I've tried using this: open tag description (http://developers.facebook.com/docs/opengraphprotocol/)

But When I put it in my HEAD section nothing happens......
Does anyone have experience with this?

And help for positioning would be nice as well. (Can't make it float right)


Mejse78
05-13-2012, 10:25 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<!-- InstanceBeginEditable name="doctitle" -->
<title>Galleri Kessel</title>
<meta property="og:title" content="Galleri Kessel"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.jonnakessel.dk"/>
<meta property="og:image" content="http://i1086.photobucket.com/albums/j447/Mejse78/frifugl.gif"/>
<meta property="og:site_name" content="Galleri Kessel"/>
<meta property="og:description"
content="Besøg dette smukke galleri i dag."/>
<!-- InstanceEndEditable -->


<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">


</head>



<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/da_DK/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id="space" >
<div id="paper">

<!-- InstanceBeginEditable name="top" -->
<div id="top">
<img src="images/layout/logo.gif" />
</div>


<br>


<!-- InstanceEndEditable -->

<div id="banner" >
<img src="images/layout/topbanner3.gif" />
</div>


<div id="menu" >
<div class="float">
<ul>
<li><a href="index.html">HJEM</a></li>
<li><a href="galleri.html">GALLERI</a></li>
<li><a href="udstilling.html">UDSTILLINGER</a></li>
<li><a href="kontakt.html">KONTAKT</a></li>
</ul>
</div>
</div>
<!-- InstanceBeginEditable name="jonna" -->
<div id="jonna" >

<div><img class=image_frame src="images/layout/jonna.gif" />
</div>

<div class="fb-like" data-href="http://www.jonnakessel.dk/index.html" data-send="true" data-layout="button_count" data-width="200" data-show-faces="false"></div>

<div class="tekst">

<br>
<br><h2>Jonna Kessel</h2>
<p>Født 24.07.49 <br><br>
Scenograf v. Stavtrup Scenen siden 1993.</p><br>
<h2>Atalier:</h2>
<p>Råhøj Parken 79
<br>8260 Viby J </p>
<br>
<br>

<h2>Studierejser:</h2>
<p><b>1989:</b>
<br>Frankrig - Les Tuilerie D'affiac, Avignon, Arles, Carcassonne og Montpellier
<br>
<br>
<b>1990: </b>
<br>Sydfrankrig - Agay, Antibes og Vence
<br>
<br>
<b>1992: </b>
<br>Italien - Pietrasanta
<br>
<br>
<b>2000: </b>
<br>Italien - Ophold i billedkunstneren Jørgen Haugen Særensens hus Villa Simi i Pietrasanta
<br>
<br>
<br>
</p>
<h2>Fonde og legater:</h2>
<p><b>1989: </b>
<br>Den Ingwersenske Fond
<br>
<br>
<b>1990: </b>
<br>Kulturministeriets Fond
<br>
<br>
<b>1992: </b>
<br>Nordisk Kultur Fond</p>
</div>
</div>
<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="content" -->


<div id="indhold">

<h1>Velkommen til Galleri Kessel</h1>

<p>I dette galleri kan du se mine værker og min rejse som billedkunstner.</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img class="billede" src="images/layout/forside.gif" />
<br><p class="billedtext">Fugle</p>
<br>
<br>
<br>
<img class="billede2" src="images/layout/en fri fugl.gif"/>
<br><p class="billedtext2">En fri fugl</p>


</div>
<!-- InstanceEndEditable -->



<div id="footer">
<p class="footer-text">©2012 Galleri Kessel <font color: #696933>|</font> All Rights Reserved<br>
Designed by <a href="www.tegnehulen.dk" target="_blank">tegnehulen.dk</a> &hearts; Latest Update: maj, 2012</p>
</div>

</div>
</div>

</body>
<!-- InstanceEnd --></html>

Mejse78
05-15-2012, 10:49 AM
I just don't understand, why it doesn't work....

I've tried doing this both as a widget in Dreamweaver - and with meta-tags
but it just keeps on writing: ENTER DESCRIPTION HERE...

??

Mejse78
05-25-2012, 08:09 PM
Oh, I figured it out :D