Ajutor Blogger-hacks,templates,widgets and more: Crearea unui slide de imagini

Descrierea Sitului

Posted by Author On Month - Day - Year

In ultimul timp,o puzderie de "bloggeri" si-au inceput activitatea pe internet. Actionand doar pe o anumita nisa sau abordand subiecte diverse,blogerii din Romania,indemnati de mirajul faimei pe care o poate aduce un Blog(sau ori care alt site web) au umplut web-ul cu un mare "NIMIC".Nimic pe care il intalnesc des,Nimic care ma irita si ma face sa fiu cat se poate de pesimist asupra viitorului online romanesc...Dar...

Blogger Template:Magasin Cuatro

Posted by PetreCruciu On May - 09 - 2009

Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger. Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit. Un sablon care mi-a atras rapid atentia este Magasin Cuatro...

Crearea unui slide de imagini

Publicat de Games Database On 14:30

Slidul de imagini este un fel de link,la care i se adauga niste imagini in miniatura.Marimea imaginilor este de 200px lungime si 100px latime.

Cum sa adaugi continut in slide:

<div class="panel">

<a href="POST-LINK-HERE"
rel="bookmark" title="Link to TITLE"><img style="width
height:100px" src="IMAGE-SOURCE-ADDRESS-HERE"
alt=""/></a>

<h2><a href="POST-LINK-HERE"
rel="bookmark" title="Link to TITLE">POST
TITLE</a></h2>

</div>

Schimba Cuvintele:

POST-LINK-HERE-cu adresa postului tau
IMAGE-SOURCE-ADDRESS-HERE-cu adresa imaginii tale
TITLE-numele titlului cu o scurta descriere,cand cursorul va trece peste imagine,v-a aparea descrierea
POST TITLE-Titlul Postului

Daca vrei sa creezi mai multe poze cu link-uri doar copiaza codul de mai sus si modifica-l dupa bunul plac.

Dupa ce ai modificat codul:

Mergi la Aspect
Elemente de pagina
Adauga un obiect gadget
Selecteaza EDIT
Copiaza codul tau si salveaza

Exemplu de cod pe care il poti adauga:

<div class="panel">
<img style="width:200px; height:100px" src=" http://4.bp.blogspot.com/_xfdD6S9fOk4/SdpuAr2JThI/AAAAAAAAAqM/MwIh5Xqlpzs/s1600/ZZGAMBAR01_Sun.jpg" alt=""/>
<h2><a href="http://www.cahayabiru.com/" rel="bookmark" title="Link to SUN">SUN </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src="http://2.bp.blogspot.com/_xfdD6S9fOk4/SdpuAk8bCyI/AAAAAAAAAqU/SO8OJ48miGg/s1600/ZZGAMBAR02_Mercury.jpg" alt=""/>
<h2><a href="http://www.cahayabiru.com/" rel="bookmark" title="Link to MERCURY"> MERCURY </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://4.bp.blogspot.com/_xfdD6S9fOk4/SdpuAl7FCsI/AAAAAAAAAqc/wQUqM3qmctU/s1600/ZZGAMBAR03_Venus.jpg" alt=""/>
<h2><a href="http://www.cahayabiru.com/" rel="bookmark" title="Link to VENUS"> VENUS </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://1.bp.blogspot.com/_xfdD6S9fOk4/SdpuA3WtKRI/AAAAAAAAAqk/gUi_-Q88Fqc/s1600/ZZGAMBAR04_Earth.jpg" alt=""/>
<h2><a href="http://ajutorblogger.blogspot.com//" rel="bookmark" title="Link to EARTH"> EARTH </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://2.bp.blogspot.com/_xfdD6S9fOk4/SdpuA5BqVWI/AAAAAAAAAqs/njBtRLffEhI/s1600/ZZGAMBAR05_Moon.jpg" alt=""/>
<h2><a href="http://ajutorblogger.blogspot.com/" rel="bookmark" title="Link to MOON">MOON</a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://2.bp.blogspot.com/_xfdD6S9fOk4/SdpuFUlQx3I/AAAAAAAAAq0/P2Bio0lpiE4/s1600/ZZGAMBAR06_Mars.jpg" alt=""/>
<h2><a href="http://ajutorblogger.blogspot.com/" rel="bookmark" title="Link to MARS">MARS </a></h2>
</div>