Blogger's bloggers

Dimash Kudaibergen iD album megvásárlása az Amazonon

2019-08-02T23:12:00.001+02:00

Immár megvehető Kínán kívül is a kazah énekes első digitális albuma. Sajnos a kínai ár ötszöröséért.

A vásárláshoz egy Amazon regisztrációra, és egy fizetési opció megadására van szükség.

A képek kattintásra nagyítódnak.

Different background-colors for labels - Különböző háttérszín a címkék alá

2011-08-29T18:26:00.003+02:00

Ha felcímkézted a bejegyzéseket, és egy modulban meg is jelenítetted azokat az oldalsávban, akkor rákattintva egy címkére olyan oldalt látsz, ahol az ehhez tartozó posztok vannak felsorolva.
Nagyon fontos, hogy ne legyen millió címkéd, mert az csak a zűrzavart növeli. A helyes címkeadásról itt olvashatsz.
Megteheted, hogy egy adott címke oldalának más legyen a háttérszíne, mint az alapháttéré.

Először nézd meg, hogy is néz ki ez a dolog: itt az alapreceptek menüpontnak más a háttérszíne

DEMO

Nos, így valósíthatod meg:

Katt a blogodban a címkére. A böngésző címsorából másold ki pl. jegyzettömbbe az URL címet, ami valahogy így néz ki:

http://www.blognev.blogspot.com/search/label/cimkeneve

Irányítópult - Tervezés - HTML-kód szerkesztése

Ctrl+f a keresősorba írd be: /head

Ezt találod: </head>

Ez ELÉ szúrd be a következő kódot:

<b:if cond='data:blog.url == "http://www.blognev.blogspot.com/search/label/cimkeneve"'>
<style>
body {
background: #32f4ec;
}
</style>
</b:if>

A pirossal jelölt az előbb kimásolt URL beírva.
A kékkel jelölt a színkód. Azt a kódot írd be, amelyik színt te szeretnéd.

Ha mondjuk 5 címkének akarod megváltoztatni a háttérszínét, akkor ezt a kódrészletet 5-ször kell bemásolnod, majd a piros URL címet, és a kék színkódot a megfelelő módon beírni mindegyikbe. (Mentés)

Mentés

Lájkoljátok az oldalunkat!

2011-08-24T09:35:00.000+02:00

LÁJKOLOM A BÜFÉT!

Kedves Bloggersbloggers olvasók! Nagyon örülök, hogy ez a blog tud segíteni a blogotok kezelésében. Most egy kis viszonzásra kérelek titeket.
Lájkoljátok az aBüfé oldalt a Facebookon. Osszátok meg ismerőseitekkel! Olvassatok bele, és ha tetszik, legyetek rendszeres olvasóink. Ez egy másik oldalunk, amelyet szeretnénk ismertebbé tenni. Mert szerintünk jó oldal.

A lájkolóknak köszönet jár, és cserében le is tölthetnek egy ekönyvet: Glutén-, tej- és cukormentes, paleo fagylatok. Fogyókúrázóknak is ajánlott. Kattints a linkre:

LÁJKOLOM A BÜFÉT!

Köszönöm.
Wise Lady

Insert picture from Picasa - Kép beágyazása a Picasából

2011-08-22T17:05:00.001+02:00

Amikor nem posztot írsz, hanem pl. az oldalsávban dolgozol, akkor szükséged lehet arra, hogy egy képet megjeleníts a Picasa albumodból. Itt nincs olyan feltöltő eszköz, mint a posztoknál, és tudni kellene, hogyan jelenhet meg a kép az adott helyen, a kívánt méretben.

Alapesetben:

Ha megkeressük a képet a Picasában, majd rákattintunk, akkor megjelenik nagyban, mellette pedig jobboldalt látható: Link ehhez a fotóhoz
Ha rákattintasz, akkor két lehetőség nyílik meg:
Link
Kép beágyazása

A Link azt jelenti: ha a kimásolt kódot beilleszted valahol, és az illető rákattint, akkor a Picasa webalbumodban lévő képhez fog eljutni, azaz elmegy oda a böngésző. Te nem ezt szeretnéd.
A Kép beágyazása azt jelenti: ha a kimásolt kódot beteszed valahova, akkor a képet megjeleníti azon a helyen. Ez akár jó megoldás lehet, de tudni kell, hogy egy táblázatba kódolja, és a méretet ő szabja meg, valamint képaláírást is tesz bele, megjelölve a forrást. Ezeket persze el lehet távolítani a kódból, ha el tudod. Legtöbb blogíró azonban laikus ezekhez.

Ezért a következő módszerek egyikét ajánlom kép beillesztéséhez (laikusoknak):

Az első módszer: ha egy piszkozati bejegyzést használsz segítségképpen.
Készíts egy bejegyzést, töltsd fel bele a képet, válaszd ki a méretét, mentsd piszkozatként.
Válts HTML írásmódra, és a kép kódját másold ki onnan, majd menj oda, ahova tenni akarod, és másold bele.
A Vázlat bejegyzést akár törölheted is, vagy meghagyod, és mindig ezt használod segédként.

Másik lehetőség:
Válaszd a Picasában a kép mellett a Közzététel a következőn opció mellől a Blogger ikonját.
Felugrik egy ablak a képpel. Kattints a képre, lesznek a kerületén pöttyök (8 db) ezek segítségével egérhúzással készítsd el a méretét.
Válts át ebben az ablakban a HTML írásmódra, és onnan másold ki a kódot, ezt viheted bárhová.
A felugrott böngészőablakot pedig közzététel megnyomása nélkül csukd be.

Pagerank frissítés

2011-06-27T16:24:00.003+02:00

Ma, azaz 2011. június 27.-én a Google frissítette az oldalak pagerank értékeit. Te is ellenőrizd, hogyan alakult oldalad.

Mi a pagerank?
Pagerank ellenőrzése.

New dashboard in Blogger - Megújul az irányítópult

2011-05-04T17:34:00.000+02:00

Jelentős újításon dolgoznak a Blogger fejlesztői. Az Irányítópult teljes megújítása a cél, mind kinézetében, mind kezelésében. Ezt főleg az egyre jobban térthódító és irányt diktáló Wordpress miatt határozták el. Az újdonság tesztelése is megkezdődött a napokban. Ha a Blogger in draft-on keresztül jelentkezel be (draft.blogger.com), akkor elképzelhető, hogy már láthatod is a megújult Irányítópultot. A bevezetés fokozatos, pár hetet még biztosan igénybevesz, ezért egyesek már láthatják, mások viszont még nem. A kiválasztás véletlenszerűen történik. Ha a tesztelés lezajlott a Draftban, akkor viszont a normál Bloggerben is ez a pult fog megjelenni. Egyelőre még azt nem látom, hogyan lehet ebben az új Irányítópultban a HTML kódot szerkeszteni.

Az új Irányítópult így néz ki:

Nyilvánvaló, hogy a laikus blogger felhasználónak sokkal barátságosabb és kezelhetőbb felület lesz.
A fejlesztők egyébként a Blogger teljes megújulásán dolgoznak, így egy izgalmas időszaknak nézünk elébe.

Te már látod az új Irányítópultot a Draftban?

Showing posts with label changing - Címke navigációs üzenet megváltoztatása

2011-05-02T17:18:00.000+02:00

Ha a blog oldalsávjában megjelenítettük a címkéket, akkor egy címkére kattintva a következő oldalon megjelenik az összes ehhez a címkéhez tartozó poszt. Felettük található egy kiemelt téglalap, benne szöveg, és némi címkenavigáció:

Egy emailben kérdezte tőlem valaki, hogyan lehet ezt a szöveget módosítani?
A módosítás lehetséges, bár akkor az egész navigációs rész is eltűnik, hisz ez "gyárilag" egybe van kódolva. Ez azonban nem baj, hisz a lap alján továbbra is van navigáció (Előző-Következő-Főoldal)

Ha a szöveget akarod megváltoztatni:

Irányítópult -> Tervezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása

Keressük ezt a kódrészletet:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

A pirossal jelzett rész HELYETT írhatsz bármilyen szöveget, az fog megjelenni, a navigáció viszont így eltűnik.

Ha teljesen el akarod tüntetni ezt az üzenetrészt, akkor viszont ugyanebben a kódban:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

A pirossal jelzett rész HELYETT írd be ezt:

<div>
</div>

Alt and title for images - Horgonyszöveg a képekhez

2011-03-16T19:11:00.002+01:00

Az anchor text=horgonyszöveg fortélyairól már írtam egy posztot, itt a szöveges linkek szövegének fontosságát emeltem ki. Ez az a szöveg, amelyet ráakasztasz a hivatkozásra, és a keresők ez alapján dobják ki a linkelt cikket a megfelelő találati helyen. Ilyen szöveget képre is akaszthatsz, így a keresők a képedet is a megfelelő kulcsszóra való keresésnél előbbre tudják rangsorolni.
Egy kép beillesztése mindig a következő szerkezetű kóddal történik:

<img src="http://akepeleresiutja.jpg" />

Ebben a záró kacsacsőr előtt még sok minden szerepelhet, szélesség, magasság, keret stb. értékének megadása, amely azonban minket nem érint, nem kell foglalkoznunk vele. Ha a képre linket akasztunk, akkor a képre kattintva eljuthatunk egy másik tartalomhoz. Ilyenkor a következő a kód szerkezete:

<a href="http://alinkURLcime.html">
<img src="http://akepeleresiutja.jpg" />
</a>

A képhez rendelhető horgonyszöveget az alt beállítás és a linkhez rendelt title beállítási lehetőség adja.

Az alt az alternatív szöveg rövidítése, ez íródik ki a kép helyén, ha az valami oknál fogva nem tud megjelenni,
a title pedig címet jelent, ezzel adhatjuk meg annak a helynek a címét vagy kulcsszavait, ahová a képet linkeltük.

Használatuk:
Töltsük fel a képet, ahogy szoktuk, majd váltsunk HTML írásmódra, keressük meg a kép kódját, és egészítsük ki a piros részekkel.

<a href="http://alinkURLcime.html" title="a szöveg a kulcsszavakkal" >
<img src="http://akepeleresiutja.jpg" alt="a kép helyén megjelenõ szöveg" />
</a>

Mindkettő mögött használhatunk nagybetűt, szóközt és ékezetet az idézőjelek között. A title tehát mindig az <a href="URL" title="cím"> link kezdőtag-jének az alt pedig mindig az
<img src="kepURL" alt="szöveg" /> a kép beszúrás tag-jének zárókacsacsőre előtt van.

Érdemes ezt a két részt a bejegyzéseinkbe feltöltött képekhez betennünk, megfelelő szöveget írva az idézőjelekbe, olyat, amelyre rá akarjuk haraptatni a keresőket, hogy ránktaláljanak. Sajnos mindkettő beírását egyenként, begépeléssel tudjuk a Bloggerben hozzátenni a képekhez (pl. a Wordpressben ezek a feltöltéskor benne vannak, nekünk csak az idézőjelek közötti részt kell beírnunk).

Végül álljon itt egy példa, hogy értsük, mit kell tennünk. Az alábbi kép alatt láthatjátok, milyen kóddal van a kép belinkelve:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://abufe.hu/" title="a Büfé - a gasztrobulvár online magazin"><img border="0" q6="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSkTco4O8_H86DT4qa5941XhTdd-Qve2Wtyr3tfr4BbAlfrQNnaYhmiwijF5MQc1DJESnqAzRciEuDkXWIDBEXwZ20QhczgiLh5o5ddAEbyB7PcvS9GdqBLnT4uCsrF01fwdnOY79lSwc/s1600/nyit%25C3%25A1s.jpg" alt="a Büfé logó"/></a></div>

External links in new window - Linkek új ablakban

2011-03-04T14:42:00.014+01:00

Miért fontos az, hogy az általunk a blogban elhelyezett linkekre kattintva az oldalak új ablakban nyíljanak meg?
Azért, mert így elérhetjük, hogy az olvasó egy link hatására ne hagyja el a mi oldalunkat. Rákattint a linkre, mert kíváncsi annak tartalmára, de már kicsi az esélye, hogy visszajön a mi oldalunkra, és folytatja az olvasást nálunk.
Azt, hogy egy link új ablakban jelenjen meg, kódolással érhetjük el.
A link szerkezete mindig így néz ki:

<a href="a linkelt oldal URL címe">Az a szöveg, amelyre a linket rátettük, azaz a horgonyszöveg</a>

Ha új ablakot szeretnénk a kattintott oldalnak, akkor a kódba be kell gépelnünk a piros részt:

<a href"=a linkelt oldal URL címe" target="_blank" >Az a szöveg, amelyre a linket rátettük, azaz a horgonyszöveg</a>

Ezt a beszúrást azonban sokszor elfelejti az ember, vagy túl sok link van az oldalon, fáradságos egyenként kiegészítgetni a kódot.
Ezért a következő kis trükkel elérhetjük, hogy az összes kattintott linkelt oldal új ablakban nyíljon meg.

Tervezés -> HTML-kód szerkesztése

Keressük meg ezt a sort:

</head>

Másoljuk be ELÉ ezt a rövid kódot:

<script language='javascript'>
var dominio = "www.teblogod.blogspot.com";
var dominio1 = "teblogod.blogspot.com";
var script = "javascript:void(0);";
var imagenesblogger0 = "bp0.blogger.com";
var imagenesblogger1 = "bp1.blogger.com";
var imagenesblogger2 = "bp2.blogger.com";
var imagenesblogger3 = "bp3.blogger.com";
var blogger1 = "www.blogger.com";
var blogger2 = "www2.blogger.com";
var publicidad = "pagead2.googlesyndication.com";
function LinksExternos() {
var Externo;
if (document.getElementsByTagName('a')) {
for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
if (
Externo.href.indexOf(dominio) == -1 &amp;&amp;
Externo.href.indexOf(dominio1) == -1 &amp;&amp;
Externo.href.indexOf(script) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp;
Externo.href.indexOf(publicidad) == -1 &amp;&amp;
Externo.href.indexOf(blogger1) == -1 &amp;&amp;
Externo.href.indexOf(blogger2) == -1)
{
Externo.setAttribute('target', '_blank');
//Externo.setAttribute('class', 'linkexterno');
}}}}
window.onload = function() {
LinksExternos();}
</script>

A pirossal jelzett részeken írjuk át a blogunk nevére.
Mentsük a sablont, és készen is vagyunk.

Anchor text - Horgonyszöveg

2011-01-31T20:40:00.000+01:00

A horgonyszöveg (anchor text) azt a szót vagy szöveget jelenti, amelyre rátesszük a linket. SEO szempontból a legfontosabb elemek közé tartozik! Ha valahová linkelünk, akkor annak a weboldalnak lesz egy hivatkozása tőlünk, növekedik a pagerank ereje. A hivatkozásnak azonban kulcsszavakhoz kell kötődniük, mert a Kereső aszerint rangsorolja az oldalt, hogy az adott kulcsszóhoz mennyire kapcsolható az oldal.
Nagyon-nagyon rossz szokás, és helytelen, ha az "itt", "kattints ide" stb. szavakra linkelünk rá!

Konkrét példákat is mutatok:

Tegyük fel, hogy a habgaluska főzési trükkjéről van szó a cikkünkben, és találtunk egy jó módszert, amelyet használtunk mi is. Természetesen kilinkeljük.
Helytelen horgonyszöveg ez:
"Nem túl régen olvastam egy praktikát itt, aki viszont innen kapta az ötletet."
A linkelt weboldalhoz semmilyen kulcsszó NEM KAPCSOLÓDIK, hiába a linkelés, az illető keresőbeli helyezése nem fog emelkedni, a hivatkozás ellenére.
Helyes horgonyszöveg ez:
"Itt találtam egy trükköt a galuskák kifőzésére, ő viszont ezen az oldalon bukkant rá, a habgaluskafőzés fortélyaira."
A linkre kulcsszót akasztottunk sőt, nem is egyet: habgaluska, főzés, trükk, fortély.
A helyes horgonyszövegnek a saját belső linkjeinkben is óriási jelentősége van!
Példa: Májgaluskát főztünk, ennek kapcsán írtuk a cikket, de régebben már posztoltuk a receptet.
Helytelen horgonyszöveg:
"Nem írom le újra, kattints ide a receptért."
Helyes horgonyszöveg:
"Itt találhatod meg a májgaluska receptjét.
Még egy példa:
Megemlítjük Wise Lady blogját, mert jó Bloggeres blognak tartjuk, ajánljuk.
Helytelen:
"Ajánlom figyelmetekbe Wise Lady blogját."
Helyes:
"Ajánlom olvasgassátok Wise Lady bloggeres IT blogját."
Még erősebb és jobb, ha így linkeljük:
"Ajánlom olvasgassátok Wise Lady bloggeres IT blogját."
Itt a név és a kulcsszó együtt jelenik meg, a kereső számára összekapcsolódik.

Lehetne még a témát bővebben is körüljárni, de biztosan megértettük a lényeget, a horgonyszöveg fontosságát. Kérlek soha ne linkelj úgy, hogy a horgonyszöveged a "Click here".

Pagerank update - Pagerank frissülés

2011-01-21T17:13:00.000+01:00

Ahhoz képest, hogy a weboldalak pagerank értékeit elvileg negyedévente frissíti a Google, jó sokat kellett most várni. A legutóbbi frissítés tavaly áprilisban volt, tehát 3/4 év kellett hozzá. Tegnap, azaz 2011.január 20-án azonban végre megtörtént az update. Érdemes megnéznünk, hogyan áll az oldalunk, felfelé vagy lefelé mozdult el.
Sok helyen lekérdezhetjük, hogy a 10-es skálán hova sorolt bennünket a kereső, változott-e az értékünk.
Pl. itt ellenőrizhetjük:
http://www.prchecker.info/check_page_rank.php
http://pagerank.whysoft.hu/

Make your site's mobilversion - Blogod mobiltelefonon

2011-01-11T18:47:00.001+01:00

Tény, hogy a mobilinternet még drága mulatságnak számít, Magyarországon pláne igaz ez. Így, ha egy általunk rendszeresen látogatott oldalt mobilon is szeretnénk követni, akkor a hatalmas képeket, és egyéb design elemeket nem szeretnénk letölteni, inkább csak az oldal tartalma érdekel, ez ugyanis idő és pénzbe is kerül. A tartalomból is csak a posztokból egy lista a legjobb, néhány mondatos ízelítővel a főoldalon, így könnyű átfutni, van-e az oldalon számunkra érdekes cikk, amelyet aztán továbbkattintással elolvasunk.
Ezen okoknál fogva egyre elterjedtebb, hogy a weboldalak, portálok, blogok elkészítik a saját mobilra való megjelenésüket, sablonjukat.
Egy új alkalmazás jelent meg a Blogger eszközök között, ezzel könnyen elkészíthetjük oldalunk mobilverzióját mi magunk is. Egyelőre csak a Blogger in Draft irányítópultból lehet beállítani, de ez azt jelenti, hogy nemsokára élesben, a normál Bloggerből is kezelhető lesz.

http://draft.blogger.com/

Jelentkezz be a Google fiókoddal

Belépve rögtön fogad az újdonság: Katt a Mobilsablonok bekapcsolása gombra.

Ha ezt nem látod, akkor így jutsz el ide:

Irányítópult -> Beállítások -> Email és mobiltelefon
Jelöld be az igen opciót, majd nézd meg Előnézettel:

Így fog mobilon kinézni a blogod:

Lapozz az oldal aljára, és Mentsd el.

Ennyi. Nézd meg az oldalad mobilról is, már az új mobilsablonnal látod.

Xmas background for Simple theme - Karácsonyi háttér

2010-12-11T08:00:00.006+01:00

Ha a sablonodat már a sablontervezőből választottad, azaz a Simple sablon valamelyikét használod, akkor így készíts karácsonyi hátteret:
Válassz egy háttérképet, amivel majd mozaikszerűen kirakod a blogod hátterét, és mentsd le a gépedre.
Néhány hely, ahol ilyeneket találsz:
http://www.wonderbackgrounds.com/holidays/christmas/christmas_background.html?st=45
http://www.coolholidaygraphics.com/christmas/myspace-backgrounds.php
http://www.flashyprofile.com/backgrounds/holidays/christmas/christmas_background.html

Irányítópult -> Tervezés -> Sablontervező

Ha az egész blog hátteréül egyetlenegy nagy képet szeretnél, akkor ugyanígy kell csinálnod, csak az utolsó lépésben a Nincs mozaik opciót válaszd, és vedd ki a pipát a Görgetés az oldallal négyzetből.

Custom Follow button in Blogger

2010-11-13T14:22:00.002+01:00

Balo ajánlotta a Blogger's bloggers olvasóinak figyelmébe a saját cikkét, amelyben egyéni Kövess gomb létrehozását írja le. A cikket itt találjátok:

http://var-log-balo.blogspot.com/2010/11/custom-follow-button-on-blogger.html

Free xmas headers 2. - Ingyenes karácsonyi fejlécek

2010-11-07T17:42:00.005+01:00

A fejlécképeket eredeti méretükben töltsd le. Ezt így csináld:
Kattints a neked tetsző képre, majd a felnyíló ablakban az egér jobbgomb megnyomása után válaszd a Kép mentése parancsot.
Itt találsz még több karácsonyi fejlécet.

Subscribe via email - Feliratkozás emailben

2010-11-05T16:34:00.001+01:00

Érdemes a blog feedjét - azaz a hírcsatornán kimenő posztokat - a FeedBurneren keresztül irányítani. Az online alkalmazáshoz való csatlakozást itt már leírtam: A FeedBurner használata. Ha ezen keresztül bonyolódik a hírcsatorna forgalma, akkor sok mindenre lesz lehetőséged. Pl. statisztika a feedről, widgetek, több blog egy helyen való kezelése, és még sok egyéb. Egyik ilyen lehetőség, hogy elhelyezz egy modult az oldalsávban, melynek segítségével az olvasó a blogod frissüléséről emailben szerezhet tudomást, a hírlevélhez hasonló módon.
Ezt így teheted meg:

Állítsd be a blogodhoz a FeedBurnert. Ha kész, mostantól a FeedBurner a Saját fiókból elérhető lesz.
Irányítópult - Saját fiók - FeedBurner
Válaszd ki a blogodat, kattints a nevére.

Kattints a Publicize fülre
Baloldalt válaszd: Email subscriptions

Kattints az Activate gombra

A két legördülő ablakban válaszd ki a nyelvet (Általában English) és a Blogger szót.

Lapozz az aljára, és a Subscription manager részben pipáld be a jelölőnégyzetet, ha emailben értesítést akarsz kapni, amikor valaki feiratkozott, és nyomd meg a Save gombot.

Menj vissza fel, és másold ki a kódot.

Nyiss új ablakot a böngészőben, menj a blogodba
Irányítópult -> Tervezés
Az oldalsávban kattints a Modul hozzáadása opcióra.
Válassz HTML/JavaScript modulfajtát
Másold bele a kódot.
Magyarítsd:
keresd meg a kódban az Enter your email address: részt, és írd át magyarra (pl. Írd be az emailcímed:)
keresd meg a Subscribe szót, és írd át (pl. Feliratkozom vagy Küldés)
Mentés
Az eredmény egy feliratkozó form lesz.

Ha akarod, akkor a linket ki is törölheted, amely a FeedBurnerre utal. Nyisd meg újra az oldalsávmodult, töröld a kódból ezt a részt:
<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>

Ha most újra a FeedBurnert nézed a másik böngészőablakban, akkor egy másik lehetőség is van, kicsit lejjebb, középtájon: Subscription Link Code
Ha akarod, akkor az előbbi helyett ezt használhatod, ez egy kissé máshogyan néz ki. Csak egy emailes feliratkozásra felszólító link jelenik meg ott, ahová teszed.
A legördülő ablakban állítsd be: Blogger
Pipáld be a négyzetet, ha értesítést akarsz kapni a feliratkozásról, és másold ki a kódot, majd nyomd meg a Save gombot.

Ezután az előbbi módon tedd be a kódot a blogod oldalsávjába, és ments.

Ugyanúgy magyaríthatod is. Nyisd meg a modult, és a kódban írd át ezt a mondatot magyarra:
Subscribe to Anya főztje by Email

Aki rákattint erre a linkre, az egy ilyen ablakot fog látni:

Ha már nem használod többet a modult, akkor a Feedburnerben ugyanide kell jönnöd, és a Deactivate gombot kell megnyomnod.

2010-10-12T23:33:00.000+02:00

"I like it on a chair in our diningroom."

Different postcategories in different pages - Különböző témájú bejegyzés más-más oldalon

2010-10-10T08:28:00.006+02:00

Egy emailt kaptam, amelyben a következő kérdés volt:

Szia Wise Lady. :-)

A következő problémához kérném a segítséged: (kezdő blogger vagyok ezért nézd el nekem ha bagatell kérdést teszek fel)

Hogyan tudom azt megoldani, hogy a blogomban egy adott oldalon csak az oda szánt bejegyzéseim jelenjenek meg? Alapba a főoldalra mennek, de én szeretném ha a többi oldalra is rendszerezve mennének. Pl.: Receptek oldalon csak receptek jelenjenek meg, utazás oldalon csak utazással kapcsolatos dolgok, stb.

A segítségedet előre is köszönöm.

üdv: Zoli.

A kérdés egyáltalán nem bagatell, még a blogolás technikai részleteiben jártas bloggernek is okoz némi fejtörést a megvalósítása. A nehézség abban áll, hogy ehhez a feladathoz a Bloggeres sablon szerkezete túl egyszerű, nem erre a feladatra írták a kódot, illetve a tárhelyünkhöz sem férhetünk hozzá. Ezt a kódot kifejezetten blogírásra hozták létre, amelyben a posztok időrendi sorrendben, témától, kategóriától függetlenül, egymás után jelennek meg a főoldalon. Egy pl. Wordpress motorral, tárhelyen működtetett weboldalnál már jobban megoldható ez a feladat.

Természetesen a Bloggeren is tehetünk azért ennek az érdekében, de némi megalkuvást kell tennünk.
Ez pedig az, hogy a főoldalt meghagyjuk blognak, azaz itt minden poszt időrendben meg fog jelenni, bármelyik témához tartozik is.

Az egyes témákhoz címkéket hozunk létre: pl. receptek, utazás, horgászat stb. Minden poszthoz hozzárendeljük a megfelelő címkét (más címkéket is adhatunk emellett).
Jelenítsük meg a címkéket az oldalsávban (mind). Válasszuk ki az általunk fő kategóriáknak választott címkéket, egyenként kattintsunk rájuk, és a böngésző címsorából másoljuk ki a hozzájuk tartozó URL címet. Gyűjtsük pl. egy Jegyzettömb fájlba.
Ezután hozzunk létre így: egy vízszintes vagy függőleges típusú linksávot, annyi linkkel, ahány főcímkénk van.
Menjünk ide: Irányítópult -> Tervezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása
A LINK1, LINK2 stb. szövegeket írjuk át a témanevekre egyenként -Horgászat, Utazás, Receptek stb.
A # helyére pedig másolgassuk be a jegyzettömb fájlból a megfelelő URL címet minden linknél.
Mentsünk.
Ezután menjünk a Tervezés fülre, az oldalsávban nyissuk meg a címkék modulját, és módosítsuk úgy, hogy a főcímkéket ne jelenítse meg. Ezt így kell: címkék használata

Ha ezt végigcsináltad, akkor egy olyan szerkezetet kapsz, mint ebben a blogban látod. A főoldal a blog, a fejlécben van egy vízszintes linksávom, amelyre a címkéket (design, tutorial, stb.) linkeltem rá, és úgy néz ki, mintha oldalak lennének..

Change JumpLink-text - Ugrólink (read more) szövegének megváltoztatása

2010-09-30T22:18:00.006+02:00

Kb. egy éve az úgynevezett ugrólink (Read more - Jumplink) beépítésre került a Blogger sablonokba, így a bejegyzés szerkesztőben csak rákattintunk az ugrás beszúrása gombra, és így csak az eleje jelenik meg a főoldalon, és továbbkattintásra lehet az egészet elolvasni. Igen ám, de az ugrólink szövege így jelenik meg:
További bejegyzések
Ez nem megfelelő szöveg, hisz a poszt folytatására ugrunk, nem pedig másik bejegyzésekre. Ennek a helytelen szövegnek az az oka, hogy nem igazán sikerült jól a magyar fordítás, és a linkszöveg nem igazán azt fejezi ki, ami valójában történik.

Így változtathatjuk meg:

Irányítópult -> Tervezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása

Ctrl+f
A keresőablakba írjuk be: jump-link
Ezt keressük:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
</b:if>

Töröljük a kékkel jelzett részt.
A pirossal jelzett rész HELYETT pedig írjuk be a szövegünket. Pl. így:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'>Tovább...</a>  
      </div>
    </b:if>

DEMO itt: http://www.hungariancook.hu/

Ha akarjuk, akkor akár kattintható képet is tehetünk a szöveg helyére. Készítsük el a képet, töltsük fel egy tárhelyre, pl. Picasa vagy Dokumentumok, majd jegyezzük meg a kép URL címét. A pirossal jelzett rész HELYETT írjuk be ezt:

<img src="http://akepURLcime" />

DEMO itt: http://www.wiselady.hu/

Google fonts for Blogger - Eltérő betűtípus használata

2010-09-27T18:05:00.007+02:00

Az előző cikkben szó volt a weben használható betűtípusokról, most megnézzük, milyen lehetőségünk van saját tárhely nélkül más betűtípus használatára. Erre is létezik több megoldás, ezek egyike a következőkben leírt.

Használjuk a Google fontokat!
A Google az alkalmazások egész családját hozta létre, ezek segítségével komplex webes rendszer alakítható ki. (Blogger, Analytics, Feedburner, Gmail, Picasa stb.).
Számos más, a blogolást segítő dolog is elérhető általuk, scriptek, kódok pl., de ilyenek a fontok is.
Bár most még kevés fontból választhatunk, ezzel mégis színesíthetjük egy kicsit a blogunk kinézetét.
Használatuk nagyon egyszerű:

Menj ide: http://code.google.com/webfonts

Felül választhatsz Görög, Latin, Khmer és Cirill betűcsaládot.
Ha kiválasztottad, pl. Latin, válassz betűtípust, amelyik neked tetszik, és alkalmazni szeretnéd: pl. Reanie Beanie
Kattints rá, akkor láthatod, hogyan néz ki különböző betűnagysággal, továbbá, hogy milyen változatai vannak.

Válaszd a Get the code gombot, kattints rá.

Másold ki a felső ablakban lévő kódot:

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin' rel='stylesheet' type='text/css'/>

Irányítópult -> Tervezés -> HTML-kód szerkesztése

Ctrl+f
Keresd meg a </head>
sort, és ELÉ másold be a kimásolt kódot.
Mentsd el a változtatást.

Mostantól használhatod a betűtípust.

Ha csak egy szövegrészletet akarsz ezzel a típussal pl. a poszton belül, akkor ezt kell tenned:
Írd a posztot, de válts át a HTML írásmódra. A kívánt szövegrészletet zárd ebbe a kódba:
```
<span style="font-family: Reenie+Beanie; font-size: 24px;">A TE SZÖVEGED, AMIT EZZEL A TÍPUSSAL AKARSZ ÍRNI</span>
```
DEMO: A szöveg akár a teljes poszt is lehet.
Ha egy részletre a blogban állandóan és automatikusan ezt a típust akarod használni:
Először is tudnod kell annak a résznek a nevét, hogyan nevezték el a sablonban.
Példaként én most azt mutatom meg, hogy a posztok címei hogyan jelenhetnek meg az új betűtípussal.

A) Egyik eset, hogy szerencséd van, és a kódod elején megtalálod, ahol a változókat (Variable definitions) sorolják fel, valahogy így néz ki:
```
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px 'Trebuchet MS', Trebuchet, sans-serif;"/>
```
Nincs más dolgod, mint beszúrd az új betűtípust legelsőnek ide:
```
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px 'Reenie Beanie', 'Trebuchet MS', Trebuchet, sans-serif;"/>
```
Mentés

Nézd meg a blogod. Elképzelhető, hogy a betűnagyságon is változtatnod kell, tedd meg. A kék számot írd át nagyobbra vagy kisebbre, és mentsd.
Ezt az új, sablonszerkesztőből választott sablonok esetében biztosan megtalálod így.

DEMO: http://3teszt.blogspot.com/

B.) Ha régebbi vagy egyedi sablonod van, akkor előfordul, hogy nem találod a Variable definitions részben a poszt címet. Akkor meg kell keresned:

Ctrl+f
Írd a keresőablakba: posts
Ilyesmit találsz: /* Posts ----------------------------------------*/
Ez alatt lesz a poszt címe, ami vagy post-title vagy .post title vagy .post h3 stb. névvel van elnevezve
Pl. ilyen lehet:
```
.post h3 {
   margin:.25em 0 0 140px;
   padding:0 0 4px;
   line-height:1.4em;
   color: $titlecolor;
   margin-bottom: 3px;
   font: 17px 'Reenie Beanie', georgia, times, 'times new roman', serif;
   font-weight: bold;
   background:transparent;
}
```
Szúrd be a betűtípusod nevét (piros) a megfelelő helyre elsőként.
A betűnagyság a kék szám itt is.
Mentsd el a változtatást.

Ha meguntad és másik típust szeretnél, akkor csak a két helyre beírt nevét kell megváltoztatnod: Pl. Reenie Beanie helyett beírod, hogy Philosopher mindkét helyen.

Ha végleg meguntad, és az eredeti állapotot akarod visszakapni, akkor kitörlöd a betűtípus nevét, beállítod a betűnagyságot, mentés.

UPDATE:
Többen jeleztétek, hogy hibaüzenet jön, nem tudjátok a kódot beszúrni. Ennek az az oka, hogy amikor kéred a kódot, akkor egy ilyet lehet kimásolni:

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin' rel='stylesheet' type='text/css'>

Sajnos ezt elszúrták, HIBÁS! (Explorerben előfordulhat az is, hogy a végén lévő kacsacsőr egyáltalán nem is másolódik ki, mert a kód hosszabb, mint az ablaka.)
A pirossal jelzett zárókacsacsőr ROSSZ! Át kell javítani erre: />

Fonts for Web - Betűtípusok a weben

2010-09-26T18:44:00.005+02:00

Az internet dokumentumok által használt betűtípusok olyan családok, amelyek minden felhasználó gépére alapból telepítve vannak. (Betűtípus telepítése itt.) Egy adott típussal írt szöveget ugyanis csak akkor lát a felhasználó olyannak, amilyennek te meghatároztad, ha a font a gépén telepítve van. Így aztán meghatározták a fontok azon körét, amelyek minden gépre az operációs rendszerekkel eleve feltelepülnek. Így ezeket rendelve a weblapodhoz, azt bárki ugyanolyannak fogja látni, bárhol is olvassa. Ezek az úgynevezett Default font-ok.
Pl. egy része ennek a listának így néz ki:
•Arial
•Courier New
•Times New Roman
•Symbol
•Wingdings
•Microsoft Sans Serif
•Segoe UI
•Tahoma
stb.
Ezek az általunk használatos típusok, van ilyen lista a kínai, indiai, arab, kelet-ázsiai stb. írások számára is.
A helyzetet az is bonyolítja, hogy még az általánosabb típusok között is vannak olyanok, amelyek nem minden operációs rendszeren láthatók. Van, ami csak Windows, van ami csak Machintosh op. rendszeren látszik.
Pl. a Terminal típus csak Win, a Textile pedig csak Mac alatt látszódik.
Sőt, fokozódik a helyzet azzal, hogy van olyan betűtípus, amely még a használt böngészőtől is függ.

Összefoglalva: megtervezed a weblapod, és tetszik egy betűtípus, feltelepíted a gépedre, és ezt használod az oldaladon. Te így látod. Az olvasóid azonban csak akkor látják ugyanilyennek, ha náluk is telepítve van ez a font. Ha nincs, akkor az ő számukra a legáltalánosabb betűtípussal (pl. Sans Serif) jelenik meg az oldalad.
Általánosan használt technika, hogy az adott részhez (pl. poszt címe stb.) több betűtípust adunk meg, elöl áll a legkevésbé általános. Így, akinek telepítve van, a legelsővel látja, akinek nincs, az a másodikkal stb., és az utolsónak megadott mindig olyan, amelyet mindenki láthat. Vagyis az oldalad mindig olvasható, de nem mindenki látja ugyanolyannak.

Pl. így:
font: 15px Arial, Tahoma, Verdana, sans serif;

A weboldalak által használható betűtípusok megfelelnek néhány általános szabálynak is. Általában azt mondjuk, hogy a betűtípus legyen határozott kontúrral rendelkező, lehetőleg ne legyen "talpas", jól olvasható, szellős legyen.

Mindezek után érthető, hogy a legtöbb weboldalt olyan betűtípussal szerkesztenek, amely minden op. rendszerben, minden böngészőben, mindenki gépén működik.
Így nem túl sok lehetőség marad, azaz a honlapok és blogok gyakorlatilag egyformán néznek ki, ebből a szempontból.

Vannak olyan fogások, amellyel elérhetjük, hogy más betűtípust is használhassunk. Ha van az oldalunkhoz tárhelyünk, egyszerű dolgunk van. Oda feltesszük a betűtípust, és onnan "meghívjuk" az oldalhoz.
A blogoknak azonban álatalában nincs tárhelye, és egy ingyenes tárhelyről kockázatos lehet a fontot meghívni.

Folytatása következik...

Summary in Home page, what is it? - Az összefoglalók értelme

2010-09-13T19:04:00.000+02:00

Ha egy kicsit figyelünk azokra a blogokra, amelyek rendszeresen és hozzáértően karban vannak tartva, akkor észrevehetjük, hogy megváltozott a főoldalon megjelenített tartalom. Régebben megírtuk a posztunkat, beállítottuk, hogy a főoldalon hány poszt jelenjen meg, és ezek után az első oldalon teljes terjedelemben volt olvasható annyi db poszt. Mostanság viszont csak a posztok eleje (vagy egy kis kedvcsináló összefoglaló) jelenik meg a főoldalon, és a Read more linkre kattintva lehet eljutni a teljes cikkhez.
Én magam is kaptam az olvasóktól ilyan kérdést:
Miért állítottam be így a blogomat, hisz ez csak bosszúság az olvasónak, hogy tovább kell kattintani.

Nos, természetesen nem az olvasó bosszantása a cél, és nem is csak egy divathóbort a blogok ilyen beállítása, hanem nagyon is olvasóbarát és értelmes célja van.
Ez pedig nem más, mint a mobilinterneten való böngészés megkönnyítése.
Aki wapon tölti be az oldalt, nem szeretné, hogy 10 cikk teljes egészében betöltődjék képekkel együtt, hanem csak a cikkek eleje, hisz ez idő (és pénz!). Végigfutva a cikkek elejét, aztán csak azt a cikket kattintja tovább, amelyre valóban kíváncsi.

Google translate script - Google fordító a blogba

2010-09-05T13:20:00.002+02:00

Jelentkezz be a Google fiókodba
A fordító scriptet itt találod:
http://translate.google.com/translate_tools

Kattints a Show optional settings linkre és végezd el a beállításokat
Az Előnézettel meg is tekintheted
Ezután kimásolod a kódot

Irányítópult -> Tervezés

Az oldalsávban válaszd a Modul hozzáadása opciót
Válassz HTML/Javascript modulfajtát
Másold bele a kimásolt scriptet
Mentés

Static frontpage in Blogger - Statikus kezdőlap

2010-09-02T07:04:00.008+02:00

