Cum se inserează un banner pe blog 3

Scurtă recapitulare

Am discutat în articolul „Afişarera de bannere” despre importanţa bannerelor şi am precizat că cu blogul şi bannerele se pot face bani pe net.

În articolul „Cum se inserează un banner pe blog”, am discutat despre HTML şi câteva noţiuni importante despre codul HTML care ne trebuie pentru a afişa un banner.

În articolul „Cum se inserează un banner pe blog 2”, am discutat despre principalele TAG-uri HTML, cele de care avem nevoie pentru a ne scrie scripturile de afişare a unui banner, care să ne ducă la o anume pagină web, aleasă de noi.

Astăzi, o să dăm exemplu de cum anume se afişează un banner, pornind de la ideea că avem deja codul HTML pregătit.

Pentru cei care vor să îşi scrie codurile lor, am dat în articolele precedente textul codului. Ceea ce trebuie modificat, este:

A. URL-ul ţintă. Adică, acea adresă de pagină web unde vrei TU să trimiţi pe cel care face clic pe banner.

B. URL-ul imaginii. Imaginea pe care o vei afişa, depinde de ce anume reclamă faci. Poţi spre exemplu să fii afiliat la un program oarecare, să spunem la 000WebHost.com. Fie preiei codul de acolo şi îl salvezi într-un fişier text, să zicem „Script-000WebHost-banner.txt”, fie modifici scriptul dat de mine. Dacă vrei să găzduieşti TU bannerul, atunci trebuie să îl descarci pe calculatorul tău, apoi să îl încarci pe blog, ca pe oricare altă imagine. Acolo pe blogul tău, vei avea un URL asociat imaginii tale. Înlocuieşti în tagul „img src” adresa web a imaginii mele, cu cea a imaginii tale şi salvezi fişierul respectiv.

Fişierul .txt, îl creezi fie cu NotePad din Windows, fie cu alt editor ASCII.

Să trecem însă acum la partea care ne interesează: cum ajunge scriptul nostru să afişeze bannerul în coloana laterală a blogului.

Pentru că Anca Rus, prima absolventă a CBPN 01 a întâmpinat dificultăţi tocmai aici, o să vorbim despre cum se face asta într-un blog deschis pe wordpress.com.

O să ne logăm pe contul de administratori şi o să ajungem în dashboard-ul wordpress.com. Acolo, selectăm din meniul stânga, opţiunea „Widgets”, din grupul „Aspect” sau „Theme”. Vor apare acele casete gri. Alegem acea casetă numită „Text”.

Clic-stânga pe mouse şi târâm widgetul până ajunge în coloana din stânga.

Abia când apare chenarul cu linie întreruptă, dăm drumul la butonul stânga al mouse.

Dacă operaţiunea (drag’n’drop se numeşte) a fost corect făcută, atunci trebuie să vedem aşa ceva:

Cu asta, am pregătit „terenul” pentru instalarea scriptului pe coloana laterală (Sidebar) a blogului. Ulterior, o putem târî mai sus sau mai jos, depinde unde vrem să apară ea în coloană şi ce alte widgeturi mai avem.

Completăm coloana „Titlu” dacă vrem asta, sau dacă trebuie să atragem atenţia în mod mai „agresiv” asupra conţinutului casetei. Bifăm caseta checkbox „Automatically Add Paragraphs” pentru a preveni afişarea bannerelor lipite unul de celălalt. Se mai poate rezolva adăugând tagul br, pus între paranteze unghiulare, ca în imaginea de mai jos, unde se vede deschisă exact caseta mea „Text” de pe acest blog:

Acum, cu caseta noastră deschisă, introducem conţinutul scriptului nostru în casetă, astfel:

Deschidem fişierul text cu scriptul nostru, cel salvat anterior;

Facem clic undeva în text şi apăsăm combinaţia de taste „Ctrl+A”, care înseamnă „Select All”; va fi selectat întreg textul; „Ctrl+C” pentru a copia în clipboard textul; ne mutăm în browser, la pagina Dashboard a WordPress, unde avem caseta pregătită şi dăm „Ctrl+V” sau „Paste”, inserare, pentru a copia în casetă conţinutul clipboardului, care are acum memorat codul nostru.

Caseta ar trebui să arate după operaţia de inserare, cam aşa:

Acum apăsăm butonul „Salvează” sau „Save” şi putem să vizualizăm blogul nostru, cu bannerul inserat!

Mult succes şi aştept să văd bannerele inserate şi ATENŢIE!! corect dimensionate!

Şerban Stănescu, Proiectul ZENLA.

PS: Iată acelaşi script, inserat în pagina articolului:

CURS GRATUIT!





1 comentariu (+add yours?)

  1. C.Anca Rus
    Mar 30, 2011 @ 10:12:01

    Mulţumesc din suflet!!!

    Răspunde

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s

%d blogeri au apreciat asta: