Automatic Image Slider for Blogger using Bookflip

Σήμερα θα σας παρουσιάσω 1 εξαιρετικά ενδιαφέρον όσο και όμορφο widget! Το συγκεκριμένο widget μπορούμε να το φέρουμε στα μετρά μας ό...

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.Στο σημείο που είναι μαρκαρισμένο με καφέ βαλτέ τον αριθμό των αναρτήσεων που θέλετε να εναλλάσσονται.

Σχόλια

BLOGGER: 3
Loading...
Όνομα

ΑΠΑΤΕΩΝΕΣ ΣΤΟ ΙΝΤΕΡΝΕΤ ΒΓΑΛΤΕ ΧΡΗΜΑΤΑ ΔΙΑΜΟΡΦΩΣΤΕ ΤΟ BLOG ΣΑΣ ΔΩΡΕΑΝ ΒΙΝΤΕΟ ΜΑΘΗΜΑΤΑ ΚΑΙ ΕΚΠΑΙΔΕΥΣΗ ΔΩΡΕΑΝ ΘΕΜΑΤΑ ΓΙΑ BLOGSPOT ΕΚΠΑΙΔΕΥΣΗ Η ΥΠΗΡΕΣΙΕΣ ΜΟΥ Κοινωνία ΠΑΙΧΝΙΔΙΑ banner Blogger widget google html Lifestyle photoshop Proionta Project
false
ltr
item
LFY.GR: Automatic Image Slider for Blogger using Bookflip
Automatic Image Slider for Blogger using Bookflip
http://lh5.ggpht.com/-DXX5dE_Qyc0/T0n0arC9kuI/AAAAAAAAA-U/s7HYnRzB2hE/bookflip_thumb%25255B5%25255D.jpg?imgmax=800
http://lh5.ggpht.com/-DXX5dE_Qyc0/T0n0arC9kuI/AAAAAAAAA-U/s7HYnRzB2hE/s72-c/bookflip_thumb%25255B5%25255D.jpg?imgmax=800
LFY.GR
http://www.lfy.gr/2012/02/automatic-image-slider-for-blogger.html
http://www.lfy.gr/
http://www.lfy.gr/
http://www.lfy.gr/2012/02/automatic-image-slider-for-blogger.html
true
7742921601199696161
UTF-8
Δεν βρεθηκαν αρθρα Προβολή όλων Περισσότερα Απάντηση Ακυρωση απάντησεις Διαγραφη Απο Αρχικη Σελιδες Αρθρα Προβολή όλων Προτεινόμενα άρθρα Κατηγορια Αρχειο SEARCH Ολα τα αρθρα Δεν βρεθηκαν αρθρα Back Home Κυριακή Δευτέρα Τρίτη Τετάρτη Πέμπτη Παρασκευή Σάββατο Κυρ Δευ Τρί Τετ Πέμ Παρ Σάβ Ιανουάριος Φεβρουάριος Μάρτιος Απρίλιος Μάιος Ιούνιος Ιούλιος Αύγουστος Σεπτέμβριος Οκτώβριος Νοέμβριος Δεκέμβριος Ιαν Φεβ Μάρ Απρ Μάιος Ιού Ιού Αύγ Σεπ Οκτ Νοέ Δεκ Μολις τωρα Πριν από 1 λεπτό $$1$$ minutes ago Πριν από 1 ώρα $$1$$ hours ago Εχθές $$1$$ days ago $$1$$ weeks ago 5 εβδομαδες πριν Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy