Asculta RadioCox Online Romania

Cum adaug domeniul meu pe Blogspot.Com

Buna Cititorilor!
 În acest articol o sa va explic cum sa ne adaugam domeniu nostru propiu pe blogspot.com  achizitionat de la GoDaddy.
Daca ai cumparat domeniul de la alt provider vezi aici How do I create a CNAME record for my custom domain? cum poti face trecerea.

 Dupa cum ati observat domeniile oferite de Blooger sunt de forma numedomeniu.blogspot.com.

Trecerea la un domeniu personalizat prezinta mai multe avantaje:

  • In loc de numedomeniu.blogspot.com vei avea numedomeniu.com (sau .ro, .net, .org, etc), mult mai usor de retinut si de tastat de catre vizitatorii blogului tau;
  • Domeniul personalizat va da o nota de profesionalism blogului tau;
  • Aceasta trecere este recomandata imediat dupa ce ai creat blogul, pentru ca Google sa inceapa sa-ti indexeze postarile cu noul nume al domeniului.
Poate te-ai intrebat cum poti face lucrul acesta, nimic mai simplu, mai jos gasiti pasii necesari ce trebuie urmati in cazul unui domeniu cumparat de la GoDaddy.com:

  1. Parcarea domeniului:

    • Te loghezi in Account Manager;
    • In sectiunea My Products, click pe Domain Manager;
    • Selecteaza numele domeniului care doresti sa-l folosesti pentru blogul tau si apoi din sectiunea Nameservers, selecteaza Set Nameservers;
    • Selecteaza I want to park my domains;
    • Apasa pe OK si iarasi OK.

  2. Editare CNAME

    • Te loghezi in Account Manager;
    • In sectiunea My Products, click pe Domain Manager;
    • Selecteaza numele domeniului care doresti sa-l folosesti pentru blogul tau;
    • In sectiunea Total DNS, click pe link-ul Total DNS Control;
    • In sectiunea CNAMES, click pe butonul Edit din dreptul randului "www";
    • Apasa OK pentru a confirma editarea inregistrarii respective;
    • In campul Points To Host Name introdu ghs.google.com;
    • Apasa OK.

  3. Redirectionarea catre domeniul propriu

    • Te loghezi in Account Manager;
    • In sectiunea My Products, click pe Domain Manager;
    • Selecteaza numele domeniului care doresti sa-l folosesti pentru blogul tau;
    • Selecteaza Forward si apoi apasa pe Forward Domain;
    • Selecteaza http:// sau https:// in functie de setarile serverului (de cele mai multe ori trebuie selectat http://);
    • In campul Forward, tasteaza adresa completa cu tot cu "www", a domeniului catre care doresti sa faci directare. De exemplu, www.numedomeniu.com;
    • Selecteaza Update my DNS setting to support this change;
    • Pentru a vedea optiuni suplimetare selecteaza Advanced Options;
    • Selecteaza Forward Only;
    • Apasa OK.

  4. Setarile necesare in contul de blogger.

    • Te loghezi in contul de Blogger;
    • Selectezi tabul Setari;
    • Selectezi tabul Publicare;
    • Click pe link-ul Domeniu propriu;
    • Click pe link-ul Setari avansate;
    • In campul Domeniul tau, introduci numele domeniului. De exemplu, www.numedomeniu.com;
    • In campul Verificarea cuvintelor tasteaza corect cuvantul afisat;
    • Apasa pe butonul Salvati Setarile.
Daca intampinati dificultati sau va fost de folos acest tutorial nu ezitati sa lasati un comentariu mai jos. 

Cum schimbam favicon pe Blogspot

Pentru a schimba favicon-ul default cu un favicon personal la blogspot urmati pasi din acest tutorial.

Atentie: imaginea (.jpg, .png, .gif) sau iconita ce doriti sa o folositi ca favicon, trebuie sa fie de forma patrata si sa nu depaseasca mai mult de 100KB.


  • Va conectati in contul de Blogger si selectati blogul (daca aveti mai multe) pentru care vreti sa schimbati favicon-ul;
  • Selectati Aspect si apoi in dreptul casetei Favicon apasati pe Edit:

  • Uploadati Favicon-ul personalizat, si dati "save"  sau salveaza(depinde in ce limba folositi...)





Gata acum faviconul a fost schimbat


Cum teste-zi calitatea blogului tau

Inca nu ti-ai testat blogul pentru diverse rezolutii sau browsere atunci ar fi cazul sa o faci! Chiar daca atunci cand iti vizualizezi blogul pe calculatorul personal si arata bine, este posibil ca vizitatorii tai sa utilizeze o alta rezolutie la monitor sau un alt browser, astfel modul de afisare al blogului sa difere.

In acest tutorial iti voi prezenta doua servicii pentru a testa blogul la:


Diferite rezolutii


Acceseaza pagina resolutiontester.com. In campul de sus introdu adresa blogului, iar apoi apasa butonul Check up. Blogul va fi afisat pe pagina respectiva, urmand ca prin schimbarea rezolutiilor sa vezi daca sunt sau nu diferente.

