Blogger tippek, trükkök kezdőknek és profi bloggereknek is.

Elindult a "The AI Workshop"

2024-03-04T23:01:00.000-08:00

Üdvözöljük a The AI Workshopban, ahol a jövőbe látunk, és ahol a mesterséges intelligencia forradalmi lehetőségeit járjuk körbe. Ahogy a technológia fejlődik, úgy válik egyre fontosabbá megérteni és kihasználni a mesterséges intelligencia által kínált lehetőségeket. Weboldalunk ezt a célt szolgálja: segítünk Önnek megismerni és kiaknázni ezt az izgalmas területet.

A The AI Workshop több szempontból különbözik a többi technológiai portáltól. Elsődlegesen azáltal, hogy gyakorlati megközelítést kínálunk. Nem csak elméleti ismereteket osztunk meg, hanem konkrét eszközöket és alkalmazásokat mutatunk be, amelyek segítségével bárki kihasználhatja a mesterséges intelligencia nyújtotta lehetőségeket.

Egy másik fontos szempont, hogy átfogó képet kívánunk nyújtani a területről. Nemcsak a legújabb fejlesztéseket és trendeket tárgyaljuk, hanem bemutatjuk azokat a már bevált eszközöket és módszereket is, amelyek segítségével Ön is hatékonyan alkalmazhatja a mesterséges intelligenciát saját projektjeiben és vállalkozásában.

A The AI Workshop célja, hogy minden látogató számára hasznos és inspiráló legyen. Nem számít, hogy Ön kezdő vagy haladó felhasználó, megtalálja nálunk azokat az információkat és eszközöket, amelyek segítenek Önnek előrehaladni a mesterséges intelligencia világában.

Néhány kiemelt szolgáltatásunk és témánk közé tartozik:

Útmutatók és tanácsadás: Lépésről lépésre vezetjük Önt a mesterséges intelligencia alkalmazásában, kezdve az alapoktól egészen az összetettebb projektekig.
Eszközök és alkalmazások bemutatása: Ismertetjük a legjobb eszközöket és alkalmazásokat, amelyek segítségével könnyedén kiaknázhatja a mesterséges intelligencia nyújtotta lehetőségeket.
Case study-k és példák: Valós eseteket és példákat mutatunk be, hogy megértsük, hogyan alkalmazható a mesterséges intelligencia különböző iparágakban és projektekben.
Közösségi fórum: Lehetőséget biztosítunk a felhasználóinknak arra, hogy megosszák tapasztalataikat, kérjenek segítséget és építsenek kapcsolatokat más AI-szakértőkkel.

Ne maradjon le a jövő technológiájának felfedezéséről és kiaknázásáról! Látogasson el a The AI Workshop oldalára, és kezdjen el építeni a mesterséges intelligencia által kínált lehetőségeket ma!

Villogó linkek a blogodban

2011-06-14T06:58:00.000-07:00

Ezzel a leírással színes villogó effektet varázsolhatsz a blogodban megjelenő linkekhez.

Menj a blogger kezelőfelületére, kattints a Tervezés/HTML-kód szerkesztése fülre.
Nyomj egy CTRL+F billentyűkombinációt és a felugró keresőbe írd be az alábbi kódot:

</head>

Ha sikerült megtalálni, akkor közvetlen elé illesszük be ezt a kódrészletet:

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function ChangeColor()
{
objActive.style.color = makeColor();
}

function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

Ha ezzel is készen vagyunk, kattintsunk a sablon mentése fülre.

Hogyan alkalmazz egyedi kurzorokat a blogodban.

2011-06-07T01:39:00.000-07:00

Íme még egy módszer amivel még egyedibbé teheted kedvenc blogodat.

Lépjünk be a Blogger kezelőfelületére, ezen belül pedig kattintsunk a Tervezés/HTML-kód szerkesztése fülre.

Ha ez kész, nyomjunk egy Ctrl+F billentyűkombinációt mellyel előcsalhatjuk a böngészőbeli keresőt.

Írjuk be a keresőbe: ]]></b:skin>

Ha ez megvan, akkor pontosan fölé illesszük be az alábbi kódot:

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}

Ezzel készen is vagyunk.

Ha meg szeretnéd változtatni a kurzor kinézetét, akkor keresd fel a következő weboldalt: http://www.totallyfreecursors.com/

Itt jó pár kurzor közül válogathatsz. Ha megtaláltad a neked leginkább szimpatikus kurzort, akkor vidd az egeret a képre, kattints rá a jobb egérgombbal és válaszd ki a kép címének másolása opciót. Ezután pedig mint ahogy az előző lépésekben is csináltuk keressük ki a :

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}

részt és a kimásolt link url címét illesszük be így: body, a, a:hover {cursor: url(IDE JÖN AZ ÁLTALAD KIMÁSOLT LINK), progress;}

Kurzorok

Sablon galéria bloggereknek (második rész)

2011-05-02T02:21:00.000-07:00

A sorozat második részeként ismét jöjjön négy darab letölthető blog sablon.

Design Freak

Letöltés: Design Freak blogger sablon

News Station

Letöltés: News Station blogger sablon

Elegance Gallery

Letöltés: Elegance Gallery blogger sablon

Music Store

Letöltés: Music Store blogger sablon

Küldd be az oldaltérképed a Bing keresőbe

2011-04-30T00:50:00.000-07:00

A jelenlegi bejegyzés célja, hogy blogspot.com -os oldalunkat bejuttattuk a Bing keresőbe.

Első lépés:

Lépjünk be a Bing Webmester Eszközök oldalára. Ehhez szükségünk lesz egy Hotmail vagy Windowslive emailcímre.

Második lépés:

Ha sikeresen beléptünk adjuk hozzá weboldalunkat a keresőhöz. Ehhez kattintsunk az Add site gombra.

Ezek után írjuk be a blogunk címét a rubrikába.

Harmadik lépés:

Ezután a felugró ablakban két lehetőség közül választhatunk:

Option 1: Place an XML file on your web server
Mivel a felhasználók nem férhetnek hozzá a blogspot webes kezelőfelületéhez így nekünk ez a lépés nem lesz jó.

Option 2: Copy and paste a tag in your default web page
A második verziót kell, hogy válasszuk, itt kapni fogunk egy kódot amit a HTML sablonba kell majd beillesztenünk.

Új ablakban nyissuk meg a Blogger irányítópultját, ezen belül pedig a Tervezés/HTML kód szerkesztése menüt, az utóbbiban pedig bontsuk ki a vezérlősablonokat.

Ha a vezérlősablonokat kibontottuk nyomjuk meg a CTRL+F kombinációt és a keresőbe írjuk be: </head>

Közvetlen utána pedig illesszük be a Bing által generált ellenőrzőkódot és mentsük el sablonunkat.

Visszatérve a Bing oldalára, kattintsunk a Verify gombra.

Negyedik lépés:

A Bing Webmester eszközökön belül kattintsunk a Crawl > Sitemaps > Add Sitemap -ra

Ezt követően a felugró ablakba pedig írjuk be a következőt: http://oldaladcíme.blogspot.com/feeds/posts/default

Ezután kattintsunk a Submit gomra.

Hasonló bejegyzések script

2011-04-30T00:10:00.000-07:00

Az alábbi kód segítségével minden bejegyzésed alján megjelenik egy a hasonló cikkeket összegyűjtő mező.

Hogyan is fog ez kinézni?

Kezdjünk is bele.

Első lépésként lépjünk be a Blogger irányítópultjába, ezután keressük meg a Tervezés, utána pedig a HTML kód szerkesztése részt, majd ezen belül kattintsunk a Vezérlősablonok kibontása- négyzetre.

A képen megszámozva jelöltem be nektek a lépések sorrendjét.

Ha kibontottuk a vezérlősablonokat nyomjunk egy CTRL+F billentyűkombinációt és a keresőbe írjuk be ezt: </head>

Ha ez megvan közvetlen utána illesszük be az alábbi kódot:

<style> #related-posts { float : left; width : 480px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; font-weight: bold; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight: bold; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://www.webaholic.co.in/other/bw.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://www.webaholic.co.in/other/related-posts-widget.js' type='text/javascript'/>

Miután beillesztettük a kódot ismét írjuk be a keresőbe: <data:post.body/>

Ha megvan ismét közvetlen alá illesszük be ezt a kódot:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Ezután már csak annyi a dolgunk, hogy elmentsük a sablonfájlunkat.

Sablon galéria bloggereknek (első rész)

2011-04-28T23:55:00.000-07:00

Belekezdünk egy új rovatba "Sablongaléria bloggereknek" címmel. Ennek a rovatnak az a célja, hogy minden kedves olvasó/blogger megtalálja a számára megfelelő sablont.

Elsőre kezdjünk négy darab letölthető sablonnal.

Relevance

Letöltés:

Relevance sablon letöltése

Arowa

Letöltés:
Arowa sablon letöltése

Staked

Letöltés:
Staked sablon letöltése

Selection

Letöltés:
Selection sablon letöltése

Hogyan változtasd meg blogspot.com -os címedet co.cc -re

2011-04-28T23:38:00.000-07:00

Az alábbi leírással co.cc domainre cserélheted a regisztrációkor kapott valami.blogspot.com -os webcímedet. (Persze csak ha a Blogspot szolgáltatásait használod)

Kezdjünk is bele:

Első lépésként írjuk be böngészőnk címsorába a következőt: http://co.cc

Ha minden jól ment akkor a co.cc kezdőlapján találjuk magunkat.
A képen bekereteztem a számunkra fontos részt, ami nem más mint a domain elérhet
őség ellenőrző.
Írjuk be a bekeretezett rubrikába az általunk létrehozni kívánt címet és kattintsunk az Elérhetőség ellenőrzése gombra.

Ha a név elérhető akkor kattintsunk továbblépés a regisztrációra gombra.

Az általunk kívánt domain elkészült. FONTOS, hogy a címet 48 óra alatt működésre kell bírnunk, különben kitörlik. Kattintsunk a szöveg alatti beállítás gombra.

Kilistázva bejött a saját domain-ünk, ez mellett is kattintsunk a beállítás gombra.

Ha ez is kész, már maga a beállítások oldal fogad. Itt kattintsunk a kettes lehetőségre: Zone Records
Itt a kép alapján töltsük ki az adatokat, természetesen a domain név a sajátotok legyen és mindenféleképpen szerepeljen a www. előtag a webcím előtt. Miután mindent kitöltöttünk és beállítottunk kattintsunk a beállítás gombra.

Ezzel a CO.CC weboldalon történő munkálkodást le is zárhatjuk.

Most lépjünk be a blogspot.com irányítópultjába és keressük meg a Beállítások/Közzététel menüt.
Ha megtaláltuk kattintsunk a következőre: Váltás a következőre: • Egyéni domain (Saját regisztrált domained átirányítása a blogodra)

Itt bejön egy új lap ahol .hu, .com, .info ... végződéseket adhatunk blogunknak, viszont nekünk nem ez az opció kell, így kattintsunk a Már rendelkezik domainnel? Váltson a speciális beállításokra gombra.

Ismét bejött egy ablak ahova már a co.cc -n keresztül regisztrált domain nevünket kell megadni. Ezen kívül pedig egy ellenőrző kódot. Miután ezzel is megvagyunk és mindent megfelelően kitöltöttünk kattintsunk a beállítások mentése gombra.

Ha mindent jól csináltunk, akkor ha újra megtekintjük az oldalunkat, már a co.cc végződés fog fogadni.

Ingyenes statisztika nem csak bloggereknek

2011-04-27T08:02:00.000-07:00

Biztosan van olyan aki már hallott a Statcounter weboldal szolgáltatásairól, viszont ez a blogbejegyzés most azoknak az olvasóknak kedvez, akik még nem találkoztak ezzel a weboldallal.
Magáról a weboldalról nem szeretnék sokat leírni, mivel mindent elmondanak az általuk kínált szolgáltatásokról, méghozzá magyar nyelven, viszont egy rövid részletet megosztok veletek.:

Mi a STATCOUNTER?
Egy ingyenes és megbízható láthatatlan webes mérési rendszer, részletesen beállítható találat számláló és valós idejű részletes web statisztika. Helyezz el egy kis méretű kódot az oldaladon vagy a blogodon és azonnal, valós időben elemezheted weboldalad összes látogatóját!

Mindenféleképpen érdemes kipróbálni, mivel ingyenes, elég sok adatot gyűjt össze és egy felhasználói fiókon belül több weboldal (projekt) is megadható.

http://statcounter.hu

Sablonkészítők figyelem!

2011-03-23T01:18:00.000-07:00

Sok ember használja például a blogspot által elkészített alap sablonokat, vannak akik az internetről keresnek ízlésüknek megfelelőt és kis százalékban találhatóak olyan emberek akik saját maguknak készítik el sablonjaikat.

Jómagam a harmadik csoportba tudnám sorolni, mivel általában mindig az egyediségre törekszem. Ezen az oldalamon inkább a minimalista designt helyeztem előtérbe, mivel itt az információkon van a nagyobb hangsúly.

Na de térjünk a lényegre. A minap találtam egy elég jó programot, mellyel egyedi, tetszetős kinézetet tudsz varázsolni blogodra. A program neve Artisteer, lehet, hogy jó páran már találkoztatok ezzel a szoftverrel. Ennek a sablontervező alkalmazásnak a segítségével Joomla, Blogger, WordPress és Drupal rendszerekre tudunk egyedi kinézetet készíteni. Ami számomra talán a legnagyobb pozitívum, az a Magyar nyelvi támogatás. Így már anyanyelvünkön tudjuk gyártani a szebbnél szebb sablonokat. Ha valakinek felkeltettem az érdeklődését a program hivatalos weboldalát EZEN a címen érheti el. Mindenkinek ajánlom, akit érdekel ez a téma, hogy próbálja ki az ingyenesen letölthető próbaverziót.

Artisteer

A képek helyes használata

2011-03-21T02:05:00.000-07:00

Gondolom elég sokan használtok képeket bejegyzéseitekben. Viszont azt tudtátok-e, hogy egy jól felhasznált kép akár plusz forgalmat is generálhat blogotoknak?

A Google mikor be indexeli egy-egy bejegyzéseteket, cikkeket, átnézi a szöveget, megvizsgálja a helyesírást és a leggyakrabban előforduló kulcsszavakat is.

Na de mi a helyzet a képekkel? A képeket is használhatod keresőoptimalizálási, illetve forgalom növelési célokra is. Vegyünk egy egyszerű példát. Nyaralni voltatok és feltöltöttetek a nyaralás alkalmával készült képek közül egy-két darabot. A kép neve például DSC156987.jpg. Ez a Google számára semmilyen fontos, értelmezhető információval nem szolgál, ezért érdemes a képet átnevezni például nyaralas-a-balatonon.jpg-re. Így már a Google értelmezni tudja és ki tudja szűrni a nyaralás és Balaton szavakat. Ezen kívül ügyeljünk a kép méretére. Persze ez alatt nem a szélesség-magasság -i méretet értem hanem magának a képfájlnak a méretét. Törekedjünk arra, hogy ez a méret minél alacsonyabb legyen. Rengeteg képszerkesztő program létezik melyekkel ezt könnyen elintézheted, mint például az Adobe Photoshop is. Ezen kívül még egy dolgot szeretnék kiemelni, a képaláírást. Én személy szerint, talán lustaságból is, de nem használom, pedig ez is egy plusz pont a keresők számára. Képleírásként érdemes megadni magának a képfájl nevének kulcsszavait mint például a Nyaralás a Balatonon. Ha mindezekre odafigyelünk, akkor egy idő után a képek is biztosan generálhatnak plusz látogatókat. Az alábbi képen szemléltetném a leírtakat.

Pálmafa a tengernél

A kulcsszavak helyes megválasztása blogodhoz.

2011-03-20T05:54:00.000-07:00

Ha valamennyire is optimalizálod a keresők felé a blogodat és használod a meta tag-eket, akkor a következő cikk hasznos lesz számodra.

Hogyan és mi szerint érdemes kiválasztani a blogodhoz leginkább illő releváns kulcsszavakat?

Elég sok ingyenes online eszköz létezik a kulcsszavak helyes kiválasztására, ezekből én két darabot osztanák meg veletek. (Ezeket az eszközöket használom én is)

Az első a SeoTools: Az oldalt IDE kattintva érheted el.

Ezen az oldalon egy röpke regisztráció segítségével több eszközt is igénybe vehetünk teljesen ingyenesen.

Az eszközök a következőek:

Meta tag generáló
Meta tag ellenőrző
Tört linkek keresése
PageRank lekérdezés
Kulcsszó ajánló
Kulcsszó sűrűség vizsgáló
Helyezés vizsgáló
Viszontlinkek vizsgálata
Indexelt oldalak vizsgálata

Itt a legérdemesebb a Kulcsszó sűrűség viszgálót használni, mivel leellenőrzi a blogodban lévő szavakat és ezek megjelenését százalékokra osztja. Kulcsszavakként érdemes az 1-8% sűrűség közötti szavakat használni.

Második segédeszközként a Google AdWords Kulcsszóválasztó eszközt ajánlanám melyet Itt érhetsz el.
Ezen az oldalon arra kereshetsz rá, hogy egy adott kifejezésre mekkora a verseny és mennyi a havi keresések száma, így lépést tarthatsz a versenytársaiddal.

Search Engine Optimization

HTML kódok megjelenítése bejegyzésekben

2011-03-19T10:50:00.000-07:00

Ha valaki HTML vagy egyéb kapcsolódó témájú blogot üzemeltet, gondolom észrevette, hogy a bejegyzésen belül a szöveg mezőbe másolt HTML kód nem jelenik meg, illetve közzétételkor egy hibaüzenet fogad.

Erre találtak ki egy Adsense és HTML átalakító scriptet. Én az alábbi oldalon szoktam elvégezni az átalakítást: Adsense és HTML átalakító, de ha beütitek a Google-be ezt: Adsense and HTML parser akkor még elég sok weboldal közül válogathattok.

Az átalakító lényege, hogy a szövegmezőbe bemásolod az általad megjeleníteni, átalakítani kívánt kódot és megnyomod a Parse gombot. Azután az átalakított kódodat csak be kell másolnod a bejegyzésedbe, vagy ahova éppen ki szeretnéd helyezni.


HTML

Favicon lecserélése bloggerben

2011-03-07T01:04:00.000-08:00

Nézzük meg legelőször, hogy mi is az a favicon.

A favicon a blogod címsora előtt megjelenő apró kis kép.

Mint például a képen látható kis blogger ikon.

Hogyan cserélhetjük ki, illetve hogyan készítsünk saját favicont?
Mint mindenre, erre is rengeteg megoldás létezik, én a számomra legkönnyebbnek talált eljárást osztom meg.

1. Kattints erre a linkre: Favicon generátor
2. Ha bejött az oldal, kattints a tallózó gombra és keresd meg azt a képet amit favicon -nak szeretnél.
3. Ha betallóztad jelöld ki a jobbra található "Merge with a 32x32 desktop icon." szöveg előtti kis kockát.
4. Kattints a Create Icon-ra.
5. Megjelenik egy Windows ikon és mellette egy favicon.
6. Görgessünk kicsit lentebb és kattintsunk a Download Favicon gombra.
7. Miután letöltötted számítógépedre a kész favicon.ico fájlt kattints erre a linkre: Képhost.com
8. Töltsd fel a faviconodat és mikor kilistázza a linkeket használd az első rubrikában lévőt-
9. Másold ki, esetleg tedd bele egy szöveges fájlba.
10. Lépj be a blogger irányítópultra, innen Tervezés, Sablon Html kódjának szerkesztése.

11. Keresd ki a html fájlodból az alábbi sort:

és közvetlen alá illeszd be ezt:

12. Mentsd el a sablonodat és kész is.

Keresőoptimalizálás a blogodban: Meta tag script

2011-03-06T11:26:00.000-08:00

Az előző részben kitértünk a fontosabb SEO fogalmakra és azok jelentésére.
Most nézzük meg a gyakorlatban, hogy a frissen megszerzett tudást hogyan alkalmazhatjuk.

Íme a blogod forráskódjába beillesztendő kód:

Hogyan és hova illesszem be?

1. A Blogger irányítópultján kattintsunk a "Tervezés" gombra ezután pedig a "Sablon HTML-kódjának szerkesztése" -re

2. Keressük ki HTML sablonunkban a következő sort:

Közvetlen ez alá illesszük be a bejegyzés elején bemutatott kódot.

3. Ha beillesztettük a kódot és átírtuk a keywords és description részt akkor kattintsunk az előnézet gombra.Ha hibaüzenet jelenik meg akkor sem kell megijedni. Ha ez a probléma lép fel, kattintsunk a "Módosítás törlése" gombra. Ekkor a blogger kitörli az általad átírt sorokat, visszaállítja a működőképes állapotba.
Sok helyen ellenőrizhetjük blogunk meta tagjainak"megfelelőségét".

Én ezt a weboldalt használom erre a célra: SEOcentro meta tag ellenőrző

Keresőoptimalizálás a blogodban: Kifejezések

2011-03-06T11:12:00.000-08:00

Nézzük meg mik a legfontosabb kifejezések a keresőoptimalizálásban.

Title: Az oldal címe. Fontos, hogy releváns legyen az oldalra nézve és megjelenjenek benne a blogodban legtöbbször előforduló kifejezések. Például ha van egy fákkal foglalkozó blogod, ne az legyen a title, hogy fa hanem például fakitermelés...

Keywords: Kulcsszavak. Régen a Google és egyéb keresők figyelembe vették a kulcsszavakat, mivel így könnyebben tudták megítélni az oldalak témakörét. Mára a keywords nem mérvadó.

Description: Az oldalad leírása. Érdemes mondatokba foglalni blogod legfontosabb kifejezéseit. Általában az elfogadott méret 2-3 mondat, vagy 250 karakter.

----------------

SEO: Search Engine Optimization, magyarul keresőoptimalizálás.

108 tipikus hiba a weboldal elkészítése folyamán.

2011-03-06T10:57:00.000-08:00

Egy ingyenes tanulmány amelyet Mahone írt, tett közzé.

Az alábbi .pdf dokumentumban hasznos információkat találhatsz a weboldalak készítésénél leggyakrabban előforduló hibákról.

Letöltés: 108 tipikus hiba a weboldalaknál

Pillanatkép a .pdf dokumentumból:
(Kattints a képre az eredeti méretben való megtekintéshez)

Pillanatkép a .pdf dokumentumból

Facebook Like doboz elhelyezése a blogodban

2011-03-06T09:33:00.000-08:00

Ha van Facebook-od és esetleg a blogodnak is készítettél egy oldalt akkor most megmutatom, hogyan tegyél be Like Box-ot a blogodba.
Először is menjünk fel a http://developers.facebook.com/docs/reference/plugins/like-box/ oldalra.
Itt a rubrikáknál a következő a teendőd:

A blogodba beágyazandó doboz beállításai

Facebook Page URL: Ide kell beírnod Facebook oldalad címét.

Width: Magyarul szélesség. Itt állíthatod be a doboz szélességét, amit érdemes a blogod moduljának méretéhez igazítani.

Show Faces: Beállíthatod, hogy mutassa-e vagy nem a követőid képét.

Show Stream: Mutassa-e az általad közzétett dolgokat a dobozban

Show Header: Tegyen-e fejlécet a doboz tetejére.

Ha mindent beállítottunk kattintsunk a Get Code gomra
Felugrik egy kis ablak amiben kiválaszthatod, hogy az iframe vagy az XFBML verziót illeszted be a blogba.
Én más oldalaimon az iframe verziót szoktam használni.

Ha kimásoltuk a kiválasztott kódot, a blogger irányítópultján kattintsunk a Tervezés, ezután Oldalelemet és a Modul hozzáadása -ra. Válasszuk ki a HTML-Javascript-et és illesszük be a kódot a modulba.

Sikeresen hozzáadtad a Like dobozt blogodhoz.

Hogyan tegyünk videót bejegyzésekbe, oldalmodulokba

2011-03-06T09:18:00.000-08:00

Nagyon egyszerű megoldást mutatok be a videók bejegyzésbe illesztésére és oldalmodulokba történő elhelyezésére.

Kezdjük a bejegyzésekkel:

A példa videómegosztónk most a Youtube lesz. Szóval jelenleg ott tartunk, hogy a bejegyzésbe akarunk illeszteni egy videót. Menjünk fel a Youtube-ra és az általunk kiválasztott videó alatti részben kattintsunk a Beágyazás gombra.

A kijelölt szöveget kell beágyaznod blogodba

Lenyílik egy új menü, itt állíthatjuk be a beágyazni kíván videó méretét és egyéb lehetőségeket.
Miután mindent beállítottunk másoljuk ki a videó alatt lévő kódot és illesszük a bejegyzésbe.
A kódot érdemes középre igazítani.

Ezzel készen is vagyunk.

Most jöjjenek a modulok:

A Blogger irányítópultján kattintsunk a Tervezés -re, ezután az Oldalelemekre. Itt a sablonodnál kattints a Modul hozzáadása lehetőségre és a felugró ablakban válaszd ki a HTML-Javascript -et. Nevezd el a modult és illeszd bele a Youtube-ról kimásolt scriptet.

Megosztás ikonok a bejegyzések alján

2011-03-06T08:49:00.000-08:00

A megosztási lehetőség nagyon fontos egy blogban.

Azért célszerű egy ilyen opciót elhelyezni a bejegyzések alján, mert így ha valakinek megtetszik az adott cikk, vagy hasznosnak találja az általad elkészített leírást akkor egy könnyű mozdulattal megoszthatja kedvenc közösségi oldalán.

Hogyan adjuk hozzá blogunkhoz ezt a lehetőséget?

Írjuk be böngészőnk címsorába: http://www.addthis.com/

Válasszuk ki a blogunknak legmegfelelőbb ikoncsoportot, a mellette lévő részben jelöljük ki, hogy kérünk-e analizálást, ezután pedig kattintsunk a Get Your Button- gombra.

Ezután egy regisztrációs oldal fog megjelenni. Ha nem szeretnéd kitöltögetni a regisztrációs mezőket, akkor alul válaszd ki a 3 opció közül azt amelyikkel regisztrálni szeretnél.(Facebook, Google,OpedID). Tegyük fel, ha a Google -re kattintottál és épp be vagy jelentkezve a Gmail-be is, akkor a rendszer automatikusan kitölti magának a rubrikákat. Ekkor már csak azt kell kiválasztanunk az úrlap alatti kis kockában, hogy kérünk-e hírlevelet, vagy sem. Miután minden kész kattintsunk a Register gombra.

Ezután visszajutunk a főoldalra és mostmár regisztrált felhasználóként választhatjuk ki a legmegfelelőbb megosztási gombcsoportot.

Ha kiválasztottuk ismét katt a Get Your Button-ra. Megkaptuk a kiválasztott gomb kódját. Másoljuk ki és jelentkezzünk be a blogpot.com-ra.

Az irányítópulton kattintsunk a Beállításokra, ezután formázás és az oldal alján lévő Bejegyzéssablon kockába illesszük be az előbb kimásolt kódot. Már csak egy dolgunk van, mégpedig a Beállítások mentése gombra kattintani.

Ezek után, ha új bejegyzést írsz a szerkesztőablak alsó részében már alapból megjelenik a megosztási mező.

Formai elrendezés a bejegyzésekben

2011-03-06T04:34:00.000-08:00

Milyen egy jó, figyelemfelkeltő blogbejegyzés?

Mindenki más más módszerrel próbálja bejegyzéseit áttekinthetőbbé, figyelemfelkeltőbbé tenni.
Szerintem egy jó blogbejegyzés részekre van osztva, ezzel emeljük ki a fontosabb részeket.

Mik a legfontosabb irányelvek egy bejegyzés elkészítésekor?

Legyen egy bevezető rész, melyben leírod a cikk lényegét. Ezt vastagítással érdemes jelezni (Nagy B betű a szerkesztőablakban). Nagyon fontos, hogy úgy alakítsd ki a bevezetőszöveget, hogy az olvasónak kedve támadjon az egész cikk olvasására.

Maga a cikk szövege: Ami nagyon fontos, hogy ha hosszú szöveget írunk, akkor 5-6 soronként hagyjunk ki egy sort, így az olvasó nem fárad bele az olvasásba. Ezen kívül ügyeljük a helyesírás pontosságára is.

Használjunk képeket: A bejegyzés tartalmától függően használjunk egy, vagy akár több képet a demonstrálás céljából, így ha a szövegben nem teljesen derülnek ki a kellő információk, a képpel egyértelművé tehetjük cikkünk lényegi részét.

Ha külső oldalról használsz fel anyagokat akkor a bejegyzésben linkelve mindig jelezd az adott leírás forrását.

Törekedj az egyedi tartalomra: Ha külső forrásból írod meg cikkedet, ne másold le azt, hanem fogalmazd át a lényeget saját szavaiddal.

Mindig töltsd ki a szerkesztő alján a Címkék mezőt: A keresők szempontjából nincs sok értelme, mivel a blogspot által elkészített robots.txt fájl nem engedi meg, hogy például a Google indexelhesse ezeket az információkat, viszont megkönnyíted az olvasó dolgát ha kategóriákra is kereshet a blogodban.

Sablonok letöltése és használata

2011-03-05T06:22:00.000-08:00

Nézzük meg honnan és milyen módon tölthetünk le sablonokat, illetve hogyan alkalmazzuk őket blogunkban.

Rengetek, szebbnél szebb sablont készítettek a blogspoton futó oldalakhoz. Ezeket XML formátumban tudjuk letölteni és csak ugyanebben a formátumban tudjuk feltölteni a blogunkra.

Nézzünk néhány oldalt ahol sablonokat találsz.

