Marco Template

Live Demo             Download

Este un template Blogger creat de TNB, un template foarte bine pus la punct, pentru cei care il vor alege le va fi foarte bine, e usor de administrat. Nu e nevoie de scotocit prin codul HTML al sablonului, se administreaza doar cu ajutorul elementelor de pagina. Panoul de administratie arata foarte bine. Template-ul in sine arata foarte bine, fiecare element de pagina la locul lui.

In cazul in care aveti probleme cu afisarea formatului de data si ora, aveti grija sa schimbati de la Setari-->>Formatare-->>Formatul pentru data si ora-->>si alege formatul marti, martie 31, 2009  
 

Continue reading...

Desk Mess Template

Live Demo          Download

Desk Mess este un template Wordpress creat de Geek With Laptop.Convertit din formatul Wordpress pentru Blogger de Falcon Hive .

Intstructiuni pentru instalare

• Setarea meniului
  

 Cauta in codul sablonului cu ajutorul combinatiei de taste Ctrl+F, urmatorul cod. Inlocuieste cu textele evidentiate cu rosu cu datele tale respective.

<li><a href='YOUR-LINK-HERE' title='LINK-TITLE-HERE'>Edit</a></li>

Continue reading...

Color Paper Template

Live Demo             Download

Este un Original Wordpress creat de catre freethemelayouts convertita pentru Blogger de catre Falcon Hive. O tema frumoasa pe doua coloane, cu Featured Content in header. Tot in header gasesti si meniul care se poate personaliza. Nu are spatii de publicitate incluse in tema. Se pot improviza. Dupa cum suna si numele e un template colorat.

Instructiuni de instalare

1.Intra in contul tau Blogger.
2. Aspect-->>Editati HTML.
3. Fa o copie la template-ul actual al blogului dupa care Incarca template-ul, de preferinta nu previzualiza template-ul.
4. Pina la finalizare mai sint de editat cateva elemente de pagina. Pentru asta foloseste combinatia de taste Ctrl+F3 pentru a cauta codurile respective in codul sablonului.

• Setarea meniului din header

Cauta in codul sablonului.

<li><a href='#' title='#'>Edit</a></li>

Iar acum inlocuieste ca in exemplul de mai jos:

<li><a href='#' title='#'>Edit</a></li>

<li><a href='http://www.bloggerica.com' title='Bloggerica'>Bloggerica</a></li>

• Setarea meniului din Footer

Cauta in codul sablonului

<li><a href='#' title='#'>Edit</a></li>

 si inlocuieste ca in exemplu

<li><a href='#' title='#'>Edit</a></li>

<li><a href='http://www.bloggerica.com' title='Bloggerica'>Bloggerica</a></li>

• Setarea Titlului 

 Prin combinatia de taste Ctrl+F cauta in codul HTML al template-ului codul urmator si inclocuieste Color Paper cu titlul bloglui tau.

<h1>Color Paper</h1>

• Editeaza mesajul About
  

Cauta in template

About me. Edit this in the options panel.

si inlocuieste-l cu mesajul tau

• Seteaza formatul pentru data si ora 

Pentru proceda mergi la Setari-->>Formatare-->>si alege formatul marti, martie 31, 2009 .

• Setare "Read More"

Functia "Read More" e sa ascunda text care nu se va afisa pe prima pagina a blogului. "Read More" din engleza e citeste mai mult. Se poate improviza pe seama textelor. Prin Continuare sau, Citeste tot etc. etc.  Pentru a putea folosi aceasta optiune e nevoie de schimbat ceva in setari pentru asta:
Setari-->>Formatare-->>Şablon pentru postare. Aici introduceti codul urmator.  

<span class="fullpost">
</span>

Iar cand vei scrie o postare aplica ca-n exemplu.

Bloggerica este o derivare dezmierdata a substantivului Blogger care inseamna in termeni populari blogger incepator, mic in aceasta materie.<span class="fullpost"> Blogger fiind persoana ce detine un blog, si este socotit de blogosfera Blogger. </span>

Pe pagina principala a blogului va afisat doar Bloggerica este o derivare dezmierdata a substantivului Blogger care inseamna in termeni populari blogger incepator, mic in aceasta materie. 

• Configurarea "Featured Content"
  

Featured Content de obicei este pozitionat in headerul blogului, nu este altceva decit un continut aleatoriu, previzualizari a articolelor acelui blog. E un element de pagina care necesita editare manuala, pentru asta am pregatit materialele, adica codul pentru punerea in functiune a acestui element .
Pentru al edita: Aspect-->>Elemente de Pagina-->>Featured Content. click pe Editati.

<h3><a href='ORIGINAL-POST-LINK-HERE' title='POST-TITLE'>POST TITLE</a></h3>

<p>Hi, please place your part of post content here.</p>

<div class="post-meta">

<a class="btn btn-teal" href='ORIGINAL-POST-LINK-HERE'>Read More</a>

</div>

Copiaza-l si Lipeste-l in Elementul de pagina, textul evidentiat cu rosu, il inlocuiesti cu datele tale respective

Acest sablon este gratis pentru folosire doar cu o conditie de respect pentru cei care au depus efortul si transpiratia de a ne oferi noua acest template, lasa-ti linkurile din "Footer" intacte.

Continue reading...

Pagina Contact pe Bloger

Pagina contact pe Blogger aparent pare un lucru greu de realizat. Ar parea ca e nevoie de ceva mai mult decit un simplu Blogger, si o tema schimbata. Pe pagina Contact multi prefera sa-si lase id-ul de mess, adresa de e-mail sau alte date de contact. Pe cand unii prefera un formular.

In acest tutorial vom vorbi despre cum introducem un formular de tip Contact intr-o postare Blogger. Dupa cum am mai spus este foarte usor, putin HTML si putina engleza elementara, desi va puteti si fara  .

Pentru a creea un formular Contact, am ales sa va prezint step by step, sa nu va complicati .

1. Mergem pe Blogger si pornim creearea unei postari, lasam deschisa aceasta fereastra
2. In alta fereastra a navigatorului tau web, facem cunostinta cu Response O Matic - cu el vom genera codul necesar formularului Contact.
3. Dupa ce ne-am familiarizat cu designul trecem la inregistrare. Dam un click pe Get Started.
4. Va aparea un formular pentru inregistrare pe site. Completeaza-l
5. Dupa completare cu succes, pentru a finaliza e nevoie de confirmare adresei de e-mail, de aceea a fost livrat pe adresa e-mail mentionata in inregistrare un e-mail cu URL de confirmare.
6. O data activat contul, poti crea usor un formular in 4 pasi simpli. O sa-i prezint in imagini detaliate. Atentie cu un cont free poti creea doar un formular si sint mai putine optiuni decit un cont Premium.

click pe imagine pentru marire

7. Codul copiat il vom introduce intr-o postare dupa care o vom publica. Daca ai o tema cu meniu integrat poti face cateva modificari in el, poti adauga un nou buton, denumindu-l cum vrei tu, de obicei  "Contact". Daca nu stii cum se adauga un buton vezi aici.

click pe imagine pentru marire

8. Et, Voila vezi Demo pe BloTest la acest formular. Tu il poti personaliza, facindu-l mai interactiv, haios . Alege si improvizeaza.

Continue reading...

ImpreZZ Template

Live Demo       Download

Un template Wordpress original creat de Productive Dreams si convertit in formatul Blogger de baietii de la Falcon Hive. Partea frumoasa a acestui template Blogger este ca scoate foarte bine in evidenta elementele de pagina, prin urmarea plasarii unei dintre coloane in mijlocul template-ului.

Instructiuni pentru instalare.

1. Dezarhiveaza fisierul downloadat imprezz.rar 
2. Incarca imaginile template-ului pe un host, recomand Photobucket.
3. Deschide ImpreZZ_v100.xml cu Notepad sau alt editor HTML  si inlocuieste  http://i643.photobucket.com/albums/uu155/bloggericacom/ - adresa contului meu Photobucket cu URL-ul contului tau. Asta pentru evitarea bandwidth depasita.
4. Salveaza sablonul prin simplu Save nu Save as
5. Fa o copie template-ului curent, apoi Incara ImpreZZ_v100.xml .
6. Dupa incarcarea sa cu succes NU PREVIZUALIZA inca template-ul .

• Logo-ul Blogului.

De preferinta e sa-l modifici cu logo-ul tau pentru unicitate fata de ceilalti. In fisier il poti gasi in format Photoshop.  logo.psd . Apoi pentru al pune pe blog, inlocuieste-l cu http://i268.photobucket.com/albums/jj5/alvaris/imprezz/logo.gif 

• Titlul Blogului. 

E nevoi ca sa modifici titlul blogului, pentru asta foloseste Editati HTML si [Ctrl+F] pentru a gasi si inlocui Titlul Blogului
<a href='RSS-LINK-HERE' class='topnav_rss'>RSS</a>

• Meniul

Pentru al modifica, foarte simplu editeaza elementul de pagina "Menu" din Elemente de Pagina.

• RSS Subscribe

Il poti personaliza cu datele tale. Pentru a proceda, foloseste modalitatea "Editati HTML" iar apoi combinatia de taste Ctrl+F pentru a gasi si inlocui cu datele tale respective.
<a href='RSS-LINK-HERE' class='topnav_rss'>RSS</a>

• Seteaza data corect

Pentru setare urmeaza Setari-->>Formatare-->>Format pentru dată şi oră-->>duminica, martie 22, 2009.   

• Seteaza actualizarile Twitter din sidebar.

Pentru  asta foloseste modalitatea "Editati HTML" si combinatia de taste Ctrl+F pentru a gasi si modifica datele respective in codul template-ului, codul urmator.
<script type='text/javascript' src='http://twitter.com/statuses/user_timeline/TWITTER-ID-HERE.json?callback=twitterCallback2&count=1'></script><br /> <a class='followme' href='http://twitter.com/TWITTER-ID-HERE>Follow us on twitter</a>

• Salveaza sablonul, Acum il poti previzualiza
  

Acest sablon este gratis pentru folosire doar cu o conditie de respect pentru cei care au depus efortul si transpiratia de a ne oferi noua acest template, lasa-ti linkurile din  "Footer" intacte.

Continue reading...

Japanese Fleur Template

Live Demo           Download

Este o tema Wordpress creata de TopTut.com si convertita pentru Blogger de Bloggertricks.com 

Pasi pentru instalare.
1. Fa o copie template-ului curent prin Descărcaţi şablonul complet. In cazul unei erori esti asigurat.
2. Dezarhiveaza fisierul arhivat  japanesefleur.rar  
3. Incarca template-ul pe Blogger prin simplu Aspect -->> Editati HTML-->> Rasforire-->> Incarcati . Nu folosi Copy-Paste.
4. Acum poti vizualiza template-ul.

*Poti uploada imaginile template-ului din fisierul  images(incase if you lost)  .

Continue reading...

Sfaturi pentru optimizarea blogului tau in motoare de cautare

1. Titlul din tagul TITLE sa contina cuvintele cheie, dar sugestia mea este sa fie cat mai scurt, 2-3 cuvinte.

2. Numele domeniului sa contina cel putin un cuvant dintr-un cuvant cheie ajuta enorm (Ex: www.tralalalacuvant.com). De asemenea, pentru multi care se intreaba daca sa desparta cu "-" cuvintele cheie in domeniu sau in numele paginii .html, nu este nevoie ( www.tralalala-cuvant.com nu e mai bun decat www.tralalalacuvant.com)

