Tag Archives: for the record
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:
- Képeket megnyit
- Mindet kijelöl
- Tools » resize
- Majd Save All
Vagy lehet egyszerűen, Terminal:
sips -Z 1024 *.jpgA fenti parancs minden .jpg fájlt átméretez, hogy a hosszabbik oldala max 1024 pixel széles legyen.
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 query_posts('posts_per_page=3&cat=4') //3 bejegyzés, a 4-es kategóriából
if (have_posts()) : while (have_posts()) : the_post();
//a tartalom kiírása the_title(); stb függvényekkel
php endwhile; endif; //mindent lezárunk
wp_reset_query(); //végül pedig reseteljük a query_stringet
?>
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ó1:
<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.
- kis guglizás után itt leltem rá a fenti megoldásra.
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:
- Ti is lássátok, s kiegészítsétek.
- 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
- Böngésző: Firefox, Chrome – mindkettő telepíthető a google pack segedelmével. Opera pedig sokszor a nevető harmadik
- Levelező: Thunderbird
- Virus kergető: Avast
- Távoli management: LogMeIn
- Fájlkezelő: Total Commander
- Csomagoló: 7zip – ha a total commander nem boldogulna valamivel
- Analyse: SIW
- Editor: NotePad++ – a legjobb dolog
- Office: OpenOffice
- SSH: Putty
- Screenshot: Greenshot
- Launcher: Launchy
- Cloud: Dropbox
- WindowManagement: Gridy
- TaskBar: VisualToolTip
- Microsoft Powertoys: TweakUI, Taskswitch, stb.1
- Video-Player: VLC
- Audio-Player: Winamp 2.9x – német változat, viszont még a hagyományos, könnyű, szerethető winamp változat
- Torrent: μTorrent
- PDF: Acrobat Reader, amit a google pack egyből telepít
- PDF nyomtató: FreePDFXP
- Dock: RocketDock
- TextExpander: TextExpander windows
- Expose: aquasnap
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. :-)
frameset
Ha frame-eket használsz, ne használj <body> és </body> tageket! Fél órát néztem, hogy mi a baj, főleg, hogy a webkit/safari testestül is megeszi a frame-eket.
Nem szoktam frame-et használni, de ide kellett.
