Tumblr - limita articolelor publicate zilnic

Deoarece ma gandesc tot mai serios la mutarea sitului de pe Blogger (unde se afla acum) pe Tumblr, m-am interesat care este limita articolelor publicate (zilnic) pe ambele. Desi Blogger se lauda ca nu exista limita, dupa circa 50 de articole (postari) introduce verificarea prin captcha. Acest lucru face imposibila publicarea prin alte metode (ex. email, dlvr.it, ifttt.com).
Pe de alta parte, Tumblr ofera 250 de articole/zi. Nu exista captcha, din cate stiu, desi nu am atins niciodata limita de 250 pentru a confirma acest lucru. In plus fata de Blogger, la Tumblr am mai gasit:

• Suport si operatori umani care raspund la intrebari si emailuri - fata de Google care pare condus doar de computere si software
• Un sit (separat) unde pot verifica numarul articolelor publicate in ultimele 24 de ore precum si alte informatii despre un blog Tumblr - si nu neaparat personal

In concluzie, mutarea pe Tumblr pare inevitabila. Ramane doar sa stabilim cand si cum.

Cum sa afiseze doar tagurile reprezinta destule articole

Odata inserat gadget-ul cuvintelor cheie din setarile blogului Blogger (Layout > Add a gadget > Labels) acesta afiseaza automat toate tagurile (Blogger le numeste labels). Problema este ca, daca aveti cateva zeci ori chiar sute de astfel de taguri, atunci pagina voastra se va incarca cu link-uri. Acesta numar nu este daunator numai d.p.d.v. al optimizarii pentru motoarele de cautare (SEO - search engine optimization) ci si aspectului paginii.
Aveti posibilitatea de a modifica setarile gadgetului Labels si de a alege doar acele taguri care au un numar destul de mare de articole, sau mai precis acele taguri care apar intr-un numar destul de mare de articole, ca si labels. Insa aceasta nu este optiunea perfecta; ce veti face daca aveti cateva sute de asemenea labels?!
O solutie simpla si rapida consta in modificarea template-ului folosit. Bineineteles, daca in viitor veti schimba template-ul, va trebui sa il modificati iarasi.
Dedesubt voi explica cum sa afisati in gadgetul Labels doar cuvintele cheie (tagurile) care sunt asociate unui numar de cel putin 5 articole. Altfel spus, daca un cuvant cheie apare in doar 4 articole sau mai putin, acesta nu va aparea in lista. Astfel veti avea doar link-uri catre pagini cu continut si nu catre pagini cu 1-2 articole.
Va recomand sa salvati template inainte de a incerca orice modificare.

• Mergeti la Template si faceti un click pe butonul Edit HTML de dedesubtul imaginii blogului dvs (Live on Blog).

• Faceti un click pe butonul de deasupra intitulat Jump to widget apoi selectati din meniul ce va apare Label1. Daca ati inserat gadgetul Labels de mai multe ori veti avea mai multe Labels (1,2,3...). Faceti un click in stanga pe varfurile de sageti negre din dreptul <b:widget id='Label1' .... pentru a afisa toate liniile de cod. Atentie, gadgetul se termina cu </b:widget>.

Cum sa publici articolele Blogger automat pe pagina Google Plus

Stire buna pentru blogeri: Google a activat recent o noua optiune pentru siturile Blogger care va permite publicarea (share link) in mod automat a noilor articole pe pagina Google +. Pagina de Google Plus poate fi pagina personala (profilul dvs Google+) ori pagina sitului dvs (asemanator paginilor Facebook).

Initial, odata cu aparitia Google+, articolele de pe blogurile Blogger puteau si raspandite pe paginile Google Plus dupa publicare - fereastra de Share aparea imediat dupa publicarea noului articol. Acum insa, publicarea articolelor pe pagina de Google+ se face automat.

Pentru a activa acest serviciu faceti un click pe butonul Google+ din panoul de administrare al blogului si bifati casuta "Automatically share after posting" - in cazul in care interfata este in limba romana si nu stiti engleza :) este vorba de prima casuta. In poza de mai jos este bifata si casuta a treia iar acest lucru inlocuieste formatul comentariilor initiale cu cel al comentariilor Google Plus, facand mai usor de raspandit paginile blogului in reteaua de socializare Google Plus, de catre cei care comenteaza pe blog.

Automatically share after posting

Cum sa transferi un blog Tumblr catre Blogger in 3 pasi

Pentru a importa un blog Tumblr intr-un blog Blogger, va trebui sa urmati 3 pasi.
Din pacate, deoarece Tumblr (inca) nu ofera posibilitatea de a exporta continutul blogurilor gazduite din interfata de administrare a acestuia, va trebui sa apelam la Wordpress. Iata ce trebuie sa faceti:

1. Creati un blog Wordpress si importati continutul blogului Tumblr - faceti acest lucru din panoul de administrare, la unelte. Tot de aici, dupa ce s-a efectuat importul postarilor, descarcati continutul noului blog Wordpress.
2. Mergeti pe situl Wordpress2Blogger si convertiti fisierul xml (Wordpress) descarcat mai sus intr-un fisier de import/export Blogger - acest serviciu este gratuit. Astfel veti obtine un al doilea fisier xml ce va contine toate postarile blogului Tumblr si poate fi importat in blogul gazduit de Google (Blogger).
3. In final, din panoul de administrate al Blogspot (Setari > Altele) importati fisierul (compatibil Blogger) descarcat mai sus.

Asa puteti importa Tumblr in Blogger.

Cum sa-ti fortezi vizitatorii sa faca Like, Tweet, Google+

Am cautat zilele astea cum sa sa fortezi  vizitatorii sitului, ori unei anume pagini sa faca Like paginii respective si am gasit o multime de plugin-uri pentru Wordpress care fac acest lucru. Cam toate functioneaza pe acelasi principiu: continutul paginii este blocat, incomplet sau ascuns, iar pentru a afisa toata pagina vizitatorul este 'rugat' insistent sa voteze pagina; adica sa faca click pe LIKE, TWEET sau GOOGLE+.

Facebook LIKE

Insa nu prea am gasit mare lucru pentru siturile care nu ruleaza pe Wordpress. Problema este ca aceste extensii Wordpress se foloseau si de fisierele Wordpress-ului pentru a incarca continutul incomplet sau ascuns in ajax. Alta problema este ca aceste plugin-uri nu sunt gratuite. Din fericire majoritatea acestor situri care vand extensiile platite ofera si demo-uri online si la o scanare a sursei paginii se poate copia/modifica codul lor. Am scanat asadar sursele lor si am combinat cateva dintre aceste plugin-uri a.i. sa poata fi folosite pe orice sit, fara a fi nevoie de Wordpress.
Scriptul meu functioneaza tot in acelasi fel. Pentru a fi cat mai simplu am ales sa ascund continutul interesant, continutul pentru care vizitatorii ar face click pe LIKE pentru a-l vedea, folosing CSS:

<style type="text/css">
div.post-body img{display:none}
</style>

Asadar, codul CSS de mai sus ascunde, sau mai bine zis nu afiseaza (display:none) imaginile (img) din elementele div din clasa post-body. Mai departe, trebuie sa spun din timp ca JavaScript-ul meu foloseste jQuery. va trebui sa-l integrati in codul paginii si recomand sa-l introduceti inainte de </head>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>

In continuare, spre deosebire de altele, acest script permite vizitatorilor sa deblocheze continutul unei pagini facand un click pe Like (Facebook), postand un post pe Twitter (Tweet) sau pe Google+ (G+). Asta va spori popularitatea sitului dvs pe toate aceste 3 retele sociale. Iar daca, din intamplare, vreunul dintre vizitatori nu are cont pe nici una dintre aceste 3 retele, el va putea vizita o pagina anume, sa-i spunem pagina sponsorilor, unde va primi acces automat cu ajutorul unui cookie. Pentru a scrie acest cookie folositi urmatorul script:

<script type='text/javascript'>jQuery.cookie = function (key, value, options) {

    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);
        if (value === null || value === undefined) {
            options.expires = -1;
        }
        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }
        value = String(value);
        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : encodeURIComponent(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }
    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};</script>

 Adaugati acest cod dupa jQuery. Pentru a nu avea probleme cu executia in nici unul dintre browsere, inserati scripturile siturilor sociale in mod sincron si nu asincron (async),in felul urmator:

<div id="fb-root"></div>
<script type='text/javascript' src='//apis.google.com/js/plusone.js'></script>
<script type='text/javascript' src='//platform.twitter.com/widgets.js'></script>
<script type='text/javascript' src='//connect.facebook.net/en_GB/all.js#xfbml=1'></script>

Mai sus am inserat si div-ul fb-root care vine odata cu scriptul Facebook. In continuare scriptul propriu-zis:

<script type="text/javascript">
var virallocker_use = false;
function virallocker_plusone(plusone) {
if (plusone.state == "on") {
var data = {post: "1", action: "virallocker", network: "google"};
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
jQuery('div.post-body img').show('slow');
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
}
}
FB.init();
jQuery(document).ready(function() {
FB.Event.subscribe("edge.create", function(href, widget) {
var data = {post: "1", action: "virallocker", network: "facebook"};
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
jQuery('div.post-body img').show('slow');
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
});
twttr.ready(function (twttr) {
twttr.events.bind("tweet", function(event) {
var data = {post: "1", action: "virallocker", network: "twitter"};
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
jQuery('div.post-body img').show('slow');
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
});
});
});
</script>

Va trebui sa modificati linia:

jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});

si sa alegeti un alt nume (recomandat) pentru cookie, in locul  visitor_cooke_ASDFG. Deasemenea, 365 este numarul de zile pentru care acest cookie va exista - ganditi-va ca vizitatorii sitului vor avea acces la continutul ascuns timp de 365 de zile... daca nu-si curata intre timp cache-ul browser-ului. Apoi schimbati numele domeniului (www.id.atat.ro) cu cel unde veti insera codul.
Imediat dupa acest cod introduceti urmatoarele 3, care au rolul de a verifica existenta cookie-ului si de a ascunde sau afisa continutul (imaginea din div.post-body), precum si elementul div ce va afisa butoanele siturilor sociale:

<script type="text/javascript">
jQuery(document).ready(function() {
if(jQuery.cookie('visitor_cooke_ASDFG')!=1){
virallocker_use = true;
jQuery('#virallock-box').css("z-index","99999999");
jQuery('#virallock-box').css("display","block");
}});</script>
<script type="text/javascript">
jQuery(document).ready(function() {
if(jQuery.cookie('visitor_cooke_ASDFG')==1){
virallocker_use = false;
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
}});</script>
<div class="virallock-box" id="virallock-box"><div style="width:250px;float:left;height:110px;font-size:0.9em;color:#000">Doua posibilitati de a afisa pozele id-urilor<ul><li style="border-top: dashed 1px rgba(128, 128, 128, .5)">1. Faceti un click pe butoanele din dreapta: LIKE, GOOGLE+, TWEET</li><li style="border-top: dashed 1px rgba(128, 128, 128, .5)">2. <a rel="nofollow" href="http://www.id.atat.ro/p/adauga-un-id.html" title="Inregistrare id"><span style="color:blue">Inregistati-va id</span></a>-ul pe sit</li></ul><span style="font-size:0.8em;"><em>Casuta aceasta va disparea dupa efectuarea uneia dintre operatiile descrise mai sus</em></span></div><div style="width:250px;overflow:hidden;height:110px;"><div><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.id.atat.ro/" data-text="Cel mai mare sit romanesc de id-uri de mess, baieti si fete:" data-count="horizontal" data-lang="en" data-via="www_id_atat_ro" data-related="www_id_atat_ro" data-hashtags="atat.ro">Tweet</a></div><div><g:plusone size="medium" annotation="inline" callback="virallocker_plusone" href="http://www.id.atat.ro"></g:plusone></div><div><fb:like id="fbLikeButton" href="http://www.id.atat.ro" show_faces="false" width="230"></fb:like></div></div></div><script type="text/javascript">
FB.XFBML.parse();
</script>

Scriptul va ascunde si acest div, cu butoanele sociale, dupa scrierea cookie-ului... care, reamintesc, se face dupa click pe oricare dintre butoane sau, in exemplul de mai sus, atunci cand cineva viziteaza pagina  http://www.id.atat.ro/p/adauga-un-id.html. Practic mesajul care indeamna vizitatorii sa se inregistreze este eronat deoarece imediat ce pagina se deschide imaginile ascunse vor fi afisate, deci nu este necesara nici o inregistrare ;) Acest lucru este posibil de catre codul inserat pe pagina http://www.id.atat.ro/p/adauga-un-id.html si care arata cam asa:

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
});
</script>

In concluzie, pentru a debloca imaginile de pe situl de id-uri de mess vizitatorii vor avea 2 optiuni:

1. sa faca click pe oricare dintre butoanele siturilor sociale din div-ul virallock-box sau
2. sa viziteze pagina de inregistrare

... iar scriptul functioneaza scriind un cookie cu valoarea 1 (visitor_cooke_ASDFG) ori de cate ori cineva efectueaza oricare din operatiile de mai sus si apoi verificand existenta acestui cookie. Daca exista deja in calculatorul vizitatorului, imaginile de pe sit vor fi afisate; daca nu, ele vor fi ascunse. Bineinteles, oricine poate accesa sursa pagini si gasi link-urile imaginilor sau continutul ascuns.
Scriptul meu este bineinteles gratuit si il puteti folosi cum vreti si unde vreti (Blogger etc)

Click aici pentru demo

Atentie, nu apare pe prima pagina. Vizitati oricare alta pagina pentru a vedea cum functioneaza. Daca nu intelegeti ceva cautati in sursa paginilor sitului id.atat.ro.

Navigator GPS cu voce gratis pentru Android: Osmand, RMaps, Google Maps, Sygic

 De cand Google Maps a permis descarcarea hartilor, mai intai ca experiment (Labs) si apoi oficial, direct din meniul Google Maps, posesorii de telefoane mobile inteligente (smartphone) au incetat sa mai caute si sa mai instaleze navigatoare GPS. Cu atat mai putin, cred ca nimeni nu a mai cumparat un navigator GPS pentru telefoanele mobile. Exista totusi, sau au inceput sa existe dat fiind concurenta Google Maps care e gratis, destule navigatoare GPS gratuite, unele chiar cu voce, eliminand astfel necesitatea achizitionarii unui sistem separat de localizare GPS.

 Nu voi vorbi despre toate telefoanele ci doar despre cele ce ruleaza pe Android, deoarece sunt posesorul unui Acer Liquid Metal ce ruleaza pe Android; prin urmare programele GPS descrise aici sunt verificate si testate si ruleaza perfect, cel putin la ora scrierii acestui articol.

 Cum am scris mai sus, unul dintre navigatoarele GPS gratuite este chiar Google Maps. Deschideti Google Maps pe telefonul Android si accesati meniul. Faceti apoi click pe Make available offline (Androidul meu este in engleza) si selectati harta pe care doriti s-o descarcati in telefon. Exista o limita de aproximativ 80MB; faceti zoom (in/out) pentru a mari ori micsora portiunea selectata pana cand butonul de descarcare/confirmare devine accesibil. Descarcati apoi harta, care va avea dimensiunile unui patrat. Dupa descarcare puteti testa. Mergeti afara, sub cerul liber, porniti GPS-ul si deschideti Google Maps. In functie de telefonul dvs. si de conditiile atmosferice veti fi localizat pe harta mai repede ori mai incet, depinde de viteza de detectare a satelitilor.

 O alta varianta gratuita este RMaps. Fata de Google Maps, RMaps aduce in plus posibilitatea de a folosi aproape orice harta accesibila pe internet. Astfel, din meniul RMaps puteti alege sa folositi hartile Google Maps, Bing (Microsoft), Yandex, Open Street Map, OSM (Germania), Freemap (Slovacia), Statkart (Norvegia) si Soviet Military Map (!?).

 Nu ofera, cel putin pana acum, posibilitatea navigarii prin voce, insa prin multitudinea de harti accesibile este, categoric, o optiune interesanta ce ar trebui macar incercata.

 Daca doriti sa luati legatura cu creatorul acestui program intrati pe pagina acestuia de Blogger: robertdeveloper.blogspot.com.

 A treia optiune si pe care o recomand conducatorilor auto este Osmand. Osmand este o alta aplicatie gratuita pentru telefoanele mobile ce ruleaza pe Android care va permite navigarea/localizarea pe harta folosind sistemul de navigare GPS (Global Positioning System). Avantajul sau noutatea pe care o aduce acest program este integrarea navigarii vocale. Asemanator sistemelor de navigare Osmand va va informa despre locatia si ruta pe care trebuie s-o alegeti prin voce.

 Am spus ca recomand aceasta optiune conducatorilor auto. Aceasta nu numai din cauza navigarii vocale ci si din cauza ca, din cate am observat, harta nu contine prea multe detalii. Nu ma refer la puncte de reper, institutii, locatii, hoteluri, etc ci la strazile mici, care nu apar pe harta. Insa este posibil ca acest lucru sa fie din cauza ca acum testez harta dintr-o zona rurala. Poate pentru orasele mari harta este mult mai exacta.

 Trebuie adaugat ca Osmand nu se instaleaza automat cu voce. Vocea este o aplicatie separata si se numeste Ivona. Exista si Ivona in limba romana, numele ei fiind Carmen :) Dupa ce instalati Ivona - este in beta si deocamdata este gratuit - mergeti la Settings -> Voice Input & Output -> Text-to-Speech settings si activati vocea. Din meniul Osmand, dupa ce veti alege destinatia si sistemul de navigare va porni, puteti inchide vocea Ivonei daca preferati navigarea fara voce.
Mici adaugiri: intre timp Google Maps nu mai permite descarcarea hartilor, cel putin nu pe noile Androide. Osmand include si voce si deci nu este nevoie de Ivona sau Loquendo, RMaps a disparut de pe piata si avem o a patra optiune si aparent cea mai buna.

