Blogger, Templates şi Ajutor

Cum sa pui cuvinte cheie pe blogger

2008-11-14T13:05:00.000-08:00

Daca ai un blog pe blogger si esti innebunit dupa trafic via google sau alte motoare de cautare poti sa incerci o alta metoda de a pune cuvinte cheie, in afara de cea unde le inserezi in head, cuvinte cheie puse mult mai simplu.

Ca sa primesti mai multi vizitatori poti sa incerci urmatoarele:

1.Iti supraveghezi traficul blogului, in special cuvintele cheie si posturile care primesc cel mai mult trafic. Google Analytics recomand eu.

2. Iei o poza, nu conteaza ce marime are poate sa fie si de 1x1 px, iar in alt si title pui cuvinte cheie, propozitii scurte (10-15 cuvinte) pline de cuvinte cheie. Poti sa pui 30 diferite, asta in cazul in care ai 30 de posturi(cu titlul pe un cuvant cheie) care iti aduce mult trafic.

Ex:

<div style="text-align: left;">
<img alt="download cei mai buni antivirusi gratis( antivirus gratis ) protejeaza-ti pcul cu un antivirus gratis eficient gratis" height="1" src="http://www.fi.edu/learn/heart/blood/images/large_white-cells.jpg" title="download cei mai buni antivirusi gratis( antivirus gratis ) protejeaza-ti pcul cu un antivirus gratis eficient gratis" width="1" /></div>

Rezultatul: Pentru blogul antimiorita.blogspot.com. Cand caut pe google antivirusi gratis, si am poza de mai sus in sidebar, apar pe locul 5; si concurez cu idownload, pcnews, softpedia sau byrev. Atunci cand o scot ajung pe a doua pagina google, al doilea.

Effect de lightbox pentru blogger (fotografii)

2008-09-01T11:29:00.001-07:00

M-a intrebat cineva cum introduce lightbox pe platforma blogger? Eu stiu o varianta care nu merge pe toate blogurile, are codul mai restrans insa sar putea sa va dea dureri de cap. Am gasit pe blogul Peste noapte o a doua varianta, voi alegeti :D
1
Pasi:
1: Introduceti in <head> </head> urmatorul cod:

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src="js/lightbox.js"></script>

2: Introduceti cudul:

-inainte de ]]></b:skin>

-dupa ]]></b:skin>

-intre <style></style> (daca nu gaseste style apasa pe extinde sablon)

Codul:


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"

2

Intre <head></head> copiaza codul:

<script src='http://www.geckoandfly.com/wp-content/uploads/js/prototype.js' type='text/javascript'/>

<script src='http://www.geckoandfly.com/wp-content/uploads/js/scriptaculous.js' type='text/javascript'> </script>

<script src='http://www.geckoandfly.com/wp-content/uploads/js/effects.js' type='text/javascript'/>

<script src='http://www.geckoandfly.com/wp-content/uploads/js/lightbox.js' type='text/javascript'/>

2.Inainte de ]]></b:skin> copiaza codul:

/* Footer
----------------------------------------------- */
#footer {
width:100%;
clear:both;
margin:0 auto;
}
#footer hr {
display:none;
}
#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(http://photos1.blogger.com/blogger/7994/1253/1600/blank.0.gif) no-repeat; /* Trick IE into showing hover

*/
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://photos1.blogger.com/blogger/7994/1253/1600/prevlabel.0.gif) left 15%

no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://photos1.blogger.com/blogger/7994/1253/1600/nextlabel.0.gif) right 15%

no-repeat; }

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;    }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html>body .clearfix {
display: inline-block;
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
</style>

Ca sa functioneze trebuie sa introduceti pozele in urmatorul format:
<a href="http://farm4.static.flickr.com/3160/2788039215_d0ceb60494.jpg" rel="lightbox"><img alt="titlu" src="http://farm4.static.flickr.com/3160/2788039215_d0ceb60494.jpg" /></a>

<a href="linkimagine.png" rel="lightbox"><img alt="titlulfoto" src="linkimagine.png" /></a>

Fotografiile eu mi le tin pe flick.com sau photobucket.com. Pozitionarea se face printr-un click pe ea si apasare pe pozitionare la dreapta/stanga/mijloc/ etc ca si in cazul textului. Iar marimea fotografiei se face tot printr-un click ea iar pe ecran iti va apare anumite marimi ..

Succes!

Foto blog blogger templates

2008-07-23T03:16:00.000-07:00

Demo

Pentru instalarea templatelui blogger de foto blog intrati aici!

Trimitere pe messenger v2

2008-05-20T16:27:00.000-07:00

Ca cel de la trilulilu :)

<a href="ymsgr:sendIM?otto.alin"><img alt="Y!M" src="http://static.trilulilu.ro/images_new/icon_ym.jpg" class="user_icon"/></a>

Cum sa: Trimitere pe messenger de pe blog :)

2008-05-17T01:19:00.001-07:00

Dupa cum se vede, in dreapta este o sectiune(Vorbeste cu mine), prin care vizitatorii pot sa vorbeasca cu mine pe messenger, daca sunt online.
Acest script iti arata cand esti online sau nu, iar vizitatorii nu trebuiesc sa instaleze nimic ca sa acceseze id-ul tau.

<a href="ymsgr:sendIM?ID-ul-TAU"><img src="http://opi.yahoo.com/online?u=
ID-ul-TAU&amp;m=g&amp;t=1" alt="Yahoo! Messenger" border="0"></a>
De exemplu:
<a href="ymsgr:sendIM?otto.alin"><img src="http://opi.yahoo.com/online?u=
otto.alin&amp;m=g&amp;t=1" alt="Yahoo! Messenger" border="0"></a>

Template pentru blogger proaspat :)

2008-04-25T15:35:00.000-07:00

Am gasit un nou template pentru blogger, arata destul de bine. Merge si adsense pe el, un patrat de 250/250 in sidebar sau 468/60 sub posturi.

Download

Vedete Media

2008-04-10T05:26:00.000-07:00

Vedete Media este un blog destul de nou, are doar o saptamana; este inca sugar :) . Pe blog scrie Olivia, o colega de scoala de a mea.

Site-ul vrea sa respecte destinatia unui blog si anume este un blog personal cu ceva muzica.

Blogul se descrie: "Vedete media si un blog personal, doi in unu."

Unde se pot uploada fisiere .mp3

2008-03-18T09:09:00.001-07:00

Dupa ce trilulilu baga reclame etarget.ro(acel adsense est european) in loc de fisiere audio, m-am gandit unde se pot uploadez fisiere audio :|. Am gasit site-ul evoca.com, care se comporta foarte bine; uploadezi o meldoie un de 5 mega un maxim un minut, nu sunt probleme cu incarcare melodiei atunci cand cineva vrea sa o asculte. Si ce este cel mai important nu baga reclame in loc de fisierul tau.

Realizarea propriei teme fara nici un program sau cunostinte

2008-03-15T11:06:00.000-07:00

Pe sistemul "Romanul nu are cu ce dar este inventiv".
Incer prin postul asta sa ajut pe cei care nu au timp foarte mult, nu au conostinte si doreste sa bage o teme personalizata si unica pe blogul lui personal de pe blogger.com.
Primul pas:

Se ia un template. Download. Imagine lui in dreapta.
Se instaleaza templatele.

Pasul doi: Instalezi toate widgeturile pe care le vrei, introduci adsense, etc.

Pasul trei: Incerci sa il personalizezi.
Realizarea unui banner. Deschizi Paint, faci un banner dintr-o singura culoare(verde, rosu, negru, alb, etc). Bannerul sa fie atat de mare cat sa se potriveasca in antetul paginii (acolo unde scrie "YOUR New Blog") un lucru important bannerul sa fie .png
Te loghezi din contul tau blogger, instalezi tema respectiva, te duci la "Aspectul "-> "Elemente de pagina" -> "ANTET" Imagine din Computerul dumneavoastra. Modici bannerul cu paint pana acesta se potriveste.

Te duci pe site-ul FLICKR.com uploadezi imagine pe acest site, dupa care ii dai edit.
Acest site iti ofera o multitudine de optiuni la acest capitol. De la implementarea unui text pana la adaugarea de efecte pe poza.
Personalizezi poza asa cum vrei, o uplodezi ca banner de antet.

Rezultatul: ANTIMIORITA.blogspot.com.

Alte templateuri care pot fi modificate aici.

BANI DIN BLOGGING

2008-03-09T08:27:00.000-07:00

Dintre cele mai importante, sa le luam in ordine alfabetica:

AdBrite: este un sistem asemenea lui adsense, poti sa primesti banii in cont sau ti trimit acasa prin posta, simplu, fara sa completeze 10 mii de formulare. Avantajul e că generează o pagină dedicată fiecărui publisher si ca poate fi folosit pe toate site-urile nu contand continutul; adica si porno sau warez.
De preferat ar fi sa scri in engleza pe site.
signup!

Adsense: Cel mai popular sistem de advertising contextual, iti afiseaza reclamele pe pagina in functie de continutul acesteia. Are niste refelalii care determina cati bani primesti pe click sau daa ti se sterge contul, astfel daca iti cumpara din produse sau intra in pagini importante primesti bani mai multi; dar ai si 2 doi oameni cu care te-ai vorbit sa iti dea 3 clickuri pe zi sau faci o comunitate de clicking ai foarte multe sanse sa ti se stearga contul.
signup!

Algoco: Pe idee: Un lucru rau este ca atunci cand intalnesti un subiect sa nu fi in stare sa iti vorbeste despre acel subiect, un dezastru este sa nu te poti abtine sa iti spui parerea ta gresita despre acel subiect.
Din cate am inteles cu algoco poti face bani fara sa ai site/blog.
Adresa aici!

AuctionAds: Un sistem care lucreaza cu Ebay, iti pune poze, pretul la produse puse la vanzare pe ebay; cand cineva da click pe bannere si cumpara tu primesti un comision. Destul de simplu dar totusi dupa parerea mea este inutil la siteurile in romana mai ales la cat cumpara romanii de pe Internet ai multe sanse sa nu castigi nimic.
Acest sistem are oferte: daca le audi un utizator, primesti 6% din profitul acestuia in prima jumatate de an.
Primesti 25 $ la inscriere.
Signup!

FIRST LEVEL ADS: este un proiect romanesc, iar ca orice proiect romanesc este de cacat.
Intri in site faci log in, iti bagi adresa de la cont si astepti sa primesti 15 EUR/1000 clickuri.
Clickurile le primesti in functie de bannerul care se acceseaza, partea mai putin fericita este ca pe unele bannere un click sa fie contorizat trebuie ca cineva sa isi faca cont pe site-ul respectiv; sanse mici de a scoate astfel profit.
Am folosit si eu site-ul asta, o saptamana, la inceputul carierei mele de blogger; le-am dat mail daca accepta sa imi dea bani pentru fizualizari si am primit raspuns ca trebuie sa am nu stiu cate mii de vizitatori pe zi...
Signup!

ReviewMe: Aceasta modalitate este folosite de siteuri care au ceva trafic, faci o prezentare a unui produs, site, produs, subiect, primesti bani pentru articolul tau.
Va inscrieti, vi se da un subiect despre care sa scrieti, scrieti, va trimit banii in cont. Se pot castiga bani frumosi pentru un articol.
Dezavantajul este ca ca articolele trabuiesc scrise in limba engleza.
Singup!

Text Link Ads: Este un sistem destul de flexibil si care iti poate aduce venit frumos, Te inscrii pe site, ai posibilitatea de a fixe o suma pentru click, poti sa alegi cui sa faceti reclama(daca selectezi auto acept iti vin reclamele pe banda, gen adsense), ti se da coduri pe care le introduci in sidebar.
Este putin mai dificil pentru ca trebuie sa astepti ceva timp pentru ati face trafic, adica nu este gen adsense pe care poti sa il implementezi chiar daca ai si 2 vizitatori pe zi; dupa ce ti-ai facut trafic vei fi cautat de ei.
Te inscri primesti 25 $ ca suma de inceput, introduci in cod html in sidebar si astepti sa iti creasca contul.
Signup!
Cam atat stiu, imbogatiti-va din pasiuni!
Technorati Profile

itheme blogger template

2008-03-09T07:27:00.001-07:00

Unu dintre cele mai bune template pe care
le-am vazut. Insa are un lips: Fara adsense intre posturi.
DOWNLOAD
In caz ca nu functioneaza, anunta-ma!

ps: acest template are adaugat tag cloude...gen zoso.ro

Blogger template pe doua randuri

2008-03-09T03:32:00.000-07:00

Download
Demo

Blogger .com template / sablon blospot

2008-03-03T05:53:00.000-08:00

Demo
Download

Blogger .com template

2008-03-03T05:19:00.000-08:00

Download1
Download2
demo

Colectie de 11 template pentru blogger .com

2008-02-16T07:38:00.000-08:00

Download de AICI.

OFERTA

2008-02-15T06:05:00.000-08:00

Cine are blog la bloggre.com/blogspot si vrea sa ii bag un template marfa si toate widgeturile necesare sa dea add la ID-ul de Yahoo Messenger: otto.alin.

sablon blogger

2008-02-15T05:55:00.000-08:00

Template inspirat din cel de aici.
Demo
Download

Blogger template

2008-02-09T22:57:00.000-08:00

DEMO
DOWNLOAD

De ce dispar pozele din posturi (blogger .com)

2008-02-08T13:01:00.001-08:00

Daca ai blog pe platforma blogger.com iar in posturile tale adaugi poze, o sa observi ca nu mereu apar pozele; asta se intampla in special la pozele mai mari de 1 mega.
Sfat:
Cand scri articole cu poze, incearca sa iti hostezi undeva pozele. Multi bloggeri aleg flickr.com, acest site l-as recomanda si eu.
1.Uploadezi imagine la flickr.com
2.Apesi o data pe All SIZE la imaginea dorita.
3.Sub imagine, scrie "Copy and paste this HTML into your webpage:"; copie codul respectiv si introdu-l atunci cand vrei sa apara imaginea ta in articol. Exact ca atunci cand bagi filmulete de pe youtube.
4.Done
REZULTATUL:

Template Aqua

2008-02-07T23:13:00.000-08:00

Poti aduce modificari paginii:
Deschide fisierul downloadar cu rich text document, gaseste sectiunea selectata cu rosu si schimba linkurile :
Acasa cu linkul catre blogul tau
Despre mine cu linkul catre profilul tau....si asa mai departe

Un template destul de marfa.

Downloadeaza!
DEMO!

indexarea siteului/blogului tau

2008-02-07T22:54:00.000-08:00

Ca siteul tau sa fie indexat trebuie sa:

Indexare la Google

1.> Dute la http://www.google.com/addurl/
2.> adauga linkul site-ului/blogului tau

Indexare la Yahoo

1.> Dute la http://help.yahoo.com/help/us/dir/suggest/suggest-01.html

2.>Urmeaza pasii

In special mai la toate motoarele de cautare dupa url scrie /addurl/
www.site.com/addurl/

Optimizare site pe cuvinte cheie

2008-02-07T22:36:00.000-08:00

De ce este nevoie de o optimizare: Ca google sa te gasesasca mai repede.
Pasi:
1.Logheazate in contul tau blogger.com
2.Nu are ce sa ti sa intamla cu templatela, dar se pot intmpla si accidente asa ca salveaza-ti template.
2.Dute la Sablon-> Editare html

Downloadeaza codurile .

Adaugarea unei favicon - widget pentru blogger

2008-02-07T21:06:00.000-08:00

Ce este un favicon ?
De exemplu vestitul "B", insigna de la blogger.
Acum poti sa iti faci si tu o insigna ;)

Pasi:

1.Alegeti o imagine, aceasta poate sa fie in orice format, png, jpeg, etc. Daca nu te-ai hotarat ce imagine sa foloseste intra in http://images.google.com/ scrie acolo favicon si dai search. Sau intra in paint si scrieti initiala blogului, numelui.

2.Trebuie sa transformi imaginea din formatul actual (.png, .jpeg) in formatul .ico; un site un o poti transforma este Html-Kit.com, aici uplodezi imaginea aleasa, o downloadezi transformata in .ico.

3.Trebuie ca imaginea sa fie uploadata, aceasta se poate uploada in pagina ta google sau pe un site unde se pot uploada imagini, recomand Imageshack deoarece este foarte simplu. Uplodezi imagine, vezi unde scrie direct link copiezi linkul respectiv. De preferat uplodezi imagine animata, din folderul extra

4. Deschizi Wordpad, copiezi codul:

<@link href='URL' rel='shortcut icon'/>
<@link href='URL' rel='icon'/>

Sterge semnul de "@"
Inlocuieste "URL" cu cu linkul imaginii.

5. Cauti tagul head, apesi enter dupa el, dai paste la codul de mai.
Rezultatul: Un favicon static sau animat

Succes, sper ca nu este greu.

Downloadeaza tutorial.

Cum sa ?

2008-02-05T10:17:00.000-08:00

Cum sa introduc comentarii recente la blogger ?
Raspunsul AICI !

Cum sa instalez Emoticons pentru blogger ?
Dupa ce am mai publicat un post asemanator, am gasit o varianta mai buna.
Instalarea acestui widget se face relativ simplu, in patru pasi:
1. Te loghezi in contul tau de pe blogger.com, apoi alegi Aspect Paginii (*layout) si Edit Html
2. Cauta tagul ] ] > < / b : s k i n >, acesta este destul de simplu de gasit, fiind pozitionat deasupra tagului "body"

3. Copie

<script src='http://www.geocities.com/kendhin_x/blog/smile/smile.js
' type='text/javascript'/>

4. Cand gasesti codul ] ] > < / b : s k i n > apasa o data pe Enter si dai paste la codul de mai sus.

*Sfat=Incearca sa iei tot codul de la template si sa il vezi in Wordpad, dupa editare ii dai paste la template editat, salvati sablon, si s-a terminat.
Sper ca nu este greu.
Rezultatul:
:) --> :( --> :p -->:D --> :$ --> ;) --> :@ --> :# --> :k --> :x --> :o --> :O --> :L --> :r --> :s --> :y --> :~ --> :v --> :f --> :d --> :c --> :z -->
Cand scrieti cu smyleuri apasati space inainte si dupa smyle ( cuvant :z cuvant)

Din cauza unui bug, pe care nu l-am gasit, acest template nu vrea sa vada anumite coduri...chestii..mi-e lene sa ma uit care-i bugu'
Download de aici tutorialul!