Btemplates.com
Bloggerthemes.net
Mybloggerthemes.com

Egyenlőre szerintem ez a 3 oldal is bőven elég mivel rengeteg sablont tartalmaznak. Később még teszek fel 1-2 prémium témákat tartalmazó, ingyen letölthető oldalakat.

Jöjjön a sablon telepítése.

Miután letöltöttük az általunk kiválasztott témákat, jelentkezzünk be a bloggerbe. Az irányítópulton kattintsunk a Tervezés menüre. Az alsó linkekből kattintsunk a HTML-kód szerkesztésére.

A "Sablon biztonsági mentése és visszaállítása" részben találunk egy feltöltés nevű gombot. Kattintsunk rá és tallózzuk be a nemrég letöltött sablont.Miután betallóztuk kattintsunk a megnyitás-ra, közvetlen ezután pedig a Feltöltés-re. Ezzel készen is vagyunk, mostmár az általunk kiválasztott sablon lett az oldal kinézete.

Egy jó tanács: Mielőtt feltöltenéd az új sablont kattints a Teljes sablon letöltése linkre. Így, ha bármi probléma van az új sablonnal bármikor visszatölthetjük a régi változatot.

Az irányítópult és amiket érdemes beállítani még kezdés előtt.

2011-03-05T06:07:00.000-08:00

Mivel elkészült a blogod, most már jöhetnek a beállítások is.

Mikor bejelentkezel a blogspot.com-on a megadott E-mail címeddel és jelszavaddal az irányítópultra kerülsz.

Nézzük milyen lehetőségek várnak itt rád.

A felső sorban látható a Bejegyzések rész.

Bejegyzések

Itt az alsó sorban 3 link jelenik meg:

Új bejegyzés: (Itt írhatsz új bejegyzéseket)
Bejegyzések szerkesztése: (Itt utólag is szerkesztheted, módosíthatod a már megírt bejegyzéseidet)
Oldalak szerkesztése: (Itt hozhatsz létre új aloldalakat)

Megjegyzés rész:

Megjegyzés

2 link jelenik meg:

Közzétéve: A közzétett bejegyzéseidhez írt hozzászólásokat jeleníti meg
Spam: A kéretlen linkeket, reklámokat listázza ki

Beállítások rész:

Beállítások

Alapbeállítások:

    Blogkezelő eszközök: itt tudod, törölni, importálni és exportálni a blogodat.
    Cím: A blogod neve
    Leírás: 2-3 mondtad a blogod lényegéről, mondanivalójáról
    Megjelenjen a blogod a listában?: Itt állíthatod be, hogy a blogspot linkelhessen-e téged más blogokban is.
    Megjelenjen a blogod a keresőkben?: Itt állíthatod be, hogy megjelenjen blogod a keresőkben mint       például   a Google vagy a Yahoo.
    Látható legyen a "Bejegyzés szerkesztése" ikon?: Ezt az ikont csak te láthatod. Megkönnyíti az oldalon belüli szerkesztést.
    Látható legyen a "Bejegyzés küldése e-mailben" ikon?: Segítségével látogatóid egyetlen kattintással elküldhetik e-mailben a blogbejegyzéseidre mutató linkeket.
    18 éven felülieknek szánt tartalom?: Akkor tedd igenre, ha az oldalad 18 éven felüliknek nem látható, olvasható bejegyzéseket tartalmaz.
    Bejegyzésszerkesztő kijelölése: Itt állítsuk be a frissített szerkesztő opciót.
    Engedélyezed az átírást?: Ez a beállítás egy gombot helyez el az eszköztáron, amellyel angol szavakat a kijelölt nyelvre írhatsz át.

Közzététel:

    Itt állíthatsz be saját domaint blogspot-os oldaladhoz, vagy módosíthatod a regisztrációkor megadott címet.

Formázás:

    Megjelenített elemek maximális száma: A főoldalon lévő bejegyzések maximális száma. A többi bejegyzés oldalléptetéssel érhető el.
    Dátumfejléc formátuma: Itt állíthatod meg, hogy milyen formátumban jelenjen meg a dátum bejegyzéseid felett.
    Archívum tartalomjegyzékének dátumformátuma: Az oldal archívumában megjelenő dátumok formázása.
    Időformátum: Az idő megjelenítésének formázása.
    Időzóna: A legördülő menüben válasszuk ki a (GMT+01:00) Budapest -et
    Nyelv: A blogod nyelve
    Sortörések konvertálása: Ha az Igen lehetőséget választod, a bejegyzésszerkesztő a szimpla sortöréseket egy

címkével, a dupla sortöréseket pedig két ilyen címkével (

) helyettesíti.

    A többi 4 funkció már teljesen egyértelmű.

Megjegyzés:

    Ebben e menüben mindent alapértelmezettem hagyhatunk.

Archiválás:

    Archiválás gyakorisága: Beállítható napi, heti, havi archiválás, illetve le is tiltható. A legmegfelelőbbnek az alapértelmezett havi archiválást tartom.

