Template-uri pentru Blogger - links

Unii dau, altii nu ... importanta aspectului, unui blog. Cica ar fi continutul (*articolele, postarile) cel mai important. In prezent astea doua, au nevoie de o lipeala, ea fiind acea care face legatura dintre continut si aspect, spre exemplu la un blog de IT apelam la un template cit mai aerisit, mai simplu. Daca ai blog personal, alegi un template cu o tenta personala probabil un template pe 2 coloane, nu un template magazine style. Si asa mai departe .

Scopul acestui articol e de a te informa de unde poti downloada acele template-uri care fac lipeala intre continut si aspect, care dau bine ochiului, cand intru pe blogul tau. Conspiram in mine pentru crearea unui subdomeniu templates.bloggerica.com, ar insemna inca un blog si ..... nooo. Ai la dispozitie un Google, si siturile avec Blogger Templates, de mai jos pentru a alege un template pentru blogul tau .

1. Btemplates.com - in acest moment detine peste 1.000 de template-uri Blogger. Toate sint downloadabile, ba chiar si cele Premium. Zilnic sint adaugate cite 2, 3, 4 template-uri. Sint proaspat scoase din cuptor
2.  eblog templates - aici poti gasi si template-uri Premium, dar cand limita gramaticii ma face sa spun "template-uri" pentru ca sint doar 2 template-uri Premium, restul Free. Atentie sint si teme Wordpress.
3. Deluxe Templates - site pe Blogger, cu template-uri Blogger. 
4. BieTemplates - un another site de template-uri pentru Blogger, are la baza template-ul Showcase.
5. WP Blogger Themes - doar template-uri Wordpress convertite pentru Blogger.
6. Wordpress To Blogger - aici deja sint doar template-uri Premium, intri in posesia lor doar daca donezi 10 dolari. Sau ba chiar daca ai un tema Wordpress favorita, pentru 10 dolari iti este convertita pentru Blogger
7. Zoomtemplate.com - azi l-am gasit, iar arhiva nu zice altceva decit ca s-a lansat in luna curenta (*august).
8. Theme Forest - poti alege sa cumperi un template pentru blogul tau, pretul lor este de la 10 dolari in sus.
   

P.S. sint situri "just templates" . De aia nu am mentionat Bloggerica :P

Continue reading...

Promoveaza-ti articolele de pe blog cu ftw.ro

Baietii de la ftw.ro [vechiul blogoree] promoveaza doar articole de calitate, cel putin asta sustin ei. Pentru a ajunge la statul de a avea articolele pe prima pagina, exista un rank, ca si la google, doar ca aici cine e pe primul, e smecher. In fine, ftw.ro e un site "like digg" in varianta romaneasca ce-si propune sa promoveze bloggeri, bloguri mici - mari, articole de calitate si asa mai departe.

Pentru a-ti promova articolele de pe blog, e nevoie de un cont pe ftw, logic doar. De putina rabdare pina cresti si stringi puncte Karma. Si ultimul cel mai important, articole de calitate. Butonul va suferi modificari cred. Pina atunci folosim ce avem la indemina si instalam acest buton pe blogul nostru Blogger.

1. Blogger-->>Aspect-->>Editati HTML-->>Extindeţi şabloanele control
2. Cautam [pentru asta bagam o combinatie de taste Ctrl+F] si gasim in template

<data:post.body/>

3. Inainte de acest cod introducem urmatorul

<div style='clear: right; float: right; margin-bottom: 0em; margin-left: 1em;'>

<script type='text/javascript'>url_site=&#39;<data:post.url/>&#39;;</script>

<script src='http://ftw.ro/sites/all/modules/drigg_external/js/button-old.js' type='text/javascript'>

</script></div>

4. Gata, acum poti salva sablonul, and is ready to go!

Continue reading...

IntenseDebate pe Blogger - un alt sistem de comentarii

Este potrivit pentru cei care sistemul default Blogger pentru comentarii li se pare enervant si inaccesibil. E mult mai friendly decit Blogger. Dar ... cuvintele cheie din comentarii nu sint indexate de Google si alte motoare de cautare, asta daca sursa principala de vizitatori soseste din motoarele de cautare, avind cuvinte-cheie din comentarii, instaland acest form vor inlocui comentariile si acele rezultate Google vor disparea, in consecinta si vizitatorii.

Implementarea acestui sistem de comentarii nu va complica, afecta altceva din blogul tau, decit cea mentionata mai sus. Ba mai mult, va spori si incuraja comentariile pe blog. Instalarea este in 2 tipuri, widget si template. Cea din urma e recomandata.

Urmeaza atent pasii de instalare [mai jos]:
1.  Mergem pe IntenseDebate, si pornim creearea unui cont.

Dupa creearea unui cont pe IntenseDebate, am trecut imediat la intalare. Fiind foarte usor de aplicat. Urmeaza sa descarcam template-ul si sa-l incarcam inapoi pe IntenseDebate, care la rindul sau ne genereaza codul sablonului cu acest form deja implementat. Iar noi nu facem altceva decit sa inlocuim vechiul cod cu noul, prin Copy-Paste. E acelasi template, deci nu vor fi erori.

Sint preparate imagini pentru facilitarea in realizarea acestui install.

2. Next Step. Si iata ce avem, selectam ca in imagine, Template si Only on new posts.

3. Deschidem contul Blogger direct pe InteseDebate cu butonul Open Blogger.
4. Apoi tot aici navigam in sectiunea Aspect-->>Editati Html.

5. Descarcam template-ul curent al blogului, prin butonul Descărcaţi şablonul complet
6. Un scroll mai jos si incarcam template-ul proaspat descarcat in calculatorul nostru, prin butonul Upload File.

7. O data incarcat template-ul s-a implementat codul necesar automat, ramane doar sa copiezi codul template-ului

si sa-l lipesti in aria de cod a template-ului de pe blogger. Adica panoul din dreapta,

iar final sa salvezi sablonul, prin Salvati Sablon.

. And that's it. probleme ceva ? vezi mai jos la comentarii, lasa si tu unu.

Continue reading...

Ce sa faci daca nu iti mai apar "Posturi mai vechi" si "Posturi mai noi" ?

Deoarece am intalnit problema asta,am decis sa va impartasesc si voua secretul in caz ca ve-ti avea probleme.
Intreabarea e pusa, acum sa vedem raspunsul:
Foarte simplu:

1.draft.blogger.com >> Aspect >> Editati HTML
2.Bifati " Extindeti sabloanele control"
3. Acum depinde de situatie. In caz ca nu apar si voi vreti sa apara (Postari mai vechi...etc) faceti in felul urmator:
4.Cautati (Ctrl+F) urmatorul cod:

#blog-pager-newer-link {

display: none;

}

#blog-pager-older-link {

display: none;

}

#blog-pager {

display: none;

}

Si inlocuitil cu acesta:

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

text-align: center;

}

Acum in cazul in care le aveti si voi vreti sa dispara...faceti in felul urmator:
Cautati (Ctrl+F) urmatorul cod:

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

text-align: center;

}

Si inlocuiti codul de mai sus cu urmatorul cod:

#blog-pager-newer-link {

display: none;

}

#blog-pager-older-link {

display: none;

}

#blog-pager {

display: none;

}

Cam asta este... ;)

Continue reading...

Read More automatic pe Blogger

La ce se refera Read More ? Pai sa vedem,read more este ceva de genul: pe prima pagina a sit-ului va aparea o particica din articol si daca articolul contine o poza va aparea si ea la o rezolutie mai mica,iar undeva in dreapta va aparea un textulet (continuare,citeste tot articolul,termina de citit,continua sa citesti...etc). Poate ati vazut pe Bloggerica.com acest lucru.

Sa incepem:
Avem nevoie de un javascript pe care il downloadam de aici .

Javascripul trebuie sa il uploadam (incarcam/urcam) pe un host de fisiere care ne da link direct,va recomand Google Sites sau Boxstr.com . Apoi urmati pasii:
1. draft.blogger.com >>Aspect >> Editati Html
2.Bifati "Extindeti sabloanele control"
3. Apoi cautati (Ctrl+F) tagul </head>

Iar imediat dupa el pastati codul:

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;

summary_noimg = 500;

summary_img = 450;


img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://boxstr.com/files/asd*****___*****/read-more_auto.js' type='text/javascript'/>

Inlocuiti ce este rosu cu link-ul direct al javasciptului pe care l-ati uploadat. Iar ce este cu albastru inlocuiti cu rezolutia imaginii care vaaparea pe prima pagina a sit-ului (thumbnail).
4.Apoi cautati codul:

<data:post.body/>

Si inlocuitil cu acesta:

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more </a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Inlocuiti read more cu ce vreti sa apara,de exemplu Continuare ... etc

Acum salvati sablonul si bucurati-va de Read more...

Continue reading...

Zoom pe imaginile din postarile Blogger

Probabil ati observat pe Wordpress, pluginul care dind click pe imagine ea este marita, fara a parasi situl, isi iese pur si simplu din rame ;)). Acum e posibil si pe Blogger, acesta. Un hack ce nu ia mai mult de 2 min. poate chiar si mai putin. Il poti vedea in actiune Live Demo pe BloTest [noul blog de teste] . Dand click pe fete, ce observati, ele s-au .... marit, imaginile desigur.

Hackul sa-i zicem asa, consta din 2 javascripturi, pe care e nevoie sa le downloadati si sa le incarcati pe un host de javascripturi ca Yahoo Geocities sau Google Pages. Acesta a fost creat de Blogger Widgets .

Javascripturile le puteti descarca de aici . Dezarhivati fisierul fancyzoom.rar-ul si incarcati .js-urile pe un host.  Sau le poti incarca direct in template-ul Blogger, vezi aici cum.
Vezi Demo pe BloTest . Pina acolo mai e putin, niste cod pe ici colo si cam atit . Pasii de instalare a acestui truc mai jos.

1. Blogger-->>Aspect-->>Editati Html
2. Gaseste tagul </head>
3. Inainte de el, introdu embedul javascripturilor adica codul de mai jos. Modifica URL-urile javascripturilor, cu ale tale unde le-ai instalat.

<script src='http://www.hotlinkfiles.com/files/2456531_8h8pt/FancyZoom.js' type='text/javascript'></script>

<script src='http://www.hotlinkfiles.com/files/2456532_z8cmt/FancyZoomHTML.js' type='text/javascript'></script>

4. Inlocuieste tagul <body> cu <body onload="setupZoom()">
5. Salveaza template-ul si gata. Totul e instalat.

La urmatoarele embeduri de imagine foloseste codul urmator. Cu rosu fiind evidentiat adresa URL a imaginii iar cu cu albastru dimensiunile pe care le poti shimba dupa preferintele tale.

<a href="http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif"><img height="200" src="http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif" width="300" border="0" /></a>

Continue reading...

blogul_tau.tk in loc de blogul_tau.blogspot.com

Salut...Dupa cum spune titlul astazi invatati cum sa va faceti un cont la www.dot.tk si cum sa redirectionati o adresa. In caz ca nu va place adresa blogului vostru sau e prea lunga si nu o puteti tine minte va puteti face un cont la www.dot.tk si sa va creati o adresa asa cum vreti voi. Adresa va fi ceva de genul www.blogul_tau.tk in loc de adresa cea lunga si greu de tinut minte "blogul_tau.blogspot.com" . Acest lucru este posibil si cu bani si GRATUIT. Noi o sa va prezentam doar varianta gratuita. Prietenul meu Dennis a mai prezentat intr-un post despre acelasi lucru doar ca domeniul era valabil doar un an de zile. Ei bine la www.dot.tk totul este gratuit si pe viata sau cel putin pana va plictisiti de el si o sa va cumparati un domeniu .com sau .ro . Dar hai sa nu mai palavragim atat si sa urmarim tutorialul.

Vizionare Placuta!!!

Continue reading...

blogul_tau.co.cc in loc de blogul_tau.blogspot.com

img source co.cc for blogger

Continue reading...

Javascript Host pe Blogger

Ultimele template-uri iesite din fabrica au la baza lor estetica unul sau mai multe javascripturi. Pentru ca nu fiecare are propriul host, alege in a folosi un host pentru javascripturi, ceea ce mareste timpul pentru incarcarea acelui javascript si totodata si a blogului. Ceea ce nu este deloc bine ca un vizitator cu o viteza normala de internet sa astepte vreo 5 minute sa se incarce blogul tau.

Acum cu evolutia mintii, javascripturile se pot hosta direct pe Blogger, mai exact in template-ul Blogger, va prezint modalitatea mai jos.

1. Accesezi URL-ul javascriptului, cum ar fi :
http://bloggerica.com/thubmnails.js

2. Da o fuga pe contul Blogger-->>Aspect-->>Editati HTML si dupa figura urmatoare procedeaza

<script type='text/javascript'>

//<![CDATA[

intreg codul pentru javascript aflat la adresa respectiva

il plasezi aici

//]]>

</script>

3. Insereaza-l inainte de </head>
4. Salveaza template-ul and Done.

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...

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...