Online munkák programok op rendszerek,receptek,lottok az oldalon.

Itt sok mindent megtalálhatsz olvasgas nézelödj hátha megtetszik valami. :)

Facebook Share gomb – hogyan tedd ki egyszerűen a honlapra?

Ha arra a kérdésre keresed te is a választ, hogy hogyan lehet egy Facebook share gombot kitenni a honlapra a legegyszerűbb módon, akkor jó helyen jársz.

 

Annyira egyszerű, hogy nem is igazán hívnám ezt tutorial-nak, csak 3 hasznos kis kódrészletnek amit emlékeztetőnek szánok hogy máskor ne kelljen keresgélni a neten.

Mindhárom kódrészlet arra szolgál, hogy könnyen be lehessen illeszteni egy linket/gombot bármilyen HTML-be, ha arra Facebook megosztás (share) gombot szeretnénk tenni.

Kódrészlet 1 – szöveges megosztás

1

<script>function fbs_click() {u=
location.href;t=document.title
;window.open('http://www.facebook.com/sharer.php?u='
+encodeURIComponent(u)+'&t='+encodeURIComponent(t),
'sharer','toolbar=0,status=0,width=626,height=436')
;return false;
}script><a rel=
"nofollow" href="http://www.facebook.com/share.php?u=http://www.tutorial.hu" onclick=
"return fbs_click()" target="_blank">Megosztás a Facebook
-ona>

Kódrészlet 2 – ikon és szöveg egyben a megosztás link

2

<script>function fbs_click() {u=location.href;t=document.title;window.open
('http://www.facebook.com/sharer.php?u='+
encodeURIComponent(u)+'&t='+encodeURIComponent(t)
,'sharer',
'toolbar=0,status=0,width=626,height=436');return false;}script><style> html .
fb_share_link { padding:2px 0
 0 20px; height:16px; background:url(http:
//static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }Megosztás
 a Facebook-on

Kódrészlet 3 – Szöveges és ikonos megosztás (gomb hatás)

3

<script>function fbs_click() {u=location.href;
t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer',
'toolbar=0,status=0,width=626,height=436');return false;
}script><style> html .
fb_share_button { display: -moz-inline-block; display
:inline-block; padding
:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:
url(http:/
/static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582;
 background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; text-decoration:none; } 
 Megosztás

A példákban a http://www.tutorial.hu van mint megosztandó link, természetesen ezt át kell írnod a saját URL-edre, ha felhasználod a kódot.

Megosztás a Facebook-on



Weblap látogatottság számláló:

Mai: 14
Tegnapi: 2
Heti: 16
Havi: 16
Össz.: 8 026

Látogatottság növelés
Oldal: Facebook megoszt gomb honlapodra.
Online munkák programok op rendszerek,receptek,lottok az oldalon. - © 2008 - 2025 - minden-ami-kelhet.hupont.hu

A HuPont.hu weblap készítés gyerekjáték! Itt weblapok előképzettség nélkül is készíthetőek: Weblap készítés

ÁSZF | Adatvédelmi Nyilatkozat

X

A honlap készítés ára 78 500 helyett MOST 0 (nulla) Ft! Tovább »