Featured

Search This Blog

Από το Blogger.

Popular

Automatic Image Slider for Blogger using Bookflip

Share it:

bookflipΣήμερα θα σας παρουσιάσω 1 εξαιρετικά ενδιαφέρον όσο και όμορφο widget!
Το συγκεκριμένο widget μπορούμε να το φέρουμε
στα μετρά μας όσον αφορά τις διαστάσεις,είναι πολύ εύκολο στην εγκατάσταση του και προσθέτει ομορφιά στο blog μας.
Το
συγκεκριμένο widget παρουσιάζει τις τελευταίες αναρτήσεις του blog μας στον αριθμό που θα καθορίσουμε,χρησιμοποιώντας το pageflipping εφέ(δλδ σα να ξεφυλλίζετε 1 βιβλίο!!!Πάμε να δούμε βήμα βήμα τι πρέπει να κάνουμε:

1.Πάμε στον πάνοπλη του blogger.
2.Αποθηκεύουμε κάλου κάκου το πρότυπο μας
3.Επιλεγούμε "Σχεδίαση" όπου και μας βγάζει στα "Στοιχειά σελίδας"
4.Επιλεγούμε "προσθήκη gadget".
5.Επιλεγούμε "html/javascript"(patame to "+")
6.Κάνουμε copy-paste τον κωδικό που θα σας δώσω στη συνεχεία.
7.Επιλεγούμε "Αποθήκευση".
8.Επιλεγούμε το σημείο που θέλουμε να εμφανίζεται το widget μας και το σέρνουμε στην επιθυμητή θέση.
9.Πατάμε "Αποθήκευση" πάνω δεξιά στον πάνοπλη μας και είμαστε έτοιμοι.Κάντε ανανέωση στο blog σας και θαυμαστέ το

καινούριο σας widget!!!

κωδικός:

<script type="text/javascript">
// 7 variables to control behavior
 
var Book_Image_Width    =140;
 
var Book_Image_Height   =225;
var Book_Border         =true;
 
var Book_Border_Color   ="gray";
var Book_Speed          =15;
var Book_NextPage_Delay =1500; //1 second=1000
var Book_Vertical_Turn  =0;
// variables for content
var random_posts        = true; // random posts
var numposts_gal        = 10;   // number of posts
</script>
<script src="
http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js"

type="text/javascript"></script>
<script src="
http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script>
<div id="Book" style="position:relative">
<img src="
http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="144" height="227">
</div>
<script src="
http://abu-farhan-demo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-

script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>

Σημειώσεις:
1.Στο σημείο που είναι μαρκαρισμένο με κόκκινο Αντικαταστήστε το με το όνομα του δικού σας blog
2.Στο σημείο που είναι μαρκαρισμένο με πράσινο βαλτέ το επιθυμητό πλάτος του widget.
3.Στο σημείο που είναι μαρκαρισμένο με κίτρινο βαλτέ το επιθυμητό ύψος του widget.
4.Στο σημείο που είναι μαρκαρισμένο με μπλε    βαλτέ το επιθυμητό background χρώμα του widget.
5.Στο σημείο που είναι μαρκαρισμένο με ροζ     μπορείτε να αλλάξετε την ταχύτητα αλλαγής των σελίδων.Κάντε τα

πειράματα σας και όπου σας αρέσει αφήστε το.
6.Στο σημείο που είναι μαρκαρισμένο με καφέ βαλτέ τον αριθμό των αναρτήσεων που θέλετε να εναλλάσσονται.

Share it:

Blogger widget

Post A Comment:

3 comments:

  1. Καλησπέρα
    Ενδιαφέρουσα η σελίδα σας.
    Θα ήθελα εγγραφώ και να εγκαταστήσω το slider.
    Διαβάζοντάς τις οδηγίες, επιθυμώ να προβώ στις υποδείξεις σας, για την αποστολή του κωδικού για την εγκατάσταση.
    Με εκτίμηση
    Χριστόφορος

    ΑπάντησηΔιαγραφή
  2. Γεια σας!
    Εγκατέστησα τον slider αλλά δεν μου βγάζει τους τίτλους των αναρτήσεων.Μπορείτε σας παρακαλώ να με βοηθήσετε?

    Ευχαριστώ πολύ!

    ΑπάντησηΔιαγραφή