Tutoriale Blogger / Blogspot

Unul din cele mai populare tutoriale de pe acest blog este cel in care am explicat cum se face trecerea de la un domeniu .blogspot la un domeniu personalizat cumparat de la GoDaddy.

Din pacate metoda respectiva necesita anumite cunostinte, multi cititori ai acestui blog nu au reusit sa o implementeze cu succes.

O veste buna pentru cei care au achiztionat un domeniu de la GoDaddy, este ca acum pot cu usurinta sa faca trecerea de la .blogspot la domeniul achiztionat.

Va trebui sa accesati aceasta pagina si sa introduceti datele de conectare la contul GoDaddy. Se va deschide o fereastra asemanatoare cu cea de mai jos, unde va trebui sa introduceti domeniul pe care l-ati achiztionat de la GoDaddy si sa dati Confirm.


Dupa propagarea DNS-urilor (poate dura si o zi), va conectati in contul Blogger (setarile sunt valabile pentru noua interfata Blogger), Setari, De baza si in cadrul sectiunii Publicare apasati pe Adaugati un domeniu personalizat si apoi pe Comutati la setari avansate si introduceti domeniul la care se va face redirectionarea, dupa care Salvati.


Pentru cei care nu au achizitionat domeniul de la GoDaddy pot accesa ghidul oferit de cei de la Blogger.

Saptamana trecuta va prezentam sabloane pentru bloguri video. Saptamana aceasta a venit randul sabloanelor, care mi s-au parut mai interesante, pentru bloguri de sport. Mai jos veti gasi diverse sabloane in functie de natura sportului.

Football World

Pentru ca tot este cel mai popular sport, primul sablon este unul dedicat fotbalului, fie ca sunt stiri din fotbal sau clasamente fotbal.


Demo - Download si Instructiuni de instalare

Sporty

Aceste sabloane sunt ideale pentru bloguri generaliste de stiri sportive.


Demo - Download si Instructiuni de instalare

Demo - Download si Instructiuni de instalare

Horse Race

Un sablon pentru impatimitii curselor de cai.


Demo - Download si Instructiuni de instalare

Winter sports

Un sablon pretabil sporturilor de iarna.


Demo - Download si Instructiuni de instalare

Pentru ca am primit multe solicitari pe mail de a oferi indicii pentru alegerea unor sabloane in functie de natura blogului, m-am decis ca saptamanal sa prezint cateva sabloane/teme care se preteaza anumitor tipuri de bloguri.

Mai jos gasiti cateva exemple de sabloane pentru bloguri de filme online. Unele sabloane ofera foarte multe posibilitati, sunt optimizate SEO si au integrate tot felul de widgeturi, dar pentru a seta si functiona corect tema trebuie citite cu atentie instructiunile de instalare si folosire puse la dispozitie de creatorul temei.

Blogger Tube

Principalul atuu al acestui sablon este integrarea usoara a clipurilor de pe Youtube. Contine un slider si sistem de rating pentru clipuri.


Demo - Download si Instructiuni instalare

Video Blog

Un sablon curat si simplu.


Demo - Download - Instructiuni instalare

Zinmag Remedy 2.0

O tema complexa pretabila atat pentru video cat si prentru recenzii de filme. Are foarte multe optiuni, totul poate fi customizat.


Demo - Download si Instructiuni instalare

BTemplates

Mai multe sabloane puteti gasi pe Btemplates: aici sau aici

Cu putine cunostinte de HTML si CSS puteti sa modificati orice tema pentru a fi cat mai pe placul vostru. Pentru inspiratie puteti sa cautati astfel de bloguri de filme, de unde sa preluati idei si modul in care este organizata informatia.

Va astept cu comentarii in care sa-mi spuneti ce tipuri de sabloane sa caut pentru sapatamana viitoare.

In postul anterior va spuneam ca o sa revin cu un tutorial despre cum poate fi folosit orice font dorit in cadrul unui site.

Ca un browser sa afiseze in mod corect textul formatat cu un font anume, trebuie ca fontul respectiv sa fie instalat pe calculatorul de unde este accesat site-ul.

Fonturile "web-safe" ce se regasesc atat pe PC cat si pe MAC sunt: Arial, Comic Sans, Courier New, Georgia, Impact, Lucida Console, Tahoma, Times New Roman, Trebuchet MS, Verdana. Aceste fonturi pot fi folosite fara nici o problema in cadrul oricarui site, deoarece vor fi afisate corect.

Problema intervine atunci cand se doreste, sau designul site-ului impune, folosirea unui font mai deosebit, de exemplu fontul Tetrominoes:


Lucrul acesta a fost facut posibil datorita optiunii CSS: @font-face.
De exemplu doresti sa folosesti fontul font123.ttf. In fisierul css al site-ului se adauga linia:

@font-face { font-family: font123;
             src: url('font123.ttf');}

iar pentru folosirea acestui font, sa zicem pentru toate h1, tot in fisierul css se adauga linia:

h1 {font-family: font123;}

Din pacate in cazul platformei Blogger, nu pot fi uploadate fisiere (javascript, fonturi, etc...) asa ca o solutie facila ar fi folosirea Google Fonts. Pe serverele celor de la Google sunt disponibile 422 de fonturi ce pot fi folosite in mod gratuit.

Integrarea fonturilor in sablonul blogului

• Acceseaza site-ul Google Fonts;
• Dupa ce te-ai hotarat la unul sau mai multe fonturi, apasa pe Quik use sau Use;
• Copiaza linia (atentie: "family=Macondo+Swash+Caps" difera de la caz la caz in functie de fontul ales de tine):
  

  <link href="http://fonts.googleapis.com/css?family=Macondo+Swash+Caps" rel="stylesheet" type="text/css"/>
  

