• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Facebook i-like Button in html skript richtig einstellen

N

naomi78

Neues Mitglied
Hallo zusammen

Ich bin neu im html Bereich unterwegs und nun ein Homepageskript so bearbeitet, dass es passt.
Eins fehlt mir noch und ich bekomm es nicht eingestellt: mein i-like button.

So sieht der header aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>%[TITLE]%</title>
<meta http-equiv="Content-Type" content="text/html; charset=%[META_CHARSET]%" />
<meta name="keywords" CONTENT="%[META_KEYWORDS]%" />
<meta name="description" CONTENT="%[META_DESCRIPTION]%" />
<link rel="stylesheet" type="text/css" href="%[IMAGES]%style.css" />

</head>

<body %[STATUSINFO]%><a name=t></a>
<center>
<table class="header">
<tr><td valign=top class="headercolor_top"><a href="%[DOMAIN]%"><img src="%[LOGO]%"></a></td>
%[FORM_NEWSLETTER]%
<td valign=top width=100% style="padding-top:5;padding-left:50" class="headercolor_top">

<div align=right style="padding-bottom:7;padding-top:6">
%[MENU_FAVORIT]%
%[MENU_ZOOM]%
%[MENU_FEEDBACK]%
%[MENU_LINKUS]%
%[MENU_NEWSLETTER]%
%[MENU_RECOMMEND]%
%[MENU_LOGIN]%
%[LANGUAGES]%
</div>

<font color="#cd2990" style="font-size:32"><b>%[PAGE_SLOGAN]%</b></font>

</td></tr>
</form>
<tr><td colspan=2 nowrap style="padding:0">
<table width=100%>
<tr><td class="headercolor_menu">

%[MENU_HOME]%
%[MENU_GETPIXEL]%
%[MENU_TOP]%
%[MENU_PIXELLIST]%
%[MENU_REFERRER]%
%[MENU_TRAFFIC]%
%[MENU_BLOG]%
%[MENU_FAQ]%

</td>
<td align=right nowrap class="headercolor_menu"><b><font color=#d3d3d3>%[PIXEL_FREE]% <font color=#cd2990 style="font-size:20">%[PIXEL_TOTAL]%</font> %[PIXEL_BUSY]% <font color=#cd2990 style="font-size:20">%[PIXEL_USED]%</font></font></b></td></tr>
<tr><td class="pagessubmenu">%[GRID_SUBPAGES]%</td>
<td align="right">%[SEARCHALL]%</td></tr>
</table>
</td></tr>
</table>


und so der button-code:

<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/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


wo genau setz ich den nun ein, damit er direkt im header neben der Sprachauswahl steht??

Ich bin jetzt schon dankbar für Hilfe!!

Gruss, Naomi
 
Fragestellung und Informationen sind unzureichend!
Aber vermutlich an dieser Stelle.
HTML: 
%[LANGUAGES]%
</div>
<!-- FB-Button HIER -->
<font color="#cd2990" style="font-size:32"><b>%[PAGE_SLOGAN]%</b></font>
Ziemlich sicher werden aber noch ein paar wenige CSS-Anpassungen nötig sein, damit die Elemente nebeneinander erscheinen!

Außerdem: Bitte nutze zukünftig die Code-Buttons des erweiterten Beitragseditors
 
Danke Space Vampire. Ich habe es dort eingefügt aber nichts ist passiert. Habe anschliessend die Originaldatei wieder hergestellt.
Ich entschuldige mich für die, für euch bestimmt, saublöde Frage. Aber ich habe das Skript so gekauft und selbst der Verkäufer wollte mir nicht weiterhelfen. Ich hab nie html gelernt und werd es wohln auch nie. Dennoch dachte ich, ich kann hier evtl. Hilfe bekommen....
 
Mit einem Link zur Seite kann man dir evtl noch weiterhelfen.
Ohne eher nicht.
Außerdem wäre interessant, welchen FB Button-Code du benutzt.
 
Hallo zusammen: Habs nun hinbekommen.

Sieht nun wie folgt aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>%[TITLE]%</title>
<meta http-equiv="Content-Type" content="text/html; charset=%[META_CHARSET]%" />
<meta name="keywords" CONTENT="%[META_KEYWORDS]%" />
<meta name="description" CONTENT="%[META_DESCRIPTION]%" />
<link rel="stylesheet" type="text/css" href="%[IMAGES]%style.css" />

</head>

<body %[STATUSINFO]%><a name=t></a><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/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<center>
<table class="header">
<tr><td valign=top class="headercolor_top"><a href="%[DOMAIN]%"><img src="%[LOGO]%"></a></td>
%[FORM_NEWSLETTER]%
<td valign=top width=100% style="padding-top:5;padding-left:50" class="headercolor_top">

<div align=right style="padding-bottom:7;padding-top:6"><div class="fb-like" data-href="http://www.facebook.com/pages/i-pixlcom/348442901841556" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>
%[MENU_FAVORIT]%
%[MENU_ZOOM]%
%[MENU_FEEDBACK]%
%[MENU_LINKUS]%
%[MENU_NEWSLETTER]%
%[MENU_RECOMMEND]%
%[MENU_LOGIN]%
%[LANGUAGES]%
</div>

Allerdings ist der integrierte Link zu den Leuten denen es gefällt auf FB blau und hebt sich nicht mehr auf meiner HP ab. Keine Ahnung, wie ich die Links in #d3d3d3 ändern kann?

LG Naomi
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben