Se afișează postările cu eticheta Comentarii. Afișați toate postările
Se afișează postările cu eticheta Comentarii. Afișați toate postările

miercuri, 7 martie 2012

Personalizati sistemul de comentarii cu "reply" - Tutorial Blogger

De curand blogger a introdus butonul "Raspundeti" (reply) in sistemul de comentarii de pe platforma Blogger - blogspot. Butonul a fost implementat automat pe sabloanele default dar pe cele descarcate de pe net trebuia, asa cum v-am aratat intr-un tutorial anterior, introdus un cod pentru ca el sa fie vizibil. Odata adus la viata butonul, toata personalizarea sistemului de comentarii a fost redusa la zero.

Astazi am sa va prezint un grup de coduri CSS care adaugat in codul sablonului schimba total fata comentariilor. Prezentat aici el este aproape identic cu cel de pe blogul meu, dar cu putina imaginatie poate fi personalizat dupa dorinta fiecaruia.

sâmbătă, 14 ianuarie 2012

Buton "raspunde" (reply) la comentarii pe Blogger - Optiune noua

Sistemul de comentarii de la blogger nu este foarte agreat printre bloggeri, asa cum este cel de pe platforma Wordpress. Este putin mai greoi, dar eu am crezut intotdeauna ca cine vrea sa comenteze la un articol, o va face oricum ar fi sistemul de comentarii.

Insa cei de la blogger au introdus de vreo doua zile o noua optiune pentru comentarii care incearca si chiar reuseste sa faca mai atractiv actualul sistem. Noua optiune da posibilitatea de a raspunde "special" unui anumit comentariu indiferent de data la care a fost facut, iar comentariu tau sa fie afisat chiar sub comentariul caruia ii raspunzi.




Daca nu stii sigur despre ce este vorba, vezi poza de mai jos.


Pentru a putea beneficia de acesta optiune este neaparat nevoie sa ai feed-ul blogului setat pe "Complet" iar metoda de comentare setata cu formularul de comentare incorporat sub postare.

luni, 8 martie 2010

Emoticoane Yahoo in postari si comentarii pe Blogger

In sfarsit am gasit un javascript care sa adauge automat emoticoane in postarile de pe Blogger. Insa el functioneaza la fel de bine si in privinta comentariilor si chiar a sidebarului. Tot ce trebuie sa facem este sa punem acest JavaScript in html-ul sablonului, apoi cand vrem ca emoticoanele sa apara in postari sau in comentarii trebuie doar sa tastam codul aferent emoticonului respectiv iar dupa publicare codul se v-a transforma in emoticon.

Scriptul poate transforma 79 de emoticoane Yahoo Smileys si 15 emoticoane diferite.
Toate functioneaza atat in postare cat si in comentarii.

Instalare script
Intrati la Aspect --> Editati html si salvati in calculator o copie a sablonului pe care il aveti instalat.
Folosind combinatia de taste Ctrl+F cautati acest cod (este la sfarsitul codului): </body>
si inaintea lui copiati acest cod:

<!--SMILIES-->
<script src='http://bloggeremoticons.googlecode.com/files/emoticons.js' type='text/javascript'/>
<!--SMILIES-->

Salvati sablonul. In acest moment scriptul este instalat si va puteti opri aici. Mergeti la blog si faceti cateva probe pentru a vedea daca functioneaza.

duminică, 28 februarie 2010

Instalati pe Blogger sistemul de comentarii Disqus

Toata lumea este nemultumita de formularul de comentarii pe care Blogger il pune la dispozitie. Toata lumea vrea un formular usor de folosit de genul celor de pe platforma Wordpress.
Pe mine sincer nu ma deranjeaza formularul de pe Blogger, adica daca vreau sa comentez pe un blog o voi face indiferent de modelul de formular gasit.

Dar pentru ca am fost intrebat mereu de o alternativa la formularul de comentarii de pe Blogger, m-am decis sa va arat o alternativa pe care multi bloggeri de pe blogspot o folosesc. Acest formular ne este oferit de catre site-ul  Disqus iar complexitatea implementarii pe Blogger este medie.




Demo

Optiuni in plus oferite de acest sistem de comentarii:
- posibilitatea de a posta replici la alte comentarii (reply)
- posibilitatea de a alege cate comentarii sa apara sub postare (paginatie).
- sortare comentarii (dupa popularitate. mai noi, mai vechi, etc)
- posibilitatea de a alege unde sa apara formularul - inaintea comentariilor sau sub ele.
- puteti alege diferite dimensiuni pentru avatare
- posibilitatea de a personaliza formularul cu ajutorul codului CSS.
- posibilitatea de a posta reactii
- posibilitatea ca vizitatorii sa se poata conecta si comenta cu ajutorul site-urilor sociale (twitter, facebook)
posibilitatea de a adauga Trackbacks  la comentarii
- posibilitatea de a adauga video in comentarii

Pentru mai multe detalii intrati pe centrul de ajutor al site-ului. (engleza)

joi, 20 august 2009

Adauga Yahoo Smiley in comentarii pe Blogger

Cu totii stim ce sunt figurinele Yahoo Smiley. Le folosim foarte des cand vorbim pe mess si de multe ori ele exprima mai bine o stare de spirit decat ar face-o niste cuvinte.

Ne-am dori sa le putem folosi si in blogul nostru, dar din pacate Blogger nu ne ofera aceasta posibilitate. Si totusi, am gasit pe acest blog un truc prin care putem sa ne folosim de ele cand scriem comentarii.



Pentru a ne folosi de ele trebuie sa modificam putin html-ul sablonului prin adaugarea a doua grupuri de coduri, iar apoi cand vom lasa un comentariu nu trebuie decat sa tastam codul fiecarei figurine, la fel ca pe mess, si dupa ce comentariul v-a fi publicat, in locul codului va apare figurina respectiva.

Dar sa trecem la adaugarea codului. In prima faza trebuie sa va duceti la Aspect --> Editati Html si sa salvati o copie a sablonului in calculator. Asta pentru ca daca ceva nu va merge cum trebuie sa puteti reveni la forma lui actuala.

1. Bifati casuta de extindere a sablonului si cautati (Ctrl+F) urmatoarele 2 linii de cod:

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

si chiar intre ele copiati urmatorul grup de coduri

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>





2. In  articolul trecut va spuneam cum sa va hostati singuri scripturile JavaScript din anumite trucuri pe care le folositi in sablon in diferite ocazii. Ei bine acum este o astfel de ocazie si daca urmati cele spuse de mine in articolul trecut veti beneficia singuri de latimea de banda a scriptului.

Acestea sunt site-urile unde va puteti hosta scipturile

SigMirror.com
Boxstr.com
HotLink Files

Deci salvati scriptul din codul de mai jos si hostati-l pe unul din aceste site-uri, iar apoi inlocuiti url-ul din cod cu url-ul codului vostru.
Mai puteti descarca codul si de aici.

Cautati aceast cod (Ctrl+F):

</body>

si inainte de el copiati urmatorul grup de coduri:

<!--SMILIES-->
<script src='http://sites.google.com/site/myfilesdan/smiley2.js
' type='text/javascript'></script>
<!--SMILIES-->


Cei care au comentariul autorului pe alt fundal si au urmat tutorialul meu de la aceasta pagina, trebuie sa introduca acest cod in locul codului de mai sus:

<!--SMILIES-->
<script src='http://sites.google.com/site/myfilesdan/smiley5.js' type='text/javascript'></script>
<!--SMILIES-->

22-01-2010 Am modificat din nou codurile. Acum ar trebui sa mearga.
Salvati si postati un comentariu de proba. E posibil ca figurinele sa nu apara imediat.

marți, 4 august 2009

Comentarii numerotate pe Blogger

Daca esti pe Blogger si ai multe comentarii la posturi, cateodata e destul de greu sa te orientezi si sa gasesti comentariul pe care il cauti.  De aceea comentariile numerotate sunt una din solutiile care te pot ajuta.
Sau poate doar vrei ca comentariile tale sa arate altfel dar nu stii cum sa faci. Comentariile numerotate pot da un stil aparte paginii.
Truc by Numbering Comment Trick
In aceasta poza vedeti cum arata ele.



Daca vreti sa aveti comentarii numerotate trebuie sa editati html-ul sablonului prin adaugarea catorva coduri.

Conectati-va in contul vostru Blogger si urmati calea: 'Aspect --> Editati Html'.
Aici primul lucru pe care trebuie sa-l faceti este sa descarcati o copie a actualului sablon in calculator. Acest lucru ajuta in cazul in care ceva nu merge cum trebuie sa puteti reveni imediat la el.




Bifati casuta de langa 'Extindeţi şabloanele control'. Folositi combinatia de taste Ctrl+F si copiati in caseta de cautare urmatorul cod:  dl id='comments-block.

Veti gasi un grup de cod ca cel de mai jos sau asemanator. Diferenta de la un sablon la altul este destul de mica asa ca fiti un pic atenti si veti reusi sa gasiti codul. In grupul de cod gasit adaugati codurile scrise cu rosu asa cum vedeti mai jos .

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comment-number' style='float: right; font-size: 20px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

<dd class='comment-body'>

Puteti modifica marimea fontului prin inlocuirea numarului 20 cu un numar care credeti ca va arata bine in blogul vostru. Salvati si daca va place cum arata va puteti opri aici.

Daca vreti sa arate altfel trebuie sa adaugam un cod CSS care sa il faca sa arate ca in poza de mai jos.



Pentru al face sa arate asa gasiti codul de mai jos

]]></b:skin>

si inainte de el copiati urmatorul cod:

/*begin Css code for number comment number*/
.comment-number {
float: right;
background: url(http://2.bp.blogspot.com/-V5pDWwRoI2Q/Tg7-popdnQI/AAAAAAAANyk/yLbDBII3vVo/s1600/norisori.png) no-repeat;
width:53px;
height:53px;
padding:5px 0 0 0;
margin-right: 5px;
margin-top: -20px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 18px;
font-weight: bold;
}

/*since the numbers are actually links, we need to force the color properties*/

.comment-number a:link, .comment-number a:visited {
color: #445566 !important;
text-decoration: none !important;
}
.comment-number a:hover, .comment-number a:active {
color: #FF9933 !important;
text-decoration: none !important;
}
/*end Css code for number comment number*/

 Salvati si vedeti cum arata.
Daca aveti probleme cu pozitia lor modificati urmatoarele coduri pana cand va convine cum arata.

margin-right: 5px;
margin-top: -20px;

vineri, 10 iulie 2009

Adauga un widget cu Ultimele comentarii pe blog

Acum catva timp am facut un post despre cum sa adaugi un gadget cu comentarii recente pe Blogger, deci nu voi mai vorbi despre importanta acestui widget.

De curand am dat peste un alt site (Tips for New Bloggers) care prezinta un alt mod de a afisa ultimele comentarii pe blog. Acest widget foloseste un script JavaScript pentru a extrage din feed ultimele comentarii de pe blog. Modul de afisare este altfel, un pic mai bine zic eu decat in modul clasic, asa ca poate vreti sa-l folositi pe acesta.

Widget-ul arata asa:




luni, 6 iulie 2009

Blogger - Widget cu Total posturi si comentarii pe blog

Acest widget pentru blogurile de pe Blogger se adauga in sidebar si arata numarul total de posturi si comentarii de pe blog. Se foloseste de feed-ul default al blogului pentru a extrage numarul de postari si numarul de comentarii, deci trebuie sa aveti activat feed-ul blogului pe una din variante "Complet" sau "Pe scurt".

Widget-ul este gasit aici (total comment count in blogger) si modificat de mine prin adaugarea catorva elemente CSS pentru a arata cum doresc eu.

Widget-ul arata asa:


Deci daca doriti acest widget pe blogul vostru blogspot, in prima faza trebuie sa va conectati in contul vostru Blogger si apoi sa urmati calea "Aspect --> Elemente de pagina --> Adaugati un obiect gadget". Din pagina deschisa alegeti "HTML/JavaScript" si puneti un titlu, oricare doriti.

duminică, 31 mai 2009

Adauga un widget Top Comentatori in Blogger

Un alt mod de a incuraja vizitatorii sa comenteze pe blog este sa puneti in sidebar un widget cu 'Top Comentatori'. Acest widget  era pana de curand disponibil numai pe blogurile Wordpress, dar datorita blogului Google Operating System widget-ul 'Top Comentatori' poate fi afisat si pe blogurile Blogger - Blogspot.

Acest blog a creat un cod JavaScript care foloseste Yahoo Pipes si feed-ul blogspot pentru comentarii. Puse impreuna creaza un script 'Top Comentatori' foarte usor de implementat in blogspot.

Instalarea scriptului

Pentru a instala acest script urmati calea: 'Aspect --> Elemente de pagina' si apoi 'Adaugati un obiect gadget' de unde alegeti optiunea 'Html/JavaScript'.

duminică, 17 mai 2009

Comentariul autorului de blog pe alta culoare de fundal in Blogger

Update:
De cand s-au introdus comentariile cu reply acest truc nu mai functioneaza. Merge doar pe sabloanele descarcate de pe net care nu au comentariile cu reply activate.

 Nou: La sfarsitul acestui articol am pus un video in care veti vedea cum sa faceti comentariul autorului de blog pe alta culoare de fundal - special pentru cei care folosesc sabloanele noi de la blogger.

Unul dintre lucrurile pe care le poti face pentru a incuraja vizitatorii sa comenteze pe blog este acela de a raspunde la comentariile postate de cititori. Dar pentru vizitatori nu este intotdeauna usor sa deosebeasca comentariul autorului de blog, mai ales cand postul are foarte multe comentarii.

Dar se poate si altfel. In Blogger poti face ca comentariile proprii sa apara pe alt fundal. Tot ce trebuie sa faceti este sa adaugati o bucata de cod in Html-ul sablonului.Deci daca vreti ca comentariile proprii sa apara pe alt fundat trebuie sa faceti urmatorii pasii:

1. Logati-va in contul vostru Blogger si urmati calea 'Aspect --> Editati Html'. Inainte de a umbla la codul sablonului descarcati actuala varianta a sablonului in calculator; in caz ca ceva nu merge cum trebuie sa puteti reveni usor la el.

sâmbătă, 2 mai 2009

Cum sa scoti nofollow din comentarii pe Blogger


Toate sabloanele Blogger sunt setate implicit cu atributul nofollow pentru comentarii. Asta inseamna ca atunci cand cineva posteaza un comentariu pe blog, desi lasa in semnatura adresa catre blogul lor, aceasta nu va fi urmata de catre motoarele de cautare.

Atributul nofollow se pune pentru a descuraja spamul in comentarii, dar cu toate astea cateodata nu este de ajuns. A deveni un blog cu follow la comentarii poate fi totusi benefic, mai ales daca sunteti un blogger la inceput, prin faptul ca veti incuraja vizitatorii sa comenteze articolele voastre si astfel se vor intoarce mai des pe blog. A scoate nofollow este si un semn ca apreciati oamenii care comenteaza be blogul vostru.

Deci daca v-ati hotarat sa deveniti un blog dofollow acestia sunt pasii care trebuie urmati pentru a face asta:

1. Conectativa in contul vostru Blogger-blogspot si urmati calea "Aspect --> Editati Html" si bifati casuta pentru a extinde sablonul. Inainte de a va edita sablonul ar trebui sa descarcati sablonul actual in calculator, in caz ca ceva nu merge bine sa puteti reveni inapoi la el.

2. Cautati in Html urmatorul cod:


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


sau ceva asemanator in functie de template-ul pe care il aveti. Daca nu reusiti sa-l gasiti incercati o cautare in pagina: Ctrl+F si cautati urmatoarele cuvinte: comments-block .

3. Stergeti cuvintele scrise cu rosu: rel='nofollow' in bucata de cod de mai sus si salveaza sablonul. Acum blogul tau va avea follow la comentarii.

Un lucru bun de facut dupa asta ar fi sa anuntati vizitatorii printr-un banner sau text ca blogul are follow la comentarii si sa activati moderarea comentariilor pentru a evita spamul. Daca aveti un PR 2 sau mai mare va puteti inscrie si in colectia de bloguri romanesti care nu au atributul nofollow la comentarii. Tot aici in partea de jos a site-ului gasiti si bannere gratuite cu dofollow.

joi, 9 aprilie 2009

Adauga un gadget cu Ultimele postari sau comentarii

Atunci cand comentezi pe un site si nu te abonezi la feed-ul comentariilor iti este destul de greu sa verifici daca cineva a postat o replica la comentariul tau, deoarece iti e greu sa gasesti postul in care ai comentat. Acest widget ajuta vizitatorii blogului tau sa gaseasca mai usor postul in care au comentat dar ii si incita pe alti sa ajunga la articolele cele mai discutate.

Daca ai blog de la Blogger si vrei sa ai si tu un widget cu Ultimele postari sau Ultimele comentarii in sidebarul blogului cred ca ti-ai dat seama pana acum ca nu este nici o posibilitate sa faci asta. Sau este?

Este si e foarte usor de adaugat.