Ten slotte word die hulp van IT is hier

Blog van die rekenaar oplossings.

Lo rendimiento page web (Maatskaplike knoppies)

geplaas deur Xaus Xavier Nadal 17th op Maart 2013

Hoy as os mostraremos lo rendimiento page web haciendo wat los botones sociales die facebook, twitter y google plus sien carguen en la web, pero cuando le Unica Mente pasamos elektrisiteit ratón por encima.

Como Besigtig sabréis soy un apasionado de la mejora deel rendimiento web podeis ver y ejemplos de Ello en hierdie tot 'n enkel blog.

Conseguimos muy buenos Soekresultate de carga incluso estando 'n un hosting compartido hul VPS por falta de pasta.

Una de Las Ultimas Novedades que hy implantado het newe-la carga de los fastidiosos bocadillos de las Redes sociales que parte de la bajarnos puntuación en las paginas hulle toets die prestasie as http://www.webpagetest.orgO http://www.gtmetrix.com hacían que la web cargara más lenta provocando un descenso en el posicionamiento die google entre otros Buscadores.

Te kry om hierdie probleem, ek sal jou wys verskeie voorbeelde Live dit aan te pas by enige van jou websites.

  • Die terrein hef 'n 55% vinniger.
  • WordPress -> Jy kan die resultaat sien in hierdie blog http://www.megacrack.es.
  • Prestashop -> Jy kan sien die resultaat in http://www.venlotodo.com (Webwerf verkoop van alle soorte produkte, insluitende Sexshop met 'n indrukwekkende pryse (stuur 'n e-pos na ventas@venlotodo.com decid y que de parte de Venis MegaCracks y os Haran un descuento seguro) Die jammerte is dat slegs verkoop aan Spanje, en ook as jy in die provinsie van Barcelona met hulle praat en die prys is selfs beter).

Vir jou om die verandering te sien, kan jy gebruik maak van die volgende skakel om die spoed van die laai te vergelyk tussen sites 2 http://whichloadsfaster.com/.

Ek beskou myself as heeltemal nie in staat is tot programmering, maar ek is baie geskoolde in die kuns van logika en te verstaan ​​hoe dinge werk en die meeste van alles wat ek is lief vir wat ek doen en belê die tyd wat dit neem. (Ek sê dit omdat ek is seker dat die bron-kode kan baie verbeter word met jou kommentaar en as jy dit kan maak die gemeenskap voordele dit sal dankie vanaf die blog sien jou voorstelle vir verbetering).

Te sit vir enige perseel met HTML

Dan wys ek die bron-kode van die web (HTML), Is wat ons doen verskeie beelde van dieselfde knoppies wat ons op Facebook, Twitter en Google Plus en indien u muis oor die gebruik van 'n JavaScript-funksie oproep wat aanleiding tot die script van elk van die sosiale elemente.

<html>
<liggaam>

<div klas="G-PlusOne" Data Grootte="Medium" data-href="Http :/ / www.megacrack.es" onMouseOver="Activate_gp ()">
<IMG SR=".. / Files / gplus.png" wydte=35 hoogte=23>
</div>
<div>
<a href="Https :/ / twitter.com / megacracks" klas="Twitter-follow-knoppie"
 data-show-telling="True" data-show-skerm-naam="Vals" data-lang="Is" onMouseOver="Activate_tw ()">
<IMG SR=".. / Files / seguir.png" wydte=62 hoogte=22></A></div>
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" >
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" ></div>
<IMG SR=".. / Files / megusta.png" wydte=74 hoogte=24></div>