A Blogger kódja igazából blogírásra van kitalálva, és nem honlap készítésre. A honlap annyival több, hogy ott a blog funkciót valójában a hírek megjelenítésére használjuk, és ezen kívül több statikus és dinamikus oldala is szokott lenni.
Valójában a blogspot blog is alakítható kódjában úgy, hogy képes egy honlap funkcióját is ellátni, bár profi honlap készítéséhez én mégsem ezt ajánlanám. A Bloggerben nem régen jelent meg az oldalak hozzáadásának a lehetősége, ahová tehetünk statikus tartalmat (pl. About - bemutatkozás), de tehetünk dinamikus tartalmat is (pl. Contact form - kapcsolat). Ezek azonban addig is elkészíthetőek voltak. Tulajdonképp írtunk egy bejegyzést, a megjegyzések, dátum, szerző stb. paneleket eltüntettük, és úgy dátumoztuk, hogy a legkorábbi bejegyzés legyen, majd kilinkeltük egy a fejlécben megjelenő linksávban. Nálam ebben a blogban pl. a Kapcsolat és az Archívum "oldal" így van megoldva.
Az újabban használható Oldalak létrehozása funkció pont ugyanezt csinálja, annyi a különbség, hogy nem nekünk kell kódolással a bejegyzést átalakítani, hanem beépítették az alapkódba, és mi csak használjuk. Ez tehát azt jelenti, hogy ezek most sem valódi oldalak, a szó hagyományos értelmében, hanem bejegyzésből átalakítottak. Ezért van az, hogy szerkesztéskor pont úgy is néz ki a szerkesztő ablak, mint bejegyzés írásakor szokott kinézni.
A honlapokon gyakran láthatjuk, hogy van valahány oldal, és külön egy, amely blogként működik.
A Bloggeren nekünk csak a blog van meg, de előfordulhat, hogy valaki azt szeretné, hogy a weboldal megnyitásakor a kezdőlap (Home) ne azonnal a blog legyen, hanem egy statikus oldal, és a navigációs menüben legyen egy link, amelyre kattintva jutunk el a tényleges bloghoz.
Ennek a megoldása is lehetséges a Blogger blogon, mégpedig többféle módon is. Én most egy olyat mutatok, amelyet bárki képes megcsinálni, ha lépésenként végighalad az alábbiakon.

Először is nézd meg, miről is van szó: DEMO

És most nézzük a megvalósítást:

Készíts egy Új bejegyzést, ez lesz a statikus kezdőoldalad. Ha akarsz, adhatsz neki címet, ha nem, nem muszáj.
A bejegyzésben szerkeszd meg a kezdőoldalad tartalmát. Pontosan ugyanúgy csináld, mintha új oldalt készítenél. Ha kész, Bejegyzés közzététele, majd újra nyisd meg Szerkesztésre.
Kattints alul a Bejegyzés beállításaira, a Bejegyzés dátuma és ideje alatt válaszd az Ütemezett időpontot, majd írd át a dátumot valami távoli jövőbeli dátumra pl. 2050.09.01.
Ezután ismét Bejegyzés közzététele.
Ezzel azt értük el, hogy amíg el nem érkezik ez a jövőbeli dátum, addig mindig ez a bejegyzés lesz legfelül.
Most menj ki a blogra, lapozz legalulra és kattints a Régebbi bejegyzések linkre.
Másold ki azt az URL címet, amit a böngésző címsorában látsz. Így valahogy néz ki:
http://3teszt.blogspot.com/search?updated-max=2050-09-01T00%3A47%3A00-07%3A00&max-results=5
Másold az oldalsávomban lévő HTML átalakítóba, alakítsd át, ezt másold pl. egy Jegyzettömb fájlba, hogy meglegyen. Ezután változtasd át a 2050 számot (vagy amit te írtál) egy kisebb számra pl. 2049
http://3teszt.blogspot.com/search?updated-max=2049-09-01T00%3A47%3A00-07%3A00&max-results=5
A max-results=5 részben az 5 szám azt jelenti, hogy hány bejegyzés szerepel egy oldalon a blogban. Ezt átírhatod, amennyit te szeretnél pl. 8
És mentsd el a txt fájlt.
Ez a link lesz a blog, amely minden bejegyzést mutatni fog, amely 2049.09.01. ELŐTT íródott, tehát azokat is, amit 2049-ig ezután fogsz írni, meg amit már megírtál, szépen sorban, a legfrissebb legfelül. Nem fog látszódni viszont az a bejegyzés, amely ennél a dátumnál későbbre van beállítva, vagyis a statikus kezdőoldalad (2050).
Most eltüntetjük a bejegyzésről azokat a részeket, amit nem akarunk látni a kezdőlapon.
Nyisd meg újra a kezdőoldal bejegyzést és válts át HTML írásmódra.
A bejegyzés legelejére másold be ezt a kódot:
```
<style>
#comments, .post-header, .post-footer, .feed-link, .feed-links, #blog-pager, .date-header {display: none;}
</style>
```
Tedd közzé ismét.
Most elérjük, hogy a legelső bejegyzés, azaz a statikus kezdőlap látszódjon csak a kezdőlapon.
Irányítópult -> Beállítások -> Formázás
A legelső opciónál írd át az ott lévő számot 1 számra.
Megjelenített elemek maximális száma: 1 bejegyzés a főoldalon.
Mentés
Végül kilinkeljük a navigációs sávra a Kezdőlapot és a Blogot.
Ha van ilyened, azaz egy linksáv, akkor csak a linkeket kell átírnod, ha nincs ilyened, akkor készítened kell egyet. A vízszintes így készül. Az oldalsávba is készülhet navigációs linkoszlop.
A linkek beírása így történik:
```
<div id='linknavbar'> <ul id='linknav'> 
<li> <a href='#'>Link1</a> </li> 
<li> <a href='#'>Link2</a> </li> 
<li> <a href='#'>Link3</a> </li> 
<li> <a href='#'>Link4</a> </li> 
</ul> 
</div> 
```
Első link:
A # helyére írd: http://ateblogod.blogspot.com/
A Link1 helyére írd: Főoldal vagy Kezdőlap vagy Home stb.
A másik link lesz a blog:
A # helyére írd: Azt a linket, amit a txt fájlban elmentettél:
Ez nálam ilyen:
http://3teszt.blogspot.com/search?updated-max=2049-09-01T00%3A47%3A00-07%3A00&max-results=5
A Link2 helyére írd: Blog vagy Hírek stb.