Mi a fene ez?

Mi a fene ez?

Semmi különös, itt próbálom ki a cuccokat, mielőtt beteszem a többi blogomba... Ha jól működik, fent hagyom, hogy érte jöhessek, ha szükségem van rá máskor, de hogyha tetszik, nyugodtan viheted Te is! De mielőtt bármibe kezdenél, olvasd el a Tanácsokban leírtakat a modulok és sablonok sikeres használatának érdekében!

Közlemény!

Először is: sajnálom, ha nem válaszoltam a kommentedre, de sokáig nem jöttem a blogra, elnézést! Másodszorra pedig, mint láthatod új külsőt kreáltam a próbajáratnak, ezért néhány dolog lehet, hogy nem működik - hiába van feltüntetve néhány kódnál, hogy a demó látható az oldalon valahol -, mivel a sabloncserével néhány később hozzáadott kódrészlet törlődött. Majd pótolom lassanként.

Köszönöm megértésedet és türelmedet,
von Birken


Az oldal mentése PDF-be

2010. május 29., szombat

Facebook-kommentdoboz a blogodba




Figyelem! Ha ezt választod a meglévő kommentek nem fognak megjelenni az új dobozban!

Legelőször el kell rejtened az eddigi kommentboxodat, mert ugye kettő egyszerre nem kell. Ehhez lépj be a Beállítások menüpntba, ott kattints a Megjegyzések fülre és jelöld be az Elrejtés-karikát. Mentsd el a beállítást.

Másodszorra generálnod kell egy App Id-t a Facebooknál (természetesen ehhez regisztrálva kell hogy légy a Facebookon).>>> Katt ide! <<<

A megjelenő oldalon írd be az alkalmazás nevét (pl. az oldalad nevét), jelökd be az Efogadom-karikát, és Create application.

A következő oldalon klikk a Kapcsolódás-ra. A Connect URL-részbe a blogod teljes címét (pl. http://énblogom.blogspot.com/), a Base Domain-részbe pedig blogspot.com-ot kell beírnod. Mentsd a változásokat a lenti kék gombbal.

Eztán látni fogsz egy csomó adatot, s köztük egy olyant, hogy Application ID. Ezt jegyezd le valahová pontosan, vagy új ablakba nyisd meg a blogodat!

Lépj be a blogod sablonszerkesztőjébe, és pipáld ki a Vezérlősablonok kibontása-négyzetet.




Kersd ezt:
<html


és utána illeszd ezt:
xmlns:fb='http://www.facebook.com/2008/fbml'


Így kell kinéznie kb:
 <html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >


Eztán keresd ezt:
<body>


és illeszd utána:

<div id="fb-root"></div>

<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>


A pirossal kiemelt részbe kell most bemásolnod az App ID-det.

Most ezt kell kikeresned:
</head>


És másold be elé ezt:

<b:if cond='data:blog.pageType == "item"'>

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='MY-SITE-NAME' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>


A ZÖLD részbe írd pl. az oldalad nevét, vagy amit szeretnél, hogy megjelenjen a kommneteknél; a lilába illeszd a blogod logójának címét, vagy töröld, ha nem kell; a PIROSBA ismétcsak az Application ID-det; a KÉKBE pedig az Facebookos profilod ID-jét.

Végül keresd meg a következőt:
<data:post.body/>


és utána másold be a következő kódot:

<b:if cond='data:blog.pageType == "item"'>

<p align='left'><img alt='' class='icon-action' height='51' src='http://4.bp.blogspot.com/_JwD5r652h00/S_K3UAPbbuI/AAAAAAAAAWQ/sZRBQArO34k/comments-facebook.gif' width='331'/></p>
<div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a> brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>


A 450-et tetszés szerint átírhatod, hogy átméretezd a kommnetablak méretét.

Mentsd el a sablont, és kész.

>>> ITT <<< megnézheted működés közben.

Related Posts Plugin for WordPress, Blogger...