Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




4 POSTS SLIDER ΓΙΑ BLOG


Νέοι bloggers γεια σας!!! Βρήκα ένα πολύ όμορφο slider, αυτόματο, γιά να παρουσιάσετε τις αναρτήσεις σας η τις φωτογραφίες σας...Μπορείτε να βάλετε τίτλο και περιγραφή, καθώς και το link του....
Μη σας φοβίζει, είναι εύκολο...δείτε το DEMO


Μπαίνουμε ΣΧΕΔΙΑΣΗ=>Επεξεργασία HTML=>
και ψάχνουμε (με το ctrl+f) το : </head> 
...και επικολλάμε ΠΑΝΩ / ΠΡΙΝ από αυτό, τον κώδικα:
(κάντε αντιγραφή - επικόλληση) 





Μπορείτε να προσαρμόσετε τις διαστάσεις αλλάζοντας ύψος και πλάτος με τις παραμέτρους
 width:515px  και  height:250px


και πατήστε ΑΠΟΘΗΚΕΥΣΗ......
Τώρα πηγαίνετε...στα GADGETS και φτιάξτε ένα, βάζοντας τον παρακάτω κώδικα:


<script type="text/javascript">
function startGallery() {
 var myGallery = new gallery($('myGallery'), {
         timed: true,
         delay: 5000,
         slideInfoZoneOpacity: 0.8,
         showCarousel: false
 });
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">

<div class="imageElement">
<h3><a href="-ΕΔΩ ΤΟ LINK ΤΟΥ POST 1-">ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ ΤΟΥ POST 1</a></h3>
<p>ΠΕΡΙΓΡΑΦΗ POST 1</p>
<a href="#" class="open"></a>
<img src="TO URL ΤΗΣ ΕΙΚΟΝΑΣ 1" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="-ΕΔΩ ΤΟ LINK ΤΟΥ POST 2-">ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ ΤΟΥ POST 2</a></h3>
<p>ΠΕΡΙΓΡΑΦΗ POST 2</p>
<a href="#" class="open"></a>
<img src="TO URL ΤΗΣ ΕΙΚΟΝΑΣ 2" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="-ΕΔΩ ΤΟ LINK ΤΟΥ POST 3-">ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ ΤΟΥ POST 3</a></h3>
<p>ΠΕΡΙΓΡΑΦΗ POST 3</p>
<a href="#" class="open"></a>
<img src="TO URL ΤΗΣ ΕΙΚΟΝΑΣ 3" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="-ΕΔΩ ΤΟ LINK ΤΟΥ POST 4-">ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ ΤΟΥ POST 4</a></h3>
<p>ΠΕΡΙΓΡΑΦΗ POST 4</p>
<a href="#" class="open"></a>
<img src="TO URL ΤΗΣ ΕΙΚΟΝΑΣ 4" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="-ΕΔΩ ΤΟ LINK ΤΟΥ POST 5-">ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ ΤΟΥ POST 5</a></h3>
<p>ΠΕΡΙΓΡΑΦΗ POST 5</p>
<a href="#" class="open"></a>
<img src="TO URL ΤΗΣ ΕΙΚΟΝΑΣ 5" class="full" alt="" />
</div>

</div>


...Το 5000 είναι η ταχύτητα που αλλάζουν τα θέματα. Οπωσδήποτε αντικαταστήστε τις παραμέτρους με τα χρωματιστά γράμματα... (ΜΟΝΟΝ ΕΤΣΙ ΘΑ ΣΑΣ ΔΕΙΞΕΙ ΤΟ ΑΠΟΤΕΛΕΣΜΑ)
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
(ΕΠΕΙΔΗ ΣΕ ΜΕΡΙΚΟΥΣ ΦΙΛΟΥΣ ΔΕΝ ΔΟΥΛΕΨΕ ΣΩΣΤΑ, ΜΗ ΤΟ ΠΑΛΕΨΕΤΕ ΚΑΙ ΠΟΛΥ...ΘΑ ΒΑΛΩ ΚΙ ΑΛΛΟ...ΑΝ ΣΑΣ ΠΕΤΥΧΕ, ΓΡΑΨΤΕ ΤΟ ΣΤΟ CHAT ΝΑ ΤΟ ΞΕΡΩ...ΔΥΣΤΥΧΩΣ ΚΑΠΟΙΑ SCRIPT ΣΥΓΚΡΟΥΟΝΤΑΙ  ΜΕΤΑΞΥ ΤΟΥΣ ΚΑΙ ΔΕΝ ΛΕΙΤΟΥΡΓΟΥΝ ΣΩΣΤΑ....ΤΟ ΣΩΣΤΟ ΕΙΝΑΙ ΝΑ ΚΑΤΕΒΑΖΟΥΜΕ ΤΟ ΚΑΘΕ SCRIPT, ΝΑ ΤΟ ΑΝΕΒΑΖΟΥΜΕ ΣΕ ΔΙΚΗ ΜΑΣ ΣΕΛΙΔΑ, ΚΑΙ ΝΑ ΕΧΟΥΜΕ ΜΟΝΟΝ ΕΝΑ ΣΕ ΚΑΘΕ ΣΕΛΙΔΑ ΜΑΣ)

...η αντιγραφή και μετάφραση έγινε από το site :   http://www.bloggertipandtrick.net/
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

4 σχόλια:

Eleana Papaioannou (Ελεάνα Παπαϊωάννου) είπε...

οταν λες το λ ινκ του ποστ τι εννοείς?

pandelees karagiann είπε...

λινκ / link ειναι η διευθυνση ενος συνδεσμου....πχ λινκ (διευθυνση ) της αναρτησης......το λινκ (διευθυνση ) του blog μου ειναι http://www.dr-blogger.com/ ...αυτη η αναρτηση εχει τη διευθυνση (λινκ) http://www.dr-blogger.com/2011/02/posts-slider-blog.html

Blog Admin είπε...

mipws mporoume na to kanoume auto mato na pairnei diladi tis anartiseis mono tou???

pandelees karagiann είπε...

φιλε μου, εχω άλλη ανάρτηση για τέτοιο slider...κοιτα εδω....
http://www.dr-blogger.com/2011/09/content-slider-blogspot.html