BEST MOVIES
Se afișează postările cu eticheta BANNERE. Afișați toate postările
Se afișează postările cu eticheta BANNERE. Afișați toate postările

joi, 15 decembrie 2011

Widget-Creare Ad Banner Rotitor

Sa presupunem ca aveti un blog mare.Cand spun mare,ma gandesc la cateva mii de vizitatori pe zi.
Sa presupunem din nou ca adviserii se bat intre ei ca sa isi posteze bannere la tine pe blog...
Tu ce faci?Spatiul este limitat si nu iti ajunge pentru toti,astfel o sa pierzi niste bani.
Ajutor Blogger iti prezinta alternativa...
Crearea unui widget care sa iti afiseze pe rand toate bannerele in spatiul pe care l-ar ocupa numai unui.
Nu intelegi ce vreau sa spun...?Citeste in continuare si te vei lamuri!!!

Urmeaza urmatorii pasi:
Aspect>>Adauga un element gadget>>HTML/JAVASCRIPT
In fereastra aparuta,adauga urmatorul cod:


<script type="text/javascript">
var imgs1 = new Array("http://www.gigafilehost.net/files/167/reclama-ta.PNG","https://www.sfimg.com/Images/Banners/Banner12.gif","https://www.sfimg.com/Images/Banners/Banner13.gif","http://www.gigafilehost.net/files/167/Untitled-2.gif");
var lnks1 = new Array("http://games-database.blogspot.com/","http://ajutorblogger.blogspot.com","http://google.ro","http://ajutorblogger.blogspot.com","http://games-database.blogspot.com/");
var alt1 = new Array();
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",9000);
</script>
<a id="adLink1" href="http://anshuldudeja.blogspot.com" target="_blank">
<img id="adBanner1" border="0" width="125" src="http://anshuldudeja55.googlepages.com/anshuldudeja.com.png" height="125"/></a>

INSTALAREA:
1.Link-urile in rosu reprezinta adresa url a imaginilor banerelor 
2.Link-urile in verde reprezinta  adresele carora adviserii vor sa le faca reclama
3. var imgCt1 = 5 in maro reprezinta numarul de imagini pe care vrei sa il areti in widget
4.window.setInterval("cycle1()",9000); in portocaliu este timpul de schimbare al bannerelor...il poti seta dupa nevoie.
5.Lungimea si latimea bannerelor este setata la 125,poti de asemeanea sa o modifici 

Sper sa puteti acum sa afisati toate bannerele sponsorilor. 

marți, 25 octombrie 2011

Cum se face un Banner simplu in format gif cu Gimp

Banner-ul pe care il voi crea va fi acesta din stanga (daca doriti sa-l faceti cu alte culori, voi scrie si despre asta in acest tutorial, dar eu il voi face simplu)
In primul rand trebuie sa aveti programul Gimp. Acesta ildescarcati de aici!
Acum, dupa ce ati instalat programul si l-ati deschis, mergeti la File/New, sau apasati Ctrl+N (imagine1.0).
**Eu am Gimp-ul in italiana, dar sunt sigur ca o sa intelegeti!

imagine 1.0

Scrieti marimea banner-ului care doriti sa-l creati ,eu o sa pun 125X125, si apasati OK (imagine 1.1).

imagine 1.1

(** Inainte de a trece la pasul urmator, daca doriti sa schimbati imaginea de fundal a banner-ului din alb in alta culoare apasati pe galetusa(vezi in imaginea 1.2), in bara de instrumente din stanga, langa A, alegeti culoarea si apasati click stanga pe banner!)
Acum apasati pe 'A' in bara de instrumente din stanga. Modificati fontul, culoarea, marimea textului din partea de jos a barei de instrumente (imagine 1.2)

Imagine 1.2

Selectati suprafata unde doriti sa scrieti textul, se va deschide casuta unde trebuie sa scrieti ceia ce doriti sa apara pe banner si inchideti. Eu voi scrie Banner gif (imagine 1.3)

Imagine 1.3

Acum mergeti pe filtri/animazioni/burn-in (imagine 1.4).

Imagine 1.4

Se va deschide o noua fereastra si completati ca in imaginea de mai jos (La culoare puteti modifica din negru, in ce culoare are textul cu care ati lucrat pana acum, daca e negru lasati asa) si apasati OK (Imagine 1.5).

Imagine 1.5

Acum mergeti iar pe filtri/ animazioni/ esecuzioni (imagine 1.6)
Apasati play in noua fereastra lasati sa se reproduca si inchideti!

Imagine 1.6


Acum e aproape gata! Mergeti sa salvati banner-ul. Sus in stanga apasati pe File/ Save As (imagine 1.7)

Imagine 1.7

Acum dati un nume banner-ului. ex banner.gif (foarte important sa scrieti la urma .gif), alegeti calea unde doriti sa se salveze si salvati (imagine 1.8).

Imagine 1.8

Acum foarte important bifati a doua optiune, sa salvati ca animatie si apasati esporta,  (imagine 1.9)

Imagine 1.9

Acum salvati si gata!
Asa arata banner-ul care l-am creat.


**Culoarea textului sau a fundalului le puteti schimba foarte usor

lucru

Grab the widget  IWeb Gator