Webhelyfeed:

    Blog feedjének engedélyezése: Hagyjuk teljes-en
    Feedátirányítási URL-cím: Ha regisztrálva vagy egy feed feldolgozó szolgáltatásba, ide írhatod a címét
    Bejegyzésfeed lábléce: Amit ide beírunk minden feed bejegyzés alatt megjelenik

E-mail és mobiltelefon:

    Itt állíthatod be a hozzáférést, ha e-mail-en vagy mobiltelefonom keresztül fogsz bejegyzéseket írni.

OpenID:

    Az OpenID URL-cím segítségével bejelentkezhetsz olyan webhelyekre, ahol engedélyezett az OpenID használata. Azt is lehetővé teheted az OpenID-felhasználóknak, hogy a megjegyzésekre vonatkozó beállítások módosításával megjegyzéseket helyezzenek el a blogodban. További információ az OpenID azonosítóról.

Engedélyek:

    Itt hívhatod meg barátaid, ismerőseid szerkesztőnek és itt adhatod meg, hogy kik olvashassák blogodat.

A Tervezés rész:

Tervezés

3 almenü jelenik meg.

    Oldalelemek: A az általad használt sablon tulajdonságai szerint adhatsz a blogodhoz új dobozokat.
    HTML-kód szerkesztése: Ha értesz az XML, illetve HTML dokumentumok szerkesztéséhez akkor kézzel alakíthatod át blogod funkcióit és kinézetét.
    Sablontervező: A blogspot által készített sablonterező felület.

Pénzre váltás rész:

Pénzre váltás

2 almenü jelenik meg

AdSense-fiók létrehozása: Itt hozhatsz létre reklámfiókot a blogodhoz
AdSense feedekhez: Feedjeidhez készíthetsz reklámfelületet

Statisztikák rész:

Statisztika

4 almenü jelenik meg, viszont ezekre nem szeretnék kitérni, mivel a menük különböző módon vizsgálják az oldalad látogatottsági adatait.

Ezzel véget ért az irányítópult és beállítási rész. Köszönöm, hogy átnézted a cikket, remélem megtaláltad a számodra hasznos információkat.

Ingyenes blog készítése

2011-03-05T03:59:00.000-08:00

Ebben a bejegyzésben magával a blog regisztrációval fogunk foglalkozni.

Tudom, hogy rengeteg ingyenes blogszolgáltató létezik mint például a blogter.hu is, de én most a külföldi blogspot.com -on történő blog elhelyezésről szeretnék információkat megosztani.

Igazából talán elfogult vagyok mivel nem próbáltam ki másik weboldalt az oldalaim elhelyezésére.
Pozitívumként megemlíthető a magyar kezelőfelületet, a mérhetetlen mennyiségű sablonos ellátottság( erre

később még ki fogok térni részletesebben) a sablon forráskódjának oldalon belüli szerkesztése és még sorolhatnám.

Kezdjünk bele a blogunk regisztrációjába.

1. Üssük be a böngészőnk címsorába a http://blogspot.com címet
2. A "Hozz létre egy blogot. Nem kerül pénzbe" szöveg alatt kattintsunk a kezdés gombra.
3. Megjelenik egy űrlap a következő kitöltésre váró mezőkkel:

E.mail cím (Itt adhatod meg E-mail címedet, fontos, hogy ez valós legyen mivel ez lesz a bejelentkezési címed)
Adja meg újra e-mail címét( Ismét beírod az E-mail címet)
Adja meg a jelszót és Írja be újra a jelszót mező(Ez lesz a bejelentkezéshez használatos jelszavad)
Megjelenő név: (Mikor bejegyzel egy cikket vagy egyéb más jellegű üzenetet blogodban, ez a név fog megjelenni a szerző résznél)
Nem és Születésnap: (Ez mindenkinek egyértelmű.)
Szóellenőrzés: (Írjuk be az ellenőrző képen szereplő szöveget. Ha nem kiolvasható a szöveg kattintsunk a kerekesszék ikonra és a szó felolvasásra kerül)
A feltételek elfogadása( Pipáljuk ki a négyzetet)

Ha minden mezőt kitöltöttük, kattintsunk a narancssárga színű, nyíl alakú Tovább gombra.

Közben nézzük meg a megadott E-mail fiókunkat mivel érkezni fog egy megerősítő üzenet és hanghívás formájában vagy SMS-en keresztül kaphatjuk meg a véglegesítő kódunkat.

Visszatérve a már majdnem kész oldalunkra, ismételten bejön egy oldal az alábbi rubrikákkal:

Blog címe: (Ez lesz az oldalad neve)
Blog címe (URL): Ez a cím fog megjelenni a böngészőkben. Például http://probaoldal.blogspot.com Ez a cím a beállításokban később módosítható.)

Ha ezeket is kitöltöttük ismét kattintsunk a Tovább gombra. Megjelenik egy sablon választó oldal. Válasszunk egyet a 8 sablon közül és ismételten kattintsunk a tovább gombra.

A következő oldalon ez az üzenet fog várni: Elkészült a blogod. Mostantól írhatsz bejegyzéseket, és személyre szabhatod a blogodat. Alatta pedig a blogolás megkezdése gomb.

Gratulálok, létrehoztad a saját blogodat!