A patra optiune este Sygic, un program extraordinar care foloseste hartile TomTom. Ultima versiune a Sygic-ului aduce in plus camera video pentru masina. Porniti navigatorul, cautati si alegeti destinatia si porniti GPS-ul. In meniul Sygic-ului faceti un click pe Blackbox - acesta va porni sa inregistreze video. Tot ce trebuie sa faceti este sa amplasati telefonul pe bord intr-un suport cat mai stabil pentru a nu tremura cand conduceti masina a.i. camera sa cuprinda un unghi cat mai larg. Sygic trebuie platit insa se gaseste de descarcat gratis. Sa zicem ca il descarcati pentru a-l testa inainte de cumparare.
La ce este utila camera? In caz de accident faceti click din nou pe butonul Blackbox si opriti inregistrarea video, pe care ulterior o salvati. Aceasta poate fi utila pentru a va stabili nevinovatia (daca nu sunteti vinovat, se intelege). Sygic va salva ultimele 5 minute de inregistrare, asadar daca doriti sa salvati si alte inregistrati video, fara a fi neaparata nevoie sa va accidentati (lol), va trebui sa opriti masina si sa o faceti manual. Blackbox-ul Sygic-ului nu este o alternativa a camerei video de masina, insa este cu siguranta util si binevenit. Nu uitati ca se porneste manual, dupa stabilirea traseului si toate celelalte.
Instructiuni de instalare - urmati pas cu pas:

1. Descarcati si dezarhivati fisierele https://www.oboom.com/4ZZ01WVO/Sygic14.6.7crk+base.part2.rar si respectiv https://www.oboom.com/OZ67WUL4/Sygic14.6.7crk+base.part1.rar
2. Descarcati Map Downloader si descarcati apoi, folosind acest program, harta (Romaniei sau oriunde va aflati) si vocile pe care le doriti https://www.oboom.com/BWGPZI5K/Sygic_mapdownloader14_6.rar Toate acestea le veti descarca PESTE folderul obtinut anterior (care ar trebui sa se numeasca simplu Sygic)
3. Copiati acest folder (Sygic) in telefonul mobil, pe memoria externa sau interna. 
4. In final descarcati programul propriu-zis de aici https://www.oboom.com/55RIGF0C/sygic1467crk.apk si instalati-l pe mobil. Atentie caci trebuie sa permite instalarea programelor din oricare alte locatii, nu neaparat de pe Google Play (gasiti optiunea singuri undeva in setarile de securitate ale mobilului)
5. Optional aveti si locatia camerelor de viteza (pentru vitezomani) din Europa aici https://www.oboom.com/XFNYZ702/Sygic-EU-speedcam.rar Sygic va va avertiza cand sunteti aproape de acestea si veti avea timp sa reduceti viteza automobilului. Scapati astfel de cateva amenzi, daca sunteti vitezoman.

Alte adaugiri: Oboom pare sa fi sters Sygic-ul asadar link-urile de mai sus nu mai functioneaza, insa o scurta cautare Sygic cracked cu Google va gasi o multime de alte situri de unde puteti descarca Sygic gratis - atentie, unele pot fi virusate. Ultima versiune a Sygic (la momentul modificarii articolului) este 16.0.11. Personal prefer 13.4.2 deoarece in versiunile mai noi nu reusesc sa adaug/introduc o locatie/destinatie folosind coordonatele GPS (lat, long).

Feed RSS pentru Blogger labels

Feed-ul RSS (care de fapt e ATOM :)) pentru etichetele blogurilor gazduite de Blogger este il veti gasi la adresa urmatoare:

http://blog.blogspot.com/feeds/posts/default/-/ETICHETA-LABEL

Am incercat sa-l gasesc in sursa blogurilor Blogger insa nu apare, nici macar in sursa paginii unei anumite etichete (in exemplul de mai sus, pe pagina http://blog.blogspot.com/search/label/ETICHETA-LABEL). Prin urmare am facut cateva cautari pe internet si se pare ca toti stiau de existenta feed-urilor labels in afara de mine... omul cat traieste'nvata.
Asa ca am decis sa scriu si acest mic articol, pentru cei care cauta si nu gasesc feed-ul Blogger-ului pentru etichete, poate vor gasi articolul acesta si le va fi util. Probabil nu mai e nevoie sa explic, insa pentru a fi mai sigur ca s-a inteles: inlocuiti ETICHETA-LABEL cu eticheta de pe blogul dvs., cea careia doriti sa-i aflati feed-ul si, bineinteles, log.blogspot.com cu adresa blogului dvs.

Cum sa folosesti excerpt in Blogger (jump break)

Jump Break

Blogger a introdus si el excerpt (de ceva vreme), ca si Wordpress. Probabil ca cei care au blog pe Blogger de ceva vreme stiu deja. Insa cum sunt si altii care de abia si-au deschis cont Google si/sau creat un blog Blogger, am sa scriu totusi cum sa poate folosi excerpt in Blogger, pentru a nu fi nevoie sa pierdeti timp descoperind singuri.
Pentru a nu da impresia ca au preluat ideea de la Wordpress sau de la celelalte servicii de blogging, Google foloseste termenul de jump break.
Aveti doua posibilitati de a folosi jump break in Blogger:

1. Editati postul HTML (Edit HTML) si inserati codul <!--more--> dupa excerpt.
2. Editati normal (Compose) si inserati jump break facand un click pe icoana din meniul de editare (vezi poza de la finalul articolului.

Astfel, folosind jump break, pe toate paginile blogului blogger, in afara de pagina articolului propriu-zis, va fi afisat doar textul articolului pana la jump break, asa cum functioneaza si excerpt-ul Wordpress-ului.

Jump Break - the Blogger's excerpt

...si daca va intrebati de ce poza de mai sus este in spaniola (sau portugheza?!?), asta e pentru ca mi-era lene sa fac un screenshot si am ales sa folosesc o poza de pe alt sit :)

Cum sa editezi etichetele sau tagurile (labels) blogului Blogger

Pentru a edita etichetele unui blog Blogger (sau labels, cum le numeste Blogger, in loc de tags), va trebuie sa parcurgeti cateva simple etape. Practic, pentru a va explica in mare, in loc sa editati o anumita eticheta, va trebui sa adaugati noua eticheta tuturor postarilor ce contin eticheta veche si apoi s-o stergeti pe cea din urma.

Etichete Blogger

Asadar, iata ce va trebui sa faceti:

• mergeti pe pagina de administrare a postarilor (folosim noua interfata): Posts
• din meniul All labes din dreapta sus (langa casuta de cautare) alegeti eticheta pe care doriti s-o modificati - vor fi afisate postarile/articolele ce sunt etichetate cu respectiva expresie
• bifati casuta de deasupra listei de articole pentru a selecta toate postarile
• imediat in dreapta acestei casute se gaseste meniul drop-down cu etichetele postarilor selectate - faceti un click pe el apoi selectati (click) New label...; scrieti si salvati noua eticheta, ce va fi aplicata tuturor articolelor selectate (adica toate)
• tot din meniul etichetelor articolelor selectate, dupa ce ati adaugat eticheta noua, selectati-o pe cea veche - aceasta va fi stearsa de pe toate articolele selectate (din nou, toate)

Atentie la acest ultim pas - folosind noua interfata, Blogger va sterge automat.etichetele pe care faceti click.

Cum sa modifici etichetele Blogger-ului

Cum se adaugi un sitemap XML Google blogului de pe Blogger

  Daca aveti un blog gazduit de Blogger aveti si un sitemap, creat automat de catre Google. Acesta se gaseste si in fisierul robots.txt, pentru a notifica motoarele de cautare de existenta acestui sitemap.
  Problema sitemap-ului creat de Blogger este ca afiseaza doar ultimele 26 de articole/postari. Cu alte cuvinte, articolele mai vechi au sansa de a nu fi indexate vreodata de catre motoarele de cautare. Din fericire, exista o solutie destul de simple pentru a "convinge" motoarele de cautare sa va indexeze toate paginile blogului Blogger.

Google Sitemap XML + Blogger

  Mergeti in setarile blogului, folosind noua interfata (Settings > Search preferences) si editati Custom robots.txt. Veti observa ca nu se incarca nimic in casuta de editare, nsa exista deja un fisier robots.txt care arata asa:

User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://www.atat.ro/feeds/posts/default?orderby=UPDATED

 Acesta restrictioneaza accesul robotilor la rezultatele cautarii, pentru a nu crea duplicate, insa daca veti cauta orice pe blogurile Blogger veti vedea ca acestea sunt, totusi, indexate. Iar pentru ca cel mai bine, pentru corecta indexare a oricarui sit, este sa nu folositi deloc fisierul robots.txt ci sa lasati motoarele de cautare sa indexeze ce vor, am renuntat la aceasta restrictie si am introdus, in casuta Custom robots.txt, urmatoarele:

User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: 
Allow: /

Sitemap: http://www.atat.ro/feeds/posts/default?orderby=UPDATED
Sitemap: http://www.atat.ro/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://www.atat.ro/atom.xml?redirect=false&start-index=501&max-results=500
Sitemap: http://www.atat.ro/atom.xml?redirect=false&start-index=1001&max-results=500

Astfel, prin intermediul fisierului robots.txt, specificam motoarelor de cautare unde sunt sitemap-urile. Primul sitemap este feed-ul atom al sitului, cel care exista oricum si care afiseaza ultimele 26 de articole. Urmatoarele sunt tot feed-uri atom ce vor tine loc de sitemap - adica nu este neaparata nevoie ca sitemap-ul sa aiba extensia XML sau orice alta extensie.
 Dupa cum vedeti am impartit sitemap-urile in asa fel incat sa contina 500 de intrati (articole, postari, cum vreti sa le ziceti). Desi Google spune, daca-mi amintesc bine, ca 50000 este limita de articole ce vor fi citite dintr-un oarecare sitemap, am observat ca in cazul celor Blogger nu indexeaza decat 500; asadar vom folosi mai multe sitemap-uri, cate este nevoie,  fiecare indexand 500 de articole (de la 1 la 500, urmatoarea de la 501 la 1000 si tot asa pana la indexarea tuturor articolelor/paginilor).
 Deasemenea, desi motoarele de cautare ar trebui, teoretic, sa citeasca fisierul robots.txt si sa gaseasca singure sitemap-urile, puteti sa le adaugati dvs. in Google Webmaster Tools, Bing Webmaster, Yandex Webmaster s.a.m.d. pentru toate motoarele de cautare ce ofera servicii de analiza si optimizare de situri.
 Puteti folosi serviciul gratuit de creare sitemap Blogger oferit de ctrlq.org/blogger

Cum se adauga un cod HTML a.i. sa apara numai in articole (postari) pe Blogger

HTML in articolele Blogger

Pentru a adauga un cod HTML in template-ul Blogger a.i. acesta sa apara numai in postari/articole, va trebui sa folositi urmatorul cod:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

...codul dvs HTML...

</b:if>

Deschideti template-ul pentru a-l edita Template >  Edit HTML > Proceed si faceti un click pe Expand Widget Templates. Cautati linia de cod <data:post.body/> si adaugati codul de mai sus deasupra acesteia, pentru a aparea in continutul articolului (ca de exemplu reclama eTarget din acest articol) sau dedesubtul acestei linii daca doriti sa integrati si sa afisati codul HTML dupa articol (de exemplu, comentariile Facebook de dedesubtul acestui articol).
Retineti ca pot fi <data:post.body/>, atat pentru versiunea web a blogului cat si pentru cea pentru mobile.

Cum se adauga comentariile facebook la articolele de pe Blogger

Comentarii Facebook pe Blogger

Pentru a adauga comentariile Facebook articolelor scrise pe Blogger este recomandat sa dezactivati mai intai comentariile Blogger-ului. Mergeti la panoul de administrare al blogului (noua interfata) la Settings > Posts and Comments si alegeti

• Comment location - Hide
• Who can comment? - Only members of this blog

Pentru a integra comentariile Facebook va trebui sa editati template-ul ales pentru blogul dvs. Atenti, daca veti schimba ulterior aspectul blogului, va trebui sa reparcurgeti pasii de mai jos:

• Mergeti la Template > Edit HTML > Proceed si bifati casuta Expand Widget Templates
• Adaugati la sfarsitul tagului <html>, inainte de a-l inchide, xmlns:fb='http://www.facebook.com/2008/fbml'. Astfel acesta va deveni:

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>

• Inserati inainte de </head> urmatoarele linii de cod

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<meta expr:content='data:blog.pageTitle' property='og:title'/>

<meta expr:content='data:blog.url' property='og:url'/>

<b:else/>

<meta expr:content='data:blog.title' property='og:title'/>

<meta expr:content='data:blog.homepageUrl' property='og:url'/>

</b:if>

<meta content='Titlul Sitului Dvs.' property='og:site_name'/>

<meta content='http://farm9.staticflickr.com/8003/6998585204_7e6d410cc1_t.jpg' property='og:image'/>

<meta content='ID-ul aplicatiei dvs. Facebook' property='fb:app_id'/>

<meta content='Id-ul Facebook al administratorului' property='fb:admins'/>

<meta content='article' property='og:type'/>

• Inlocuiti, in codul de mai sus, titlul sitului, adresa imaginii si id-urile Facebook cu cele corespunzatoare. Daca nu aveti deja, creati o aplicatie Facebook aici: developers.facebook.com/apps
• Imediat dupa <body ... > (2-3 linii mai jos) adaugati urmatorul cod:

<div id='fb-root'></div>
	<script>
	window.fbAsyncInit = function() {
	FB.init({
	appId : 'id-ul aplicatiei dvs. Facebook - creata mai sus',
	status : true, // check login status
	cookie : true, // enable cookies to allow the server to access the session
	xfbml : true // parse XFBML
	});
	};
	(function() {
	var e = document.createElement('script');
	e.src = document.location.protocol + '//connect.facebook.net/ro_RO/all.js';
	e.async = true;
	document.getElementById('fb-root').appendChild(e);
	}());
	</script>

• Cautati codul <data:post.body/> (apare de doua ori, pentru varianta web si cea pentru mobile) si adaugati imediat dedesubt urmatorul cod:

<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='680'/></div>

•  Salvati template-ul (click pe butonul Save Template) si deschideti prima pagina a sitului. Casuta cu comentariile Facebook va aparea dedesubtul articolelor, atat pe pagina acestora cat si pe pagina index, paginile de cautare, etichete, etc.

Cum sa importati un blog Wordpress in Blogger

Wordpress ofera o optiune foarte simpla si usoara de a importa un blog Blogger si este un serviciu foarte bine pus la punct. Totusi, sunt si destui care ar dori sa migreze de la Wordpress la Blogger si nu stiu cum. Blogger nu ofera un serviciu de import automat... insa este posibil sa publicati un blog Wordpress pe Blogger.

Iata cum sa importati un blog Wordpress in Blogger:

• exportati din Wordpress > Tools > Export continutul dvs, toate articolele sau numai o categorie, etc.
• Presupunand ca fisierul .xml rezultat este mai mare de cativa MB, mergeti la rangerpretzel.com si descartati programul gratuit WXR File Splitter
• Cu ajutorul progr. de mai sus impartiti fisierul rezultat de la exportul blogului in fisiere de maxin 1 MB
• Mergeti apoi la  wordpress2blogger.appspot.com si convertiti aceste fisiere de 1 MB din formatul pentru Wordpress in cel pentru Blogger; salvati-le separat pentru a nu va incurca la import
• Mergeti apoi in Blogger (noua interfata) la Settings > Other si incarcati fisierele convertite pe situl de mai sus unul cate unul... Felicitati, ati terminat!

Retineti insa ca Blogger are o limita la numarul de postari/articole ce pot fi publicate (cred) si de multe ori o sa va afiseze erori daca incercati sa publicati toate articolele (fisierele) odata. Asteptati cateva zile si incercati din nou sau, mai bine, plangeti-va pe forumul de ajutor Blogger, poate Google isi va face mila de bloggeri si va ridica aceste limte ;)  ... merita incercat. Cateva zile mai tarziu mi-am dat seama ca, in cazul meu, erorile veneau de la faptul ca in situl anterior (Wordpress) erau permise comentariile si chiar existau cateva, iar in setarile blogului Blogger am interzis acest lucru deoarece am integrat comentariile Facebook-ului. Importul postarilor dura la nesfarsit si nici un post nu era publicat. Nu faceti aceeasi greseala!