test rezolutii

Poti eventual sa consulti si contorul de trafic pe care il folosesti pentru a vedea ce rezolutii folosesc vizitatorii blogului tau. De exemplu cei mai multi vizitatori ai acestui blog folosesc o rezolutie de 1024x768.

Diferite browsere


Pentru a testa modul in care blogul este redat intr-un anumit browser acceseaza pagina browsershots.org, introdu adresa blogului in dreptul campului Scrieti URL aici, selecteaza browserele dorite si apoi apasa pe butonul Trimite. In functie de numarul browserelor selectate, este posibil ca testul sa dureze mai mult.

test browser

In concluzie, blogul / siteul tebuie sa arate la fel pentru orice rezolutie sau in orice browser pentru ca toti vizitatorii lui sa-l poata utiliza intr-un mod corespunzator.

Efectul Arata Ascunde

 Efectul Arata / Ascunde

Acest efect arata / ascunde este foarte usor de implementat si poate fi folosit pentru a arata / ascunde text, imagini, link-uri, etc.
Apasa pe butoanele de mai jos pentru a vedea cum functioneaza:






 Codul de mai jos va adauga un buton care o data apasat va afisa continutul ascuns, exzact cum vedeti mai sus..




Poti modifica codul in functie de nevoile tale.

  • in ultima linie, inlocuieste textul Arata/Ascunde cu cel dorit de tine;
  • daca vrei sa folosesti intr-o pagina de mai multe ori acest script, va trebui ca fiecare div sa aiba cate un id unic;
  • daca in loc de buton vrei sa ai un link obisnuit, atunci inlocuieste cuvantul button cu litera a.

Adauga butonul +1 de la Google in fiecare post

ATENTIE: Tutorialul de mai jos se adreseaza blogurilor de pe platforma Blogger / Blogspot, pentru celelalte platforme (Wordpress, ...) puteti sa adaugati si sa configurati acest buton de aici.


La sfarsitul lunii Martie, Google anunta pe blogul oficial lansarea butonului +1.

Din spusele lor, utilizarea noului buton +1 va reprezenta o cale pentru usurarea partajarii informatiilor de pe internet cat si oferirea unor rezultate (in urma unei cautari pe Google ) mult mai relevante si mai personale.







 Adauga butonul +1 in fiecare post
  1.  Te conectezi la Contul de Blogger -> Design -> Editati HTML;
  2.  Pentru orice eventualitate fa o copie de siguranta a sablonului;
  3.  Bifeaza Extindeti sabloanele control si cauta in sablonul blogului linia: 1|    <data:post.body/>
  4. Imediat dupa aceasta insereaza codul de mai jos:

    5. Configurarea butonului:
schimba dimensiunea butonului modificand parametrul size din linia 5 cu una din valorile de mai jos:
 small,medium,standard,tall

 daca nu vrei ca butonul sa aiba contor, inlocuieste parametrul lui count (linia 5) din true in false;
 7. Afisarea butonului si pe paginile statice ale blogului - stergeti linia 2 si linia 7.
 8. Salvati sablonul

 Mai jos puteti vedea cum functioneaza acest buton, apasand pe el :)


Adauga caseta "Despre autor" sub fiecare post

Cu totii am vazut, in special pe blogurile create pe platforma WodrPress, ca sub fiecare post este o caseta "Despre autor", in care autorul postului respectiv se prezinta in cateva cuvinte, eventual si modalitatea in care poate fi contactat (e-mail, Facebook, Twitter, etc).
Daca doriti sa beneficiati de aceasta optiune pentru posturile voastre, atunci urmariti tutorialul de mai jos.


  1. Te conectezi la Contul de Blogger -> Design -> Editati HTML;
  2. Cauta (CTRL + F) in sablonul blogului linia: ]]></b:skin> si imediat INAINTE de aceasta insereaza codul de mai jos:

  1. Salveaza sablonul si apoi bifeaza Extindeti sabloanele control;
  2. Cauta linia <div class='post-footer-line post-footer-line-1'> si DUPA aceasta insereaza codul:

Nu uita sa inlocuiesti: 
Calea catre imaginea ta - http://goo.gl/odWCG 
Descriere ta - Scrie ceva despre tine! 
Contul de Twitter - https://twitter.com/DesignCox
Contul de Facebook - https://www.facebook.com/coxady
Dupa ce ai facut modificarile necesare, salveaza sablonul.
 Rezultatul va fi cam asa
Despre autor
Scrie ceva despre tine! Urmareste-ma pe Twitter sau pe Facebook
 
BackLink : Xat.Com | Filme Subtritrate | Blog Design | Filme Noi 2013 | Chat Copii | Free Radio Online | Filme Online 2013 | Cox Template | RadioCox Online
Copyright © 2013. Ady Cox - Blog Personal - Toate Drepturile Rezervate WwW.AdyCox.Com
Teme-Design by Creating Website
Produs powered by Blogger