sâmbătă, 30 august 2014

Cum ataşezi un link spre o pagina de internet unei imagini pe un site/blog

Cod html pentru imagine cu link catre o pagina de internet





 când vei dori să ataşezi un link unei imagini pe un site/blog -  adresa generică a acestei acţiuni va arăta întotdeauna cam aşa:

<a href="URL" target="_blank" title="TITLE"><img src="Image URL" border="0" width="80" height="15" alt="Description" /></a>

Acum, câteva explicaţii esenţiale:

1) URL este adresa unde vrei să ajungă cei care dau click pe imagine.

2) Foloseşti atributul "target="_blank" numai dacă doreşti ca adresa de destinaţie să se deschidă într-o fereastră nouă. Dacă nu, scoţi acest atribut pur şi simplu.

3) TITLE este ceea ce se va putea citi atunci când cursorul mouse-ului va fi deasupra imaginii, printr-un efect de pop-up. Este citit de către motoarele de căutare şi e bine să conţină cuvinte cheie. În general, TITLE coincide cu Description.

4) În ceea ce priveşte Image URL, este clar că e vorba despre adresa pe care a furnizat-o serverul care face hostingul imaginii, aşa cum am arătat mai sus. Mnoa, şi acum purcedem la o probă practică:

o ţeavă mare şi urâtă îndreptată în sus

Dacă doreşti să vezi imaginea pe centrul paginii, şi nu la dreapta, adaugi înaintea codului <center>iar la final închizi cu </center>.

Exercitiul meu:

Imaginea din blogger fara link spre o pagina de internet:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKi_MB83TCO6XoSCMwCGuv8CVxKU7-h0dIQ-b4BqOI1dkxIi2-VSwLgTLDvSbqfr3611ShZ4VxInNF0ciTChtUnQCw5xj1-DQeXNpOKlOiq8knVadhsvmZpRPS9kxt8ihg-GmUwmOKEEX/s1600/banner-new-20-pantofi-mocasini-balerini.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKi_MB83TCO6XoSCMwCGuv8CVxKU7-h0dIQ-b4BqOI1dkxIi2-VSwLgTLDvSbqfr3611ShZ4VxInNF0ciTChtUnQCw5xj1-DQeXNpOKlOiq8knVadhsvmZpRPS9kxt8ihg-GmUwmOKEEX/s1600/banner-new-20-pantofi-mocasini-balerini.png" height="111" width="320" /></a></div>

si imaginea va fi ca mai jos:

Dupa pa ce atasez link spre un site, respectand asezarea linkului din tutorialul de mai sus, in plus, am pus si atributul  "target="_blank" imediat dupa link - ca sa se deschida in alta fereastra, va arata asa:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://event.2parale.ro/events/click?ad_type=quicklink&aff_code=d471d7870&unique=6f77641d1&redirect_to=https%253A%252F%252Fwww.miniprix.ro%252Ftarget="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKi_MB83TCO6XoSCMwCGuv8CVxKU7-h0dIQ-b4BqOI1dkxIi2-VSwLgTLDvSbqfr3611ShZ4VxInNF0ciTChtUnQCw5xj1-DQeXNpOKlOiq8knVadhsvmZpRPS9kxt8ihg-GmUwmOKEEX/s1600/banner-new-20-pantofi-mocasini-balerini.png" height="111" width="320" /></a></div>

si imaginea se deschide astfel:


Lectia am luat-o de aici: http://cumsablog.blogspot.ro/2008/05/cum-s-asociezi-unei-imagini-de-pe-blog.html


duminică, 24 martie 2013

Cum am modificat titlul in sablon pentru o mai buna optimizare

Modificarea titlului in sablon

Azi mi-am facut curaj sa intru in sabloane sa fac modificari. Dar, regula de aur, la un nestiutor ca mine - am salvat intai sablonul, ca sa fiu sigura ca daca imi stric blogul, pot sa-l refac. Mi-e frica sa fac tot felul de modificari, pentru ca nu ma pricep deloc la coduri HTML, iau tutoriale si le aplic "roboteste". De asta am facut acest blog, pentru incercari.
Na, am facut cam asa:

Cum am realizat un sitemap - si l-am adaugat in Google Webmaster

Cum am realizat un sitemap pentru blogger - blog pe google

Pentru a avea acces la Google Webmasters si implicit la toate facilitatile oferite de acest serviciu este necesar sa aveti un cont personal Google. Daca nu aveti unul, puteti sa va faceti un cont aici.
Odata contul creat, accesati http://www.google.com/webmasters/tools si logati-va cu adresa de mail si parola contului vostru Google.

Dupa ce am adaugat blogul in Google webmaster, acum vom vedea cum sa adaugam un sitemap al blogului nostru blogger blogspot pentru ca Google sa stie ce postari avem pe blog si sa le indexeze mai repede.

Atunci cand adaugam blogul, Google webmasters preia automat ca sitemap acest url: 

http://blogpegoogle.blogspot.ro/feeds/posts/default?orderby=UPDATED 

care este bazat pe feedul blogului , dar care din pacate contine doar ultimele 25 de postari.
Mai jos vedeti ce am facut eu ca sa adaug pentru ca google sa indexeze toate postarile.
Adaugarea unui sitemap

In primul rand am intrat in contul blogger la: Setari --> Altele --> Feed de site si la optiunea "Permiteţi feedul pentru blog" am setat "Complet".

Apoi am intrat in contul de la Google webmasters si am dati clic pe blogul caruia am vrut sa-i adaug sitemap-ul.


Am intrat la "Optimizare" si apoi la "Sitemaps". In coltul din dreapta sus am dat click pe "Adaugati/Testati un sitemap". In fereastra deschisa am introdu aceasta parte de url:

atom.xml?redirect=false&start-index=1&max-results=500



Am dat clic pe butonul "Trimiteti sitemap" si apoi pe "Actualizaţi pagina". Am fost redirectionat catre pagina  "Sitemaps" unde am vazut sitemap-ul  adaugat si numarul de postari pe care l-am scris pe blog. Numarul de postari indexate va fi actualizat in cateva zile.


Acel url de mai sus este sitemap-ul primelor 500 de postari. Daca aveti peste 500 de articole pe blog, atunci va trebui sa mai adaugati un alt url care sa trimita catre google inca 500 de articole. Dati din nou clic pe adaugati un sitemap si introduceti acest url:
atom.xml?redirect=false&start-index=501&max-results=500

Dar ce se intampla daca avem sa zicem peste 1000 de articole, sau peste 1500, peste 2000 si asa mai departe? Va trebui desigur sa adaugam url-uri cu sitemap-uri in functie de cate articole avem pe blog.

Pentru bloguri cu peste 1000 de articole
atom.xml?redirect=false&start-index=1001&max-results=500

Pentru bloguri cu peste 1500 de articole
atom.xml?redirect=false&start-index=1501&max-results=500

Pentru bloguri cu peste 2000 de articole
atom.xml?redirect=false&start-index=2001&max-results=500

Pentru bloguri cu peste 2500 de articole
atom.xml?redirect=false&start-index=2501&max-results=500

Pentru bloguri cu peste 3000 de articole
atom.xml?redirect=false&start-index=3001&max-results=500


E posibil ca Google webmasters sa nu actualizeze intotdeauna sitemapul, poate chiar cu lunile, asa ca din cand in cand intrati pe blogul vostru din Google webmasters la Sitemapuri, bifati ultimul sitemap adaugat si dati clic pe "Retrimiteti".
Sitemap-ul blogului se va actualiza si pe masura ce google va indexa postarile, acestea vor fi afisate si in Google webmasters in dreptul sitemap-ului.

Ajutorul si realizarea articolului vine de la http://bloggerajutor.robloguri.info caruia ii multumesc pentru articolele pe care le scrie.

luni, 1 octombrie 2012

Cuprins in pagina statica

In pagina de editare - Prezentare generala - apare Tabul Pagini si acolo:

Introduc asta:

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


la Pagini - stanga, cand deschizi dashboard si scrii intr-o pagina noua - editezi tu html (ca te intreaba) - pui textul de mai sus si apare cuprinsul in pagina mereu - sa nu uiti sa activezi "afisati paginile ca ..."




duminică, 16 septembrie 2012

Unde sa te mai inscrii ca sa apari in cautari pe net - 2

Unde sa te mai inscrii ca sa apari in cautari pe net - 2

www.alexa.com - la asta m-am muncit destul de mult
http://www.dmoz.org/ - te avertizeaza ca nu e sigur ca o sa te ia in calcul, te analizeaza niste persoane, nu automat.

http://www.rankchecker.com/pagerank-checker/ -din acesta am ajuns aici: http://www.semrush.com/ - asta e ceva motor de cautare - si iti arata daca existi, inclusiv cautare in facebook;
Ce tare! Am gasit azi acest site: https://bitly.com/ care iti scurteaza linkurile, si e foarte bun pentru afiliere, ca in loc de linkul acela de un km se transforma intr-unul de cateva litere, si ramane link de afiliere, ca l-am incercat! Am "furat" ideea de la postarile din fb ale PRO-TV-ului, (si altii, de altfel) care are cateva cuvinte si apoi un link; Si iaca asa face. Foarte util!
Cred ca am sa mai actualizez acest post, ca tot descopar cate ceva.

joi, 13 septembrie 2012

Unde sa te mai inscrii ca sa apari in cautari pe net

Incerc din greu sa mai apar pe net cu site-urile: http://e-toatacasa.blogspot.ro/http://relativsori.blogspot.ro/http://sorishop.blogspot.ro/http://fashionfrontiere.blogspot.ro/ ca sa urce putin page-rank-ul. Caci am gasit posibilitatea sa scriu niste "advertising" dar trebuie sa am PR de la 2 in sus. Si am constatat ca http://sorishop.blogspot.ro/ are pr=2. M-am bucurat grozav, ca de mult timp nu am mai verificat. Si atunci m-am pus sa le inscriu si pe celelalte in: http://www.bloglist.ro/index.phphttp://www.checkpagerank.net/fake_pagerank, www.kappa.ro, www.toateblogurile.ro, si am descoperit http://www.webutation.net/ - care verifica reputatia site-urilor. Foarte bine. E bine sa dai o cautare, ca asta face ca site-ul tau sa apara pe net in cautari. Ce chestie! Si am mai gasit o figura: sa adaugi site-ul tau, cu mana ta, in cautarile de la google si de la yahoo. Adica deschizi google (daca esti acolo, existi) si scrii: "add url to google", o data, si a doua oara "add url to yahoo". Pentru yahoo v aintra Bing, mai nou. Si te coordoneaza acolo ce ai de facut (e in engleza, cred, pe yahoo, cel putin eu in engleza am mers). Insa asta ajuta ca site-ul tau sa fie bagat in seama.
Si am mai gasit o chestie. Scrii pe google: info: http://fashionfrontiere.blogspot.ro/ (eu am scris unul dintre site-urile mele) si vei vedea o multime de lucruri cu site-ul tau, chiar afli daca ai aparut in unele cautari. Eu asa m-am gasit pe http://www.webutation.net/.
Uite cum arata chestia cu info de la google, poza facuta de http://www.checkpagerank.net/fake_pagerank:


Acuma nu-mi vin mai multe in cap, dar mi-am dat seama ca degeaba ai un site si tot scrii pe el, daca nu-l si promovezi, intr-un fel. Ca netul e MARE!
I'l be back.
Aceste informatii sunt pentru mine, sa nu uit ce am de facut cand imi mai trece prin cap sa lansez un site, ca mult mai e de lucru pana sa fie functional. Trebuie si facebook, si google+, si twitter, si mai sunt. Inca nu le-am incercat pe toate.

luni, 18 iunie 2012

Despre cum creez CUPRINS-ul - actualizare

Despre cum creez CUPRINS-ul - actualizare

Postul apare cu dungi albe, ca inca nu stiu sa pun culoarea normala a sablonului, asa ca il las asa, ca nu asta este subiectul.


Mi-am dat seama ca varianta in care pui cuprinsul asa cum am  scris in postul http://blogpegoogle.blogspot.ro/2012/04/despre-cum-creez-cuprins-ul.html nu e buna, ca iti intinde cuprinsul cat e de lung pe foaie si devine imposibil.


Si m-am prins cum sa procedez:
La inceput e ca in postarea trecuta:


Introducerea unui CUPRINS in blogul blogspot de la Google:
Deschid o postare noua, nu intru la "scrieti" ci la HTML si acolo pun textul de mai jos:

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js%22%3E%3C/script>
<script src="http://blogpegoogle.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
 

Atentie, se inlocuieste  blogpegoogle cu denumirea blogului pentru care creez cuprinsul
Ca titlu i-am zis CUPRINS si, in plus ii pun Eticheta CUPRINS - asta devine important imediat.
Numai ca va aparea ca o postare obisnuita, si ca sa nu fie insirat pe prima pagina (de unde va disparea dupa mai multe postari noi), o sa-i programez publicarea intr-o data din trecut, si dau "publica", asa ca se va publica in trecut, si va aparea printre postarile din ziua respectiva.


Insa as dori sa fie accesibil din pagina principala, ca sa fie usor accesibil, asa ca aici e smecheria pe care am facut-o (greu m-am prins cum sa procedez): am intrat la Design, Aspect, Adaugati un obiect gadget, si de aici am ales Etichete / Etichete selectate/ imediat dedesubt apare nr. de etichete pe care le aveti si optiunea "editati", deci intrati in editare si debifati tot, apoi selectati doar eticheta CUPRINS. Eu am lasat apoi selectat "Alfabetic", "Lista" si am debifat "Afisati numarul de postari ....". Acest gadget l-am salvat in dreapta sus, in capul tuturor gadgeturilor. A, sa nu uit. Am sters denumirea acestui gadget "Etichete" si dupa ce am salvat a aparut doar denumirea de CUPRINS, asa cum vedeti pe pagina principala.

Sper ca se intelege, ca eu insami nu am fost multumita de varianta anterioara, din postul scris mai sus. Acuma e bine.


Mult mai e de lucru!
Daca vrea cineva sa vada cum mi-a iesit pe celelalte bloguri:
http://relativsori.blogspot.com
http://sorishop.blogspot.com
http://fashionfrontiere.blogspot.com