Cum se creeaza URL-uri "SEO friendly" in Blogger

URL-urile SEO friendly pentru articolele pe care le publicati pe Blogger sunt foarte usor de obtinut. Ma iintai, sa explic despre ce este vorba. Vedeti titlul acestui articol cat este de lung? Deasemenea, contine cuvinte irelevante si chiar nerecomandate pentru un sit decent: cum, in, se. Totusi, adresa articolului nu este cum-se-creeaza-url....s.a.m.d. ci este doar seo-friendly-url-in-blogger.html. Am obtinut acest lucru scriind doar cateva cuvinte cheie in titlu, respectiv SEO friedly url in Blogger si publicand articolul - retineti, scrieti in titlu doar acele cuvinte cheie cu care doriti sa optimizati articolul/pagina dvs. Publicati articolul si deschideti-l iarasi pentru a-l edita. Acum continuati cu scrierea articolului, continutul propriu zis, si eventual alegeti un titlu mai descriptiv/sugestiv.
URL-ul va ramane acelasi chiar daca ulterior schimbati titlul articolului.

Cum se adauga meta descrieri si cuvinte cheie la articolele de pe blogger

Pentru a adauga meta descrieri si cuvinte cheie la Blogger va trebui sa editati template-ul folosit. Mergeti, in noua interfata Blogger, la Template > Edit HTML > Proceed (presupunand ca folositi Blogger in limba engleza). Click pe Expand Widget Templates si cautati codul:

<title><data:blog.pageTitle/></title>

 Adaugati urmatoarele linii de cod dedesubtul acestuia - dedesubt deoarece d.v.d.v. SEO este bine ca titlul (title) sa fie situat inaintea tuturor celorlalte taguri:

<meta content='descrierea sitului' name='description' />
<meta content='cuvinte cheie separate cu virgula' name='keywords'/>

 Problema este ca aceasta descriere precum si cuvintele cheie alese vor aparea pe toate paginile; acest lucru da peste cap optimizarea SEO pe care incercam s-o facem.
Pentru a adauga descrieri si cuvinte cheie diferite pentru fiecare articol (post) ori pagina (page) vom folosi, in locul celor doua linii de cod de mai sus, urmatoarele doua:

<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>

 data:blog.pageName va introduce titlul paginii/articolului iar data:blog.title va introduce titlul blogului.
Retineti, totusi, ca marile motoare de cautare au renuntat la a mai indexa cuvintele cheie. Descrierea este necesara, cel putin pentru optimizarea SEO.