kobak pont org

Tag: for the record

  • feedburner + facebook like házasítás

    feedburner + facebook like házasítás

    Mint tudjuk a Feedburner remek szolgáltatás, de már egy ideje a Google kezében van. A Google pedig valahol a Facebook riválisa. Így ha végigszánkázunk a Feedburner Optimize fül FeedFlare részén, nem fogunk lehetőséget találni a Facebook like gomb hozzáadására:

    Egy Share gombocska még épp befért, de a like már nem. Ráadásul arra gondoltam, hogy milyen egyszerű volna, ha a feedből lehetne lájkolni közvetlen a blog facebook oldalát. Mert nagyon örülök a közel 400 feliratkozónak, de valami oka csak kell, hogy legyen, hogy ennek közel 10%-a kedveli a Facebookon a blogot. Talán az az oka, hogy csak a feedet látják, így nem is tudnak a Facebookról.
    Najó, igazából az motivál, hogy a blogomnak több rajongója (azt hiszem ez a jó szó erre) legyen, mint az iskolai enaplónak. Ők már 200 felett vannak, így ideje belehúzni! 🙂

    Így rövid kutatás után megtaláltam a megoldást. A Personal FeedFlares részhez hozzá tudunk adni pillanatok alatt egy újat:

    A fenti képen az alábbi kódot írtam be:

    http://www.feedburner.com/fb/variableflareunits/GenericFeedFlare.jspx?text=Like&link=http://www.facebook.com/plugins/like.php?href=${link}

    Ebben aztán barátságosan változtatható pl. a szöveg, s az url is. Most a ${link} a feedburner által a feedből kiszedett link a bejegyzéshez. Ha azonban a blog facebook oldalát szeretném belepakolni, akkor a következőképpen kellett eljárnom:

    http://www.feedburner.com/fb/variableflareunits/GenericFeedFlare.jspx?text=Szeresd_a_blogot_a_Facebookon&link=http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/kobak.org

    Ennyi.

  • jobb klikk tiltása

    Ha valaki rákeres a jobb klikk letiltására a Google-n, akkor rengeteg hosszú és bonyolult Javascript kódot találhat. A Látszótéren is a képek védelme érdekében az a kérés merült fel, hogy tiltsuk ezt.

    Volt sok régi megoldásom erre, de azért körülnéztem, mi az ideális megoldás. Itt találtam egy remek és egyszerű módszert, ami az eddigi legegyszerűbb, s leghatásosabb megoldás a jobbklikk letiltására:

    <body oncontextmenu="return false;">

    Persze az oldal is leírja hogyan lehet ez ellen védekezni, a legegyszerűbb pl. a noscript firefox kiegészítő használata.

    Ezenkívül, ha ez még kevés, akkor a hotlinkelést érdemes tiltani, erre egyik kedvenc blogomon található remek leírás más egyéb hasznos htaccess trükkel együtt. Nézzük a hotlinkelésre vonatkozó részt:

    
RewriteEngine On
#a ?weboldalad\.hu/ részhez a Te oldalad írd be
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?weboldalad\.hu/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Cseréld /images/nohotlink.jpg képet a Te képeddel, amit megjelenítenél
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

    Más egyéb trükköket is lehet(ne) alkalmazni, de minden kivédhető. Ezeket viszont legalább nem akkora nehézség bevetni, s nem bonyolítják extrém módon az oldal normális használatát.

  • px, pt, em, százalék

    Frissítés: Itt az ultimate eszköz: pxtoem. Mindent tud, számol, kalkulál, generál.

    Ha weboldalt kell gyártani, alapvetően nekem a px a default mértékegység. Sajnos másoknak nem, így akad néha némi kavarodás. Valamiért itt a távolság mérés nem az SI mértékekkel működik. Viszont, hogy senki ne zavarodjon össze, a Roy Reed a REEDdesign alapítója csinált egy egyszerű kis táblázatot, amit most saját magamnak, s azok számára, akik esetleg néha még elvesznek a mértékegységek kusza világában, itt is közlök.

    pt px Em %
    6pt 8px 0.5em 50%
    7pt 9px 0.55em 55%
    7.5pt 10px 0.625em 62.5%
    8pt 11px 0.7em 70%
    9pt 12px 0.75em 75%
    10pt 13px 0.8em 80%
    10.5pt 14px 0.875em 87.5%
    11pt 15px 0.95em 95%
    12pt 16px 1em 100%
    13pt 17px 1.05em 105%
    13.5pt 18px 1.125em 112.5%
    14pt 19px 1.2em 120%
    14.5pt 20px 1.25em 125%
    15pt 21px 1.3em 130%
    16pt 22px 1.4em 140%
    17pt 23px 1.45em 145%
    18pt 24px 1.5em 150%
    20pt 26px 1.6em 160%
    22pt 29px 1.8em 180%
    24pt 32px 2em 200%
    26pt 35px 2.2em 220%
    27pt 36px 2.25em 225%
    28pt 37px 2.3em 230%
    29pt 38px 2.35em 235%
    30pt 40px 2.45em 245%
    32pt 42px 2.55em 255%
    34pt 45px 2.75em 275%
    36pt 48px 3em 300%

  • képátméretezés egyszerűen (osx)

    Tegnap a twitteren is megosztottam, de itt is hamar közzéteszem mire leltem az Internet nagy erdejében. Több képet egyszerre átméretezni lehet a Preview alkalmazás segítségével (ezt tudtuk, de kicsit körülményes) szépen összekattintva a dolgokat:

    1. Képeket megnyit
    2. Mindet kijelöl
    3. Tools » resize
    4. Majd Save All

    Vagy lehet egyszerűen, Terminal:

    sips -Z 1024 *.jpg

    A fenti parancs minden .jpg fájlt átméretez, hogy a hosszabbik oldala max 1024 pixel széles legyen.

  • wordpress loop

    wordpress loop

    A loop a wordpress legjobb funkciója. Sokáig mumusként tekintettem rá, mert nem igazán értettem, hogy pontosan mire jó. Aztán rájöttem az egészen kézenfekvő válaszra: mindenre.

    A Loop a wordpress lelke. Mindent megcsinál, s mindent vele csinálunk. A Loop írja ki a posztokat, oldalakat, mindent. És csodálatosan testreszabható.

    Egy oldalon használhatunk akár több Loopot is. Az egész ügylet titka a $query_string változó. Ezt pedig a például a következőképpen alakíthatjuk kedvünk szerint:

    [php]

    [/php]

    További infó a query_posts codex oldalon.

    Azonban óvatosan a query_posts függvénnyel. Rast összerakott egy grafikont, s azon mutatja be mikor melyik queryt használjuk a wordpress témáinkban. Íme az említett ábra:

  • facebook like box keret

    A facebookot ismerjük, s használjuk. Lehetőség van a facebook like boxának az oldalunkba ágyazására, azonban nem szabhatjuk a végtelelnségig testre a dobozt. Annak minden ellenére lesz egy vékony kék kerete. Ennek az eltüntetése némi trükközést igényel, de megoldhatókis guglizás után itt leltem rá a fenti megoldásra.:

    
 <div style="width:216px; height:287px; overflow: hidden;">
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHUedu%2F154624427880993&width=218&connections=9&stream=false&header=false&height=287" scrolling="no" frameborder="0" border="0" style="border:none; overflow:hidden; width:218px; height:287px; margin: -1px -4px 0 -1px; " allowTransparency="true"></iframe>
</div>

    A trükk lényege, hogy az iframe-et beletesszük egy éppen kisebb divbe, s a széleket elfedjük azzal. Ezért van a sok negatív margin az iframe tagen belül.

  • windows programok

    Sokszor telepítettem már windowst (még mindig xp-ről beszélünk, de a lenti programok nagy része boldogan köszön ránk 7 alatt is) különböző helyekre, s általában van nálam egy kis lista azokról a programokról, amik nem maradhatnak ki. Gondoltam felteszem ide is. Két egyszerű okból:

    1. Ti is lássátok, s kiegészítsétek.
    2. Könnyen össze tudjam gyüjteni őket, mert megvannak egy helyen linkelve mind.

    A telepítést általában a Google Pack telepítésével kezdem. Ez azért is szerepel itt külön kiemelve.

    Programok

    A fenti programok általában egy pen drive-on mindig nálam vannak, de mostantól egyszerűen végigkattintva a bejegyzésen simán le tudom szedni mindegyikhez a legfrissebb változatot.

    A blogposzt ötlete Fidel remek gyüjteménye után született, csak sokáig nem volt rá időm, kedvem, hogy összeszedjem a saját kiegészítéseimet hozzá. Azt hiszem az egyik leghosszabb ideig Draft állapotban pihenő bejegyzés kelt most életre.

  • google account jóság(?)

    Egyik ismerősömet migráltam google for your domain szolgáltatásba. Láttam, hogy lehet transitiont csinálni. Magyarul a dolog még nem tud, ezért alkalmazom inkább az angol szót. A dolog lényege, hogy a nem @gmail.com végű google hosztolt e-mail címek is teljes értékű google accounttá változzanak.

    Azaz az eddigi viszonylag szűkös mail, calendar, chat, docs, Sites alkalmazásokat kiegészíti a google a picasa, reader, blogger, s egyéb google account cuccokkal. Ez az én esetemben annyit tesz, hogy a jelenleg ezekre fenntartott gmail accountjaimat takarékra tehetem. Azazhogy nem teljesen, mert végre megkapom a multiple sign-in lehetőségét is.

    Hogyan történik a fent leírt folyamat? Be kell lépni a domain adminisztrációs felületre, s ott rögtön egy sárga figyelmeztetés vár, hogy lépjük meg a váltást.

    És a folyamat elkezdőtött:

    Persze a dolog nem mai keltezésű, Dragon Zoli már nyáron megcsinálta, nekem viszont a fent említett migrálás során most tűnt csak fel.

  • jajj

    Fejlesztés közben mindig használjunk
    div.akarmi {overflow: auto;}
    direktívát a css-ben, mert egyébként olyan dolgokat is el tudunk rejteni, amit nem akarunk. Majd egy napja kerestem egy gombját az egyik menünek, s nem értettem hova tűnt. Most meglett.

    Ma is tanultam valami fontosat. 🙂