3. In primul rand sa existe tagul H! care sa contina cuvantul cheie, si la fel ca la 1, sa nu contina prea multe cuvinte in plus decat cuvantul cheie acolo unde e cazul. Apoi daca se poate sa existe H2 care sa contina cel putin un cuvant din cuvantul cheie e bine. Urmeaza B/STRONG, I/EM.

4. Frecventa unui cuvant cheie, atat in pagina cat si in tot site-ul (suficient spus)

5. Sinonimia cuvintelor nu trebuie pus prea mult accent, adica e greu sa stai sa faci siteul numai din acest punct de vedere. Daca te concentrezi sa descri bine cuvantul cheie in pagina vei folosi automat cuvintele sinonime potrivite.

6. Atributele ALT pentru imagini sunt importante. In primul rand pentru oamenii care au deficiente care folosesc browsere care inlocuiesc imaginile cu textul din alt, deci incercati sa descrieti exact imaginea si nu va ganditi repede la SEO. Dar e foarte bun si pentru SEO, deoarece Google sau orice alt motor de cautare nu recunoaste textul in imagine ci o sa ia textul alternativ din atributul ALT, chiar daca nu ii acorda aceeasi importanta.

7. Text Link-urile internte (externe nu ajuta siteului tau). Aveti grija sa evitati pentru mai multe link-uri care duc catre acelasi site, sa aiba cuvinte cheie diferite. (Ex: Punctul 3 de la http://www.seo-portal.ro/forum/viewtopic.php?p=429#429 )


8. Numarul de siteuri care au un link catre siteul tau, e important doar cand pagina respectiva are un PageRank. Deci pentru toti care posteaza pe forumuri (unii mai spameaza), putine vor afecta site-ul tau daca forumul nu este indexat bine de google.

9. Textul linkului de pe un site extern catre siteul tau sa contina un cuvant cheie si sa duca catre acea pagina a siteului tau care e optimizata pentru acel cuvant cheie(Ex: Textlinkul "cuvant cheie" sa duca catre http://www.tralalaexemplu.com/cuvantcheie.html)Cam atat am de adaugat la ce ai zis, daca ajuta pe cineva astept comentariile voastre.
Toate cele bune.

sursa: www.seo-portal.ro

Continue reading...

Meniu pe Blogger

Cum inserezi in header sau unde e posibila pozitionarea meniului pe Blogger, de fapt aceasta actiune este foarte usoara de aplicat.

Noile template-uri iesite de sub tipar au meniul integrat. De voi tine sa cautati in codul sablonului respectivele cuvinte-cheie folosite in acel template, dupa ce le-ati gasit spre exemplu template-ul descarcat are integrat "About" dar tie nu-ti place si vrei sa-l personalizezi, il cauti in codul HTML. Dupa care modifici adresa URL a acelui link cu o postare relevanta .

Sa luam un sablon clasic.

1. Creeam cateva postari relevante           Despre           Contact           Iti place blogul ? 
2. Dupa publicare postarilor vom creea un element de pagina de tipul Lista de Linkuri pentru de fapt ele sint niste linluri afisate undeva, header partea dreapta sau stinga, de regula si de preferinta meniul sa fie afisat chiar in top.
3.Vom adauga un buton, sa fie Despre  la adresa URL site nou vom include postarea respectiva acestui titlu. Si asa cu celelalte, la nume site nou vom pune Despre  dupa care Adaugati Link
4. Pozitionam elementul  de pagina in top, si obtinem meniul .

Dupa cum ziceam noile template-uri au implementate meniul, pentru ca nu pe toate template-urile e posibila simpla adugare a unui element de pagina de tip Lista de Linkuri si gata ai rezolvat un meniu. Nu, cauta in codul template-ului Home sau alt cuvint care este folosit deja, pentru adaugarea unui buton nou direct din codul HTML e nevoie de putina iscusinta in HTML, si ai grija inainte de orice modificare in template fa o copie prin simplul download al template-ului.

Continue reading...

Cele mai proaspete articole pe e-mailul tau

Beneficiaza de cele mai noi articole chiar pe adresa ta de e-mail. Nu ezita, si aboneaza-te chiar acum. Un serviciu oferit de Feedburner

Introdu mai jos adresa ta de e-mail

Continue reading...

Bannerele Bloggerica

Aveti mai jos o gama variata de bannere pentru a sustine Bloggerica.com si al tine in viata. Ei deja ne sustin pagina special creata doar pentru ei.<<--link. Fa si tu parte la dezvolatarea Bloggerica.com



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica728.png" border="0" alt="Bloggerica.com"></a>



<a href="http://bloggerica.com" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica468.png" border="0" alt="Bloggerica.com"></a>



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica250.png" border="0" alt="Bloggerica.com"></a>



<a href="http://bloggerica.com" target="_blank"><img border="0" alt="Bloggerica.com" src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica240x80.gif"/></a>



<a href="http://www.bloggerica.com/" target="_blank"><img border="0" alt="Bloggerica.com" src="http://i555.photobucket.com/albums/jj470/denisciocan/blog125.gif"/></a>



<a href="http://www.bloggerica.com/" target="_blank"><img border="0" width="125" alt="Bloggerica.com" src="http://i555.photobucket.com/albums/jj470/denisciocan/bannerbloggerica140.gif" height="74"/></a>



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica88.png" border="0" alt="Bloggerica"></a>



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica120.png" border="0" alt="Bloggerica.com"></a>


Avatar
click dreapta pe imagine and save it

Continue reading...

Tag Cloud

Pe Blogger nu gasim anume "tag cloud", sau anume "categorii" sint "etichetele" pe care le putem usor interpreta ca Categorii, sau ca Tag Cloud. In acest al doilea caz e nevoie de putina transpiratie in modificare template-lui.

Cu putin timp in urma am gasit ceva care nu mai necesita sa umbli prin codul template-ului si care pastreaza categoriile si cu usurinta Introduci Tag Cloud in blogul tau blogger.  Este vorba despre Tag Cloud Generator .
Cum creezi tag-urile ? foarte simplu . De preferat e sa alegi modalitatea manuala de creat tagurile. Pentru ca altfel vei genera un decor de linkuri pe blogul tau care vor duce spre Wikipedia sau Delicious.

Cum usor interpretam etichetele ca categorii, asa vom interpreta aceste cuvinte-cheie alese de noi ca tag-uri.

Instalarea redata in imagini mai jos. pentru marire click pe imagine

Continue reading...

Numerotarea paginilor in Blogger

La recomandarea unui prieten sa scriu despre numarul paginilor sub articole [postari] sau cum numerotezi paginile, Am zis "OK, in curind." Este un hack original by Mohamed si sintetizat de Amanda. Ei au prezentat intr-o forma mai avansata instalarea acestui, "hack"- sa zicem. Ceea ce nu voi face eu, simplu si la obiect instalarea.
Asta e rezultatul {mai jos}

Cum incepem:
1. Blogger-->>Aspect-->>Editati HTML
2. Descarca Sablonul, De ce ? pentru siguranta ca la o eventuala complicatie in editarea template-ului, sa ai o rezerva.
3. Extindeţi şabloanele control
4. Introduceti codul urmator chiar inainte de   </b:skin> 

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

Acest cod contine culorile textului si linkurilor in numerotarea paginilor

5. Pasul urmator tine de inlocuirea existentelor link-uri "Postari mai vechi" si "Postari mai noi" cu numerele paginilor care dau un mare plus facilitind navigarea pe blog. Efectuam cautarea urmatoarului cod sau ceva asemanator in codul template-ului vostru Blogger.

<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='false' title='Postări de blog' type='Blog'/> </b:section>

6. Dupa identificarea acestui cod in template urmeaza lipirea unui cod imediat dupa tagul </b:section> . Ai codul mai jos :

<script type="text/javascript">



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";


var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;


var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';


var downPageHtml ='';



var pageCount = 5;

var displayPageNum = 5;

var upPageWord = 'Previous';


var downPageWord = 'Next';







var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';




for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {


if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;


}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=''){


if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;


}

}

itemCount++;

}

}



for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){


if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{


upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';


}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';


}



fFlag++;

}



if(p==(thisNum-1)){

html += '<span class="showpagePoint">'+thisNum+'</span>';


}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';


}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';


}

}



if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';


eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){



if(thisNum>1){


if(!isLablePage){

html = ''+upPageHtml+' '+html +' ';

}else{

html = ''+upPageHtml+' '+html +' ';


}

}



html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;




if(thisNum<(postNum-1)){

html += downPageHtml;



}



if(postNum==1) postNum++;

html += '</div>';




if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';


}



for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';


}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

</script>




<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"; type="text/javascript"></script>

7. O data introdus acest cod, ne apropiem de sfirsitul hack-ului, dupa cum ai si observat sint evidentiate in text cu rosu
var pageCount = 5; - care inseamna numarul postarilor pe pagina, il schimbi daca ai alt numar de postari.
si var displayPageNum = 5; care arata numarul paginilor, spre exemplu - 4, 5, 6, 7, 8 .

8. Acum poti salva sablonul si prin previzualizare poti vedea schimbarile . Poti schimba culorile doar daca este necesar prin editarea primului cod introdus.

Continue reading...

Cum schimbam titlul blogului

Probabil suna ciudat dar dupa ce veti citi acest articol veti intelege ce vrea sa insemne. Mai intii vedeti mai jos 2 articole indexate de Google. Ce observati ?



Aham, incepe sa se lege ceva, nu ? Ati observat in primul rezultat al cautarii Google Titlul Blogului este primul dupa care urmeaza Titlul articolului, ce se intimpla pentru ca-n al doilea rezultat al cautarii Google s-au schimbat cu locurile.

Tu stii cum te indexeaza Google ? cu titlul blogului si dupa aia titlul articolului ? pentru ca asa vei prinde o slaba pozitionare in Google. De aia ieri am le-am schimbat cu locurile asa era la mine. Hai sa-ti dau un exemplu : Da unu' un search pe Google: Revolution Lifestyle Blogger Template sau Bloggerica.com Revolution Lifestyle Blogger Template ? Asa sta treaba, modifica-ti tilul pentru o mai buna pozitionare in motoarele de cautare, si un rank SEO mai mare.


Cum il modifici ? very easy Step by Step mai jos.
1.Blogger -->>Aspect->> Editati HTML.

2.Cauta aceasta linie in Codul HTML al template-ului, o gasesti pe la inceput de cod.


3.Iar acum inlocuieste-o cu codul de mai jos.


4. Salveaza-ti template-ul .

Rezultatele vor aparea la viitoarele indexari Google.

Continue reading...

Cum scoti navbar-ul din blogul tau blogger

Cei care au template-uri default de regula este afisata navbar-ul, care nu da bine blogului tau, unii o prefera si o lasa, sau pur si simplu nu-i pasioneaza designul ci doar continutul unui blog. Altii o detesta, pentru ei 3 pasi simpli.
Este foarte simplu :
1. Mergi la Blogger-->>Aspect-->>Editati HTML.
2. Vezi imaginea de mai jos. Si introdu codul cu rosu din chenar inainte de zona evidentiata cu rosu .



   Codul il ai mai jos, copiaza-l si lipeste-l .
   

#navbar-iframe {

display: none !important;

}

Sau vezi Tutorialul Video

Continue reading...

Revolution Lifestyle Blogger Template

Revolution Lifestyle este o tema Wordpress magazine style, convertita pentru Blogger de catre MagzNetwork Blog Design . Tema este in 2 versiuni Blog si Magazin Style, cea din urma fiind o tema Premium care costa nu mai putin de 25 dolari pe an. Nu stiu cum se explica pe an, pentru ca o data cumparata si descarcata in calcaulatorul tau apare optiunea sa nu mai platesti anul viitor.

Pentru a cumpara tema Magazin Style care arata exact ca cea Wordpress, doar tabloul de bord fiind acela care face o diferenta in favoarea Wordpress desigur, totusi cunostintele programatorilor si imaginatia lor a crescut, real exemplu este tema Revolution Lifestyle Magazin Style adoptata pe Blogger foarte bine la vederea vizitatorului, mai greu de administrator.

Mai jos avem versiunea BLOG a temei.

Live Demo                                 Download

Mai jos avem versiunea Magazin Style a temei.

Live Demo                                 Cumpara

Instructiuni de instalare                                                                                                                                                                                 

1. Descarca si extrage fisierul arhivat.
2. Intra in contul tau Blogger.
3.  Mergi la Aspect-->>Editati HTML. 
4.  Incarca sablonul .XML (NU COPIA SI LIPI TEXTUL HTML IN EDITOR)
5.  Aspect-->> Elemente de Pagina. NU PREVIZUALIZA SABLONUL
6.  Editeaza Elementul de pagina "Banner Ads". Poti adauga codul de mai jos. (exemplu) .
   
<a href="http://banners.moreniche.com/go.php?id=4226&w=116531&s=38" target="_blank"><br /> <img border="0" width="468" alt="MoreNiche Affiliate Program" src="http://banners.moreniche.com/show.php?id=4226&w=116531&s=38&e=gif" height="60"/><br /> </a>
7.  Finish, acum poti vizualiza Blogul pentru a vedea rezultatele.

Continue reading...

Cum implentam Google Analytics in Blogger

Pentru inceput sa explicam ce este Google Analytics, dupa care formam pasii pentru implementarea codului in template-ul blogului nostru Blogger.

Google Analytics este un serviciu gratuit oferit de Google care genereaza statistici privind vizitatorii acelui site. Calitatea serviciilor a fost acea care a facut diferenta de celelalte servicii asemanatoare. Mai nou pentru statisticile unui site se folosesc serviciile SATI care s-ar vrea sa arate mai exact numarul vizitatorilor. De aceia unii dintre voi vor opta pentru Google Analytics, pentru ca este gratuit si ofera servicii de calitate .

Pasii in imagini (print-screen-uri) .

I. Mergem pe Google  Analytics.



II. Ai nevoie de un cont Google daca-l ai e foarte bine, daca nu, poti sa-l faci in cateva minute GRATUIT.

III.Mai departe pornim inregistrarea pentru contul Google Analytics



IV. Completeaza formularul ca in imaginea-exemplu de mai jos.



V. La fel completezi si acest formular.



VI. Inchei prin acceptarea termenilor si conditiilor . Selecteaza ca in imagine



VII. Acum, copiaza codul



VIII. Si lipeste-l de preferinta chiar inainte de < / b o d y > tag .



IX. Si in sfirsit acesta este tabloul tau de bord la Google Analytics .


O sa caut o programa screen recorder si termin cu cantitatile de articol .

Continue reading...

OOOPS !!!

Continue reading...

Emoticonii pe blogger

Pentru a introduce emoticonii pe blogger se foloseste un script. Acei care se pricep il pot downloada de aici.
In urmatoarele clipe vom invata cum introducem cu usurinta emoticonii pe blogger, dupa cum ziceam folosim script pentru aceasta . Pentru a proceda urmati pasii de mai jos.
Inainte de toate fa o copie template-ului curent .

1. Mergi la contul tau draft.blogger.com -->> Aspect -->> Editati HTML.
2.Introdu urmatorul cod, de preferinta chiar inainte de tagul < / head > .



3. Acum salveaza-ti sablonul si vezi ce-a iesit, prin Vizualizati Blogul. 

