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.

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 importi postari mari in Wordpress

Am hotarat sa scriu despre asta deoarece vad ca s-a ajuns la AT@T cautandu-se aceasta informatie. Mai exact, cineva a cautat "cum importi postari mai mari de 2 mb in wordpress" cu Google si a ajuns la situl atat.ro. Asadar, pentru a nu mai lungi vorba...

Wordpress are, in zilele astea, o limita de 15 MB pentru fisierele ce pot fi importate - fisierele care la randul lor au fost exportate tot dintr-un script Wordpress. Acestea pot include postarile, paginile, comentariile (adica tot) sau doar postarile unei anumite categorii. Problema este, daca aveti un fisier de export enorm de mare - articles.atat.ro are vreo 400MB - cum il puteti importa in Wordpress daca acesta are limita de 15 MB!?

Pe scurt, aveti nevoie de un program care va imparti fisierul XML de export al Wordpress-ului in mai multe fisiere de 15 MB... sau de mai mult, daca Wordpress.com vor creste limita in viitor. Programul, singurul gratuit pe care eu l-am gasit se numeste WXR File Splitter si a ajuns la versiunea 1.51. Il veti gasi pe situl rangerpretzel.com, situl autorului programului.

WXR File Splitter este extrem de mic si de simplu, putand fi folosit fara prea multe instructiuni. Totusi, sa fiu mai sigur ca reusiti:

WXR File Splitter - instructiuni

• Faceti click pe Open WXR File si alegeti fisierul exportat anterior din Wordpress
• Setati marimea fisierelor in care va fi impartit acesta la Split file into parts of
• Total number of files va va spune cate fisiere vor rezulta
• Click pe Split Files
• Atat!

Importati apoi fisierele rezultate mai sus in Wordpress, unul cate unul.

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!