<script tipe="Text / javascript">

	<- <JavaScript SD vir Facebook Soos Button /> ->
	funksie activate_fa () {(funksie(D, s, id) {
		  was JS, FJS = d.getElementsByTagName (s) [0];
		  if (D.getElementById (id)) terugkeer, Js = d.createElement (s); js.id = Id; js.src = "/ / Connect.facebook.net / es_LA / all.js # xfbml = 1"; Fjs.parentNode.insertBefore (JS, FJS);} (dokument, 'Script',  "Facebook-jssdk '));} <- <JavaScript SD vir Soos Google Plus Button /> ->
	funksie activate_gp () {window.___gcfg = {lang: 'en'} (funksie() {
			was po = document.createElement ('Script'); Po.type = "Text / javascript"; Po.async = waar; Po.src = "Https :/ / apis.google.com / js / plusone.js ';
			
			was s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (PO s);}) ();} <- <JavaScript SD vir Twitter Button /> ->	
	funksie activate_tw () {!funksie (D, s, id) {
			was JS, FJS = d.getElementsByTagName (s) [0];if(D.getElementById (id)) {js = d.createElement (s); js.id = Id; js.src ="/ / Platform.twitter.com / widgets.js"; Fjs.parentNode.insertBefore (JS, FJS);}} (dokument,"Script","Twitter-WJS");}
</script>

</liggaam>
</html>

W te sitordpress

Eerste van alles wat jy jou beeld-lêers te laai met sodanige oproer (indrukwekkende program vir die comprimeren beelde) te wees so effektief as moontlik om jou WordPress lêers in die gids byvoorbeeld geoptimaliseer. Aan die einde van die artikel sal ek die skakel na die PNG-lêers om hulle te hou plaas, kan dit aflaai en compress hulle, ens ... (Hulle is super new)

Wat ek gedoen het, is om die kode te skei van die funksies in JavaScript en sit dit in die lêer header.php geleë op Route wp-content \ temas \ <vuestro tema> \ header.php net voor die sluiting van die kop.

<script tipe="Text / javascript"> <- <JavaScript SD vir Facebook Soos Button /> -> funksie activate_fa () {(funksie(D, s, id) { was JS, FJS = d.getElementsByTagName (s) [0]; if (D.getElementById (id)) terugkeer, Js = d.createElement (s); js.id = Id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; Fjs.parentNode.insertBefore (JS, FJS);} (dokument, 'Script', "Facebook-jssdk '));} <- <JavaScript SD vir Soos Google Plus Button /> -> funksie activate_gp () {window.___gcfg = {lang: 'en'} (funksie() { was po = document.createElement ('Script'); Po.type = "Text / javascript"; Po.async = waar; Po.src = "Https :/ / apis.google.com / js / plusone.js '; was s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (PO s);}) ();} <- <JavaScript SD vir Twitter Button /> -> funksie activate_tw () {!funksie (D, s, id) { was JS, FJS = d.getElementsByTagName (s) [0];if(D.getElementById (id)) {js = d.createElement (s); js.id = Id; js.src ="/ / Platform.twitter.com / widgets.js"; Fjs.parentNode.insertBefore (JS, FJS);}} (dokument,"Script","Twitter-WJS"); } </script>

Ek 'n HTML-widget en Ek het die kode wat die beelde binne 'n paar div vertoon. Hierdie stukkie van die kode is wat die knoppies van die sosiale netwerke sal wys. Adaptadlos wat u mag hê.

<div klas="G-PlusOne" Data Grootte="Medium" data-href="Http :/ / www.megacrack.es" onMouseOver="Activate_gp ()">
<IMG SR=".. / Files / gplus.png" wydte=35 hoogte=23>
</div>
<div>
<a href="Https :/ / twitter.com / megacracks" klas="Twitter-follow-knoppie"
 data-show-telling="True" data-show-skerm-naam="Vals" data-lang="Is" onMouseOver="Activate_tw ()">
<IMG SR=".. / Files / seguir.png" wydte=62 hoogte=22></A></div>
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" >
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" ></div>
<IMG SR=".. / Files / megusta.png" wydte=74 hoogte=24></div>

Werk baie goed behalwe vir facebook nie weet hoe om dit op te los. (As iemand help my om dankbaar te wees en ook die gemeenskap).

Te sit prestashop

In prestashop is 'n bietjie meer ingewikkeld, maar jy kan dit ook doen.

Wat ons verander is nie die lêer Header.tpl jy sal vind in die volgende pad op jou FTP of jou diensverskaffer vir prestashop: public_html \ temas \ standaard \ Header.tpl

Agregad die volgende reëls van die kode net voor die sluiting van die kop.

<script tipe="Text / javascript">

 funksie activate_fa () {(funksie(D, s, id) {
	  was JS, FJS = d.getElementsByTagName (s) [0];
	  if (D.getElementById (id)) terugkeer, Js = d.createElement (s); js.id = Id; js.src = "/ / Connect.facebook.net / es_LA / all.js # xfbml = 1"; Fjs.parentNode.insertBefore (JS, FJS);} (dokument, 'Script',  "Facebook-jssdk '));}

funksie activate_gp () {
	was po = document.createElement ('Script'); Po.type = "Text / javascript"; Po.async = waar; Po.src = "Https :/ / apis.google.com / js / plusone.js ';
	
	was s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (po s);}

funksie activate_tw () {!funksie (D, s, id) {
	was JS, FJS = d.getElementsByTagName (s) [0];if(D.getElementById (id)) {js = d.createElement (s); js.id = Id; js.src ="/ / Platform.twitter.com / widgets.js"; Fjs.parentNode.insertBefore (JS, FJS);}} (dokument,"Script","Twitter-WJS");}
</script>

Wanneer jy dit gedoen het moet jy 'n prestashop addon genoem HTMLBOX wat jy kan aflaai van http://mypresta.eu/modules/front-office-features/html-box.html.

Nou net wat jy sal hê om die module in die configuration te aktiveer en voeg die volgende kode:

Die eerste reëls van die kode wat jy kan verlaat sonder om ('n blik te kry, is identies aan dié van die ander modules in 1.5.3 weergawe van prestashop)

<P class = "title_block" style = "background-color: # 383838, padding: 6px 11px;

color: # fff; teks skaduwee: # 0 1 0 000 px; font-size: 12px; font-weight: bold; "> Klik wil help</p>

Hierdie stukkie van die kode is wat die knoppies van die sosiale netwerke sal wys. Adaptadlos wat u mag hê.

<p>

<div klas="Fb-agtige" data-href="Http :/ / www.venlotodo.com" data-stuur="Vals"
 data-uitleg="Button_count" data-show-gesigte="Vals" ></div>
<div klas="Fb-agtige" data-href="Http :/ / www.venlotodo.com" onMouseOver="Activate_fa ()"
 data-stuur="Vals" data-uitleg="Button_count" data-show-gesigte="Vals" >
<IMG SR=".. / Files / megusta.png" wydte=74 hoogte=24>
</div>

<div klas="G-PlusOne" data-href="Http :/ / www.venlotodo.com" Data Grootte="Medium"
 onMouseOver="Activate_gp ()">
<IMG SR=".. / Files / gplus.png" wydte=35 hoogte=23>
</div>

<div>
<a href="Https :/ / twitter.com / share" klas="Twitter-aandeel-knoppie" data-url="Http :/ / www.venlotodo.com"
 data-lang="Is" onMouseOver="Activate_tw ()">
<IMG SR=".. / Files / twittear.png" wydte=62 hoogte=22></A></div>
</p>

Dis al, ek hoop dat jy geleer het as hulle werk webwerf prestasie te verbeter en as jy enige probleme laat 'n boodskap en probeer om te beantwoord.

Lêers met sosiale knoppie beelde saamgepers

Soos ek belowe voor ek vertrek die beeld-lêers van die sosiale netwerk-tablette en gereed om af te laai:

Twitter -> http://www.megacrack.es/files/seguir.png

Google Plus -> http://www.megacrack.es/files/gplus.png

Facebook -> http://www.megacrack.es/files/megusta.png

Tags: , , , , , , , , ,
geplaas deur web performance | No Comments »

Wayback masjien of terug te trek tyd op die internet.

geplaas deur Xaus Xavier Nadal 31st Oktober 2012

Die titel van die artikel Wayback masjien of terug te trek tyd op die internet blyk iets onwerklik, iets futuristiese, maar dit is eintlik moontlik om dit te doen te danke aan 'n nie-winsgewende organisasie met 10 petabytes van inligting in sy besit maak dit moontlik om te kry trek tyd terug op Internet kan 'n kiekie van 'n web te sien sedert dit begin het om die evolusie van 'n webwerf, 'n internet besigheid, hoe dit alles begin het, so ook die ou statiese HTML-formaat as hulle ontwikkel het om HTML 5 aan te bied.

Net jy sal toegang hê tot die web volgende hê http://archive.org/web/web.php en skryf jou webwerf Die Wayback masjien en klik op Neem my terug.

Hulle het rondom 150 miljard webblaaie argief van 1996 tot 'n paar weke gelede.

As jy meer inligting oor die wil kan jy lees op die volgende skakel: http://archive.org/about/

Dit is wat die Big Data, Om die grootste hoeveelheid van die gestoor en gereedskap in staat wees om hierdie inligting te beweeg en gee kliënte 'n gevolg op soek met 'n baie lae latencies data.

Hier kan jy die evolusie van hierdie blog te sien:

Sedert sy ontstaan ​​in 2008 en 549 gestoor in 'n momentopname beskou die Maart 25 2008.

Megacrack lees »

Tags: , , , , ,
geplaas deur Big Data | No Comments »

Ontwikkel JavaScript, HTML en CSS Online.

geplaas deur Xaus Xavier Nadal 28th Oktober 2012

JsFiddle of soos hulle dit noem "ontspannings-park vir die web ontwikkelaars", is 'n groot web hulpmiddel wat kan gebruik word in baie maniere, soos online editor te skep JavaScript-uitreksels, HTML en CSS, ons bronkode en ander te deel wat testeen mense en die resultate direk op 'n eenvoudige en vriendelike webwerf te sien.

Met hierdie web-ontwikkelaars kan maklik foute isoleer en sien resultate in real-time, selfs kontroleer of die kode stel korrek JavaScript.

Die produk-koppelvlak 3 bevat verskillende gebiede in wat om te werk, kan ons sien aan die bokant van die ikone, die kode uit te voer, dit stoor, deel dit op die linkerkant kan ons verskeie opsies te verander om die regte panele te kry die gereedskap wat nodig is om die gewenste resultate te bereik van die wysiging van die panele die programmeringskode uitmaak nie, SCSS, CofeeScript, JavaScript, ens. te verander ..

En die magie in die regte panele 4, HTML, CSS, JavaScript en die resultaat waar druk op die Run-knoppie sien die resultate van ons kode.

Ek laat 'n voorbeeld en laat my weet as jy hierdie site aanbeveel (http://jsfiddle.net/B6Jsy/50/)

In die voorbeeld het ek 'n deel van CSS en HTML-kode Adsense advertensies 2 modules in een blok te sit met marges tussen hulle en met 'n gesentreerde belyning.

Soos jy kan sien in die HTML-oproep van die klas "publidiv"Ek geskape het in die style sheets (CSS) en so ek kan dit gebruik op enige plek op die webwerf net die roeping van die klas publidiv o gepubliseer vir die AdSense advertensie-inhoud wat altyd gesentreer.

Megacrack lees »

Tags: , , , , ,
geplaas deur programmering | No Comments »

Adverteer in Blogger

geplaas deur Xaus Xavier Nadal op April 29th 2012

Vandag sal ons verduidelik hoe om 'n advertensie-kode in te voeg in jou Blogger-blog tegnologie wat ontwikkel is onder, laat ons doen 'n bietjie meer ingewikkeld as gewoonlik, het ek verduidelik:

Hierdie artikel sal kry om 'n advertensie te plaas in 'n artikel deur Blogger, maar dit verskyn op die tuisblad Blog want as jy weet dat jy AdSense gebruik beleid ons daarvan weerhou om meer as 3 advertensies blokke van dieselfde tipe op een bladsy.

Die eerste ding om te doen is om toegang tot die administrasie van ons Adsense rekening bestuurder of advertensies wat jy het, en die advertensie-kode wat die beste pas by jou blog maatreëls.

Byvoorbeeld die kode wat ons gekies het, is hierdie: 'n banier 468 × 60

<script type="text/javascript"> <!
google_ad_client = "ca-pub-2342147052953367";
/ * Contessota - * /
google_ad_slot = "6351243105";
google_ad_width = 468;
google_ad_height = 60;
/ / ->
</ Script>
<Script type = "text / javascript"
src = "http://pagead2.googlesyndication.com/pagead/show_ads.js ">
</ Script>

Wanneer jy het pulsáis kode op enige van hierdie skakels 2 sit die HTML plain text heeltemal verstaanbaar blogger.

http://nosetup.org/php_on_line/convertir_html_texto

http://blogcrowds.com/resources/parse_html.php

Ons moet kyk iets soos die volgende:

<script type="text/javascript"> <!
google_ad_client = "ca-pub-2342147052953367"
/ * Contessota - * /
google_ad_slot = "6351243105";
google_ad_width = 468;
google_ad_height = 60;
/ / ->
</ Script>
<Script type = "text / javascript"
src = "http://pagead2.googlesyndication.com/pagead/show_ads.js">
</ Script>

Vanaf hierdie oomblik het ons net bepaal waar om advertensies te plaas op ons blog.

Ons toegang tot ons blogger blog administrateur rekening en ons is geleë op die spyskaart Sjabloon.

Megacrack lees »

Tags: , , , , , , , , , , , , , ,
geplaas deur Active Directory, Google, advertensies | No Comments »

Gemeenskap Ontwikkelaar (WikiCode)

geplaas deur Xaus Xavier Nadal 18th Augustus 2011

goeie,

Nou vir diegene van julle geknoei met die bronkode op voorwaarde dat jy verby een van die grootste gemeenskappe van toekomstige programme omgewings en is tans groei baie vinnig.

WikiCode

Gemeenskap wat gebaseer is op die uitruil van kode wat geskep word met die bedoeling om 'n verwysing in die skedule.

Sien julle binnekort.

Tags: , , , , , , , , , , , , , ,
geplaas deur Android, iPhone, programmering | No Comments »