Acum o data introdus acest cod, emoticonii la actualizarea blogului vor aparea si vor interpreta traditionalele coduri . Mai jos cateva exemple. btw nu trebuie lasat spatiu intre caracterele emoticonului .

: ) ) - :))         : ) - :)          : D - :D           : - * - :-*       : P - :P             ; ; ) - ;;)            ; ) - ;)            =  ) ) - =))

Si multe altele. Acest script va interpreta codurile indiferent ca-s ele in postari sau in comentarii, asa ca nu e nevoie de alte hack-uri, cautari in sir pentru aceasta .  ;)

P.S. pe acest sablon nu functioneaza scriptul, dar puteti vedea un exemplu aici .

Continue reading...

Favicon. Ce este ? Si cum il poti schimba

In imaginea alaturata avem un favicon, asta pentru a sti ce este un favicon. Este faviconul default de la Blogger . Pentru a-l schimba, ai nevoie de o imagine de marimea 16*16, sau eventual de o imagine personalizata . Nu e nevoie sa fii mare expert in photoshop. Iti recomand Favicon Generator pentru a crea un favicon. Pana acolo mai e putin. Urmeaza pasii pentru a instala un nou favicon pe blogger .

1. Mergi la draft.Blogger.com -->>Aspect-->>Editati HTML .

2. Gaseste linia urmatoare in Codul HTML a blogului. Ctrl+C (Copy) . Pentru Cautare foloseste Ctrl+F. Si Paste in caseta ce apare .

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

3. Sub aceasta linie adauga urmatorul cod. Atentie ! nu modifica nimic, decat http://favicon.gif cu adresa faviconului tau, depinde unde ai incarcat faviconul iti recomand Google Pages, si ce tip de imagine e.

<link href="favicon.gif" rel="icon" type="image/vnd.microsoft.icon"></link>
Asa arata la mine codul pentru Favicon.
<link href='http://dionisiuszeus.googlepages.com/densufav.gif' rel='shortcut icon'/>

Faviconul meu

4. Acum Salvati Sablon . vezi cum e, daca ai ceva probleme spune.

Incearca video tutorialul despre faviconul Blogger

Continue reading...

Bloggerica.com lansat !!!

La Multi tuturora, motiv de sarbatoare: S-A LANSAT BLOGGERICA.COM si PRIMA ZI DE PRIMAVARA A SOSIT . Du-te la bucatarie si inchina un pahar de sampanie [apa - e bine si asa] cu  persoana draga tie, eu voi inchina cu: nu stiu, primu' care-mi iese in cale.

Acum luind chipul omului serios ne prezentam frumos, de genul : de ce ai pus aia acolo, unde e aia, ce inseamna cealalta s.a.m.d.

Pagina in constructie

• Ce este Bloggerica ? 

Bloggerica a aparut in urma vechiului Blogger Hack care o data lansat bloggerica s-a inchis, prin urmare unele articole mai bune au fost preluate. Si a fost introdus un redirect. In fine Bloggerica a aparut in urma necesitatii de a schimba Blogger Hack - de al perfectiona. Mi-a luat ceva timp pina am sintetizat ca cel mai bine e sa pornesc un proiect asemanator si sa-l inchid pe cel prezent.

Bloggerica este o derivare dezmierdata a substantivului Blogger care inseamna in termeni populari blogger incepator, mic in aceasta materie. Blogger fiind persoana ce detine un blog, si este socotit de blogosfera Blogger. 

• Despre ce se va scrie pe Bloggerica ?
  

Despre Blogger in principal, pentru care vom expune pe site o gama larga de articole despre aceasta platforma pe care multi o aleg fiind cea mai usoara platforma de blogging pentru incepatori, de aici s-ar explica si un pic si denumirea sitului. Vom include si tutoriale video in limba romina si multe altele.

• Cine va scrie pe Bloggerica ?

Toti acei care au darul de a scrie si cunosc platforma Blogger.com

Alte intrebari ?
P.S. In curind apar articolele

Continue reading...