joi, 10 septembrie 2009

Blogger - Blogspot introduce optiunea Read more pe blog

Dupa cum va anuntam intr-un post mai vechi, pe 23 august Blogger a implinit 10 ani de la infintare si cu aceasta ocazie va lansa o noua serie de optiuni pe care cu totii ni le-am dorit.


Asta seara a fost introdusa o noua optiune pe care am asteptat-o cu totii si anume Read more sau Aflaţi mai multe.
Read more poate fi introdus in postare cu ajutorul noului buton afisat pe bara de instrumente a editorului.




Dupa ce ati scris articolul dati clic unde vreti sa intrerupeti textul si apoi apasati butonul
de Read more . In locul unde textul va fi intrerupt va apare o bara punctata.


Noul buton Read more e valabil doar in noul editor pe care Blogger l-a introdus de curand, dar si daca preferati vechiul editor puteti introduce noua optiune. Dupa ce scrieti textul intrati in modul Editati Html al editorului si acolo unde vreti sa intrerupeti textul introduceti urmatorul cod:

<!-- more -->


Dupa publicare link-ul care v-a duce catre pagina unde se afla tot postul va avea titlul de Aflaţi mai multe »
Daca vreti sa modificati acest text urmati calea Aspect --> Elemente de pagina si aici la elementul Postari de blog dati clic pe Editati si in fereastra care se deschide modificati textul in casuta din dreptul optiunii Textul linkului paginii de postare:


Salvati.
Nu uitati sa va abonati la feed-ul blogului pentru a fi la curent ultimele noutati care apar pe Blogger.


luni, 7 septembrie 2009

Cum sa faci un cuprins (TOC - Table of contents) al blogului

Aceast widget este un cuprins sau un sitemap al blogului, sau in engleza Table of contents - TOC.
Practic acest widget extrage toate link-urile (postarile) din blog si le aranjeaza ca pe un cuprins de carte. Intai este afisata categoria si sub ea toate postarile care fac parte din acea categorie. Se actualizeaza singura si pe deasupra indica si care sunt ultimele 10 postari prin afisarea in dreptul lor a cuvantului New!!

Widget creat de Table of Contents for Blogger.    Deschidere tab nou


Demo  Deschidere tab nou

Cum sa folositi acest widget

Un avantaj al acestui widget este ca functioneaza si daca codul este pus in postare prin metoda Adaugati Html. Deci puteti crea o pagina noua in care sa introduceti codul de mai jos, puteti sa-i dati un titlu de genul Cuprins sau Table of contents sau cum doriti voi, iar link-ul postarii sa-l puneti in meniul blogului. Ar fi bine ca pagina sa fie publicata cu o data mai in urma pentru a nu aparea pe prima pagina a blogului.

-->

Deci sa recapitulam. Daca vreti sa puneti acest widget pe blog trebuie sa urmati pasii de mai jos:

1. Ducati-va la Postare noua si dati un titlu paginii pe care o veti crea.
2. Dati clic pe Editati html pentru a intra in modul de scriere html.
3. In modul de scriere html a editorului copiati codul de mai jos.

<script style="text/javascript" src="http://cuprins-blog.googlecode.com/files/cuprins-blog.js"></script>
<script src="http://bloggerajutor.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Schimbati adresa blogului meu cu adresa voastra.

-->

4. Daca vreti ca postarea sa nu apara pe prima pagina a blogului dati clic pe link-ul "Optiuni de publicare" din partea de jos a editorului si bifati casuta "Planificat pentru". Apoi setati o data mai veche.

5.Publicati postarea.

6. Copiaza link-ul postari si adaugati-l in meniu.

sâmbătă, 5 septembrie 2009

Pune pe blog un set de bannere 125x125 pentru spatiu publicitar

Daca sunteti dintre acei bloggeri care au succes si vindeti spatiu publicitar pe blog atunci stiti ca cele mai folosite dimensiuni pentru banere sunt 125x125px.
Desi multi folosesc Css-ul pentru a plasa si controla banerele eu va voi arata un mod foarte simplu de a afisa anunturi 125x125 pe blog cu ajutorul tabelelor(table).


Duceti-va la Aspect --> Elemente de pagina --> Adaugati un obiect gadget si alegeti optiunea HTML/JavaScript.
In campul pentru continut adaugati codul de mai jos si salvati.:

<table align="center" border="0">
  <tbody>
    <tr>
      <td align="center" height="126"
 width="126">
      <img src="http://i29.tinypic.com/w8wb3a.jpg"></td>
      <td align="center" height="126"
 width="126">
      <img src="http://i29.tinypic.com/w8wb3a.jpg">
</td>
    </tr>
    <tr>
      <td align="center" height="126"
 width="126">
      <img src="http://i29.tinypic.com/w8wb3a.jpg"></td>
      <td align="center" height="126"
 width="126">
      <img src="http://i29.tinypic.com/w8wb3a.jpg"></td>
    </tr>
  </tbody>
</table>
Acum de cate ori sunteti solicitati de catre advertiseri sa puneti bannerul lor pe blog, tot ce trebuie sa faceti este sa inlocuiti codul scris cu rosu cu codul pe care vi-l dau ei.




Daca sunteti norocosi si ati epuizat deja cele 4 spatii pentru publicitate, si vreti sa adaugati inca doua spatii, atunci copiati codul de mai jos dupa ultimul </tr> din cod

<tr>
      <td align="center" height="126"
 width="126">
      <img src="http://i29.tinypic.com/w8wb3a.jpg"></td>
      <td align="center" height="126"
 width="126">
      <img src="http://i29.tinypic.com/w8wb3a.jpg"></td>
    </tr>

Dupa ce le adaugati pe blog ar fi bine sa inlocuiti 2 sau 3 poze cu alte bannere de la site-uri unde sunteti afiliati si sa lasati doar un singur banner cu Advertise here.Ar fi bine ca acest ultim banner sa duca catre o pagina de contact unde advertiserii sa poata sa va contacteze usor.




Puteti folosi si aceste bannere create de mine


     

Widget cu posturi la intamplare (random) pe Blogger

Am sa va prezint in continuare un nou widget creat de Blog Godown si pe care eu il consider foarte folositor, el crescand numarul de afisari ale blogului. Este la fel de important ca widget-ul cu Postari recente, dar cu deosebirea ca acesta aduce in atentia vizitatorilor si posturi mai vechi. Datorita functiei de a afisa posturi random acest widged poate afisa articole chiar si de la inceputul blogului.

Widget-ul poate afisa articolele in doua feluri:
1. Doar titlul postari
2. Titlul postari plus sumar (cate cuvinte doriti)

Instalarea este una foarte usoara, facandu-se prin metoda adaugarii unui obiect gadget.




Metoda 1
Adaugarea widget-ului doar cu titlul postarii



Urmati calea Aspect --> Elemente de pagina --> Adaugati un obiect gadget. Alegeti optiunea HTML/JavaScript si in campul pentru continut copiati codul de mai jos.
Puteti modifica numarul de postari care sunt afisate prin schimbarea vumarului 7 cu ce numar doriti.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=7;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
 }document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://www.bloggodown.com">Blog Godown </a></span>

Salvati.




Metoda 2
Adaugarea widgetului cu titlul si sumar



Urmati calea Aspect --> Elemente de pagina --> Adaugati un obiect gadget. Alegeti optiunea HTML/JavaScript si in campul pentru continut copiati codul de mai jos.
Puteti modifica numarul de postari care sunt afisate prin schimbarea vumarului 5 cu ce numar doriti.
Puteti modifica numarul de cuvinte care apar in sumar prin schimbarea numarului 10 cu ce numar doriti.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=5;</script>
<script style="text/javascript" src="http://bloggertipspro.googlepages.com/random-posts-with-summary.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://www.bloggodown.com">Blog Godown </a></span>

Salvati.

Nu uitati ca va puteti hosta singuri scripturile JavaScript prin metoda prezentata la aceasta pagina.