• Te conectezi la Contul de Blogger -> Design -> Editati HTML;
• Cauta in sablon linia <head> si imediat dupa aceasta introdu linia copiata mai sus;
• In functie de textul (paragraf, h1, h2, h3, a, etc) pe care doresti sa-l formatezi cu acest font, schimbarile se vor face tot in sectiunea CSS a blogului pentru fiecare element in parte:
  

  p {font-family: 'Macondo Swash Caps', cursive; }
  

• Salveaza sablonul!

Pentru orice nelamurire va astept cu comentarii.

Ca tot am trecut in alt an si pentru faptul ca de cand am pornit acest blog nu i-am adus nici o modificare vizuala, m-am gandit sa restilizez putin aspectul blogului.

In primul rand am schimbat fontul titlurilor posturilor, am folosit fontul Yanone Kaffeesatz, oferit de Google Fonts (tutorial despre cum puteti folosi aceste fonturi).

Latimea sidebar-ului din dreapta a fost micsorata, in schimb am marit latimea posturilor. Am vrut sa dau un aer mai aerisit blogului, ca posturile sa fie puse mai bine in evidenta.

Widgeturile din sidebar au ramas aceleasi, dar a fost adaugat un widget pentru pagina Blog Help de pe Google + si a fost scos widgetul cu persoane interesate. Cu toate ca prin intermediul acestui widget erau abonate la blog peste 100 de persoane, am ales eliminarea lui pentru ca incarca prea mult sidebar-ul (este posibil ca ulterior sa-l introduc din nou...).

Statistici pe anul 2011

• vizitatori unici: 19.544;
• vizite: 31.626;
• pagini vizualizate: 96.561;
• browsere folosite de vizitatori: Firefox (46.57%), Chrome(28.40%), Internet Explorer(13.66%), Opera(10.09%), Safari(0.61%), altele (0.67%);
• sursa traficului: motoare de cautare (77.69%), reffereri (12.45%), trafic direct (9.72%), altele(0.15%);

Cele mai populare articole

• Integrarea Facebook Like Box-ului pe blog
• Adaugarea butonului Like in fiecare postare
• Crearea unei pagini pe Facebook pentru blog

Din cate se pare, cel mai cautat subiect a fost integrarea pe blog a facilitatilor oferite de Facebook!

Propuneri pentru 2012

Sper ca in acest an sa am mai mult timp sa ma documentez si sa va ofer articole folositoare despre aceasta platforma de blogging, implicit, sa postez mai des :)

Tot din acest motiv, apelez la cei care se pricep la acest domeniu si vor sa dea o mana de ajutor prin scrierea de articole (tutoriale, stiri, informatii utile, etc...). La sfarsitul fiecarui articol scris de voi va fi mentionat lucrul acesta printr-o caseta de autor.

Spor la treaba si bafta tuturor!

Va vorbeam intr-un articol anterior despre aplicatia Blogger pentru iOS si Android, in care va prezentam utilitatea acesteia.

De curand am avut ocazia sa "ma joc" cu doua telefone Blackberry: Blackberry 9800 Torch si BlackBerry 9900. Ambele telefoane sunt recent lansate, Blackberry 9800 Torch fiind un telefon de tip slide, cu ecran tactil si tastatura full querty, pe cand BlackBerry 9900 este un telefon de tip candybar, cu o grosime de numai 10.5 mm.

In cazul de fata nu doresc sa ma axez pe specificatiile tehnice ale telefoanelor (puteti sa va uitati pe pagina producatorului), ci pe conectivitatea acestora la internet: ambele telefoane dispun de WLAN si 3G.

Am cautat pe internet sa vad daca aplicatia Blogger este disponibila si pentru aceste telefoane Blackberry si din pacate nu este disponibila.

Aplicatiile disponibile pentru Blackberry oferite de Google le puteti vedea si instala de aici (Google Search App, Google Maps, Gmail, Google Voice, Google Sync).

Daca folositi intens serviciul de e-mail atunci un telefon Blackberry este solutia ideala datorita serviciului push e-mail si a tastaturilor full querty.

Legat de preturi: Blackberry 9800 pret si BlackBerry 9900 pret

Adauga pe blogul tau widgetul "Adauga-ma pe Google Plus" pentru a-ti mari numarul de prieteni din reteaua Google +.

Ce iti ofera acest widget?

• un link catre profilul tau de pe Google +;
• afiseaza cati oameni te au in cercurile lor;
• afiseaza ultimele tale postari pe Google +.

Configurarea widgetului

1. Acceseaza profilul tau de pe Google + si uita-te la URL, care ar trebui sa fie de forma: https://plus.google.com/#100100100100100100100/posts;
2. Copiaza numarul care apare dupa #;
3. Intra pe site-ul WidgetsPlus.com si apasa pe butonul Get widget;
4. In campul Google+ ID introdu numarul copiat la pasul anterior;
5. Legat de aspect, widgetul poate fi configurat in cel mai mic detaliu in functie de preferinte, trebuie sa accesezi optiunile: Main area settings, Title settings, Name text, Button si Bottom text;
6. Cand ti-ai personalizat widgetul apasa butonul Get code si copiaza codul respectiv.

Adaugarea widgetului pe blog

1. Te conectezi in contul de Blogger -> Design -> Elemente de pagina, si in functie de unde vrei sa apara pe blog widgetul, apasa pe Adaugati un obiect gadget;
2. Din lista, selecteaza HTML/Javascript, introdu codul copiat si apoi Salvati.

Daca vi s-a parut folositor puteti sa dati un Like sau un +1.

De exemplu cei de la Magazinul Calivita nu au aceasta optiune care ar ajuta mult doritorii de produse Calivita sa trimita informatii despre produs cunoscutilor.