Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

Πέμπτη, 8 Δεκεμβρίου 2016

PHOTO GALLERY ΜΕ ΠΕΡΙΓΡΑΦΗ ΚΑΙ ΔΙΚΟ ΣΑΣ STYLE

PHOTO GALLERY
Αυτή είναι μία photo gallery με περιγραφή και δικό της style. Μπορείτε να αλλάξετε το χρώμα του background και του χρώματος κειμένου της περιγραφής αλλάζοντας τους 6ψήφιους κωδικούς χρωμάτων  εκεί που γράφει background και color. Το ίδιο πρέπει να κάνετε και για το περίγραμμα των εικόνων αλλάξτε το border: 1px solid #FBBB22; Οι διαστάσεις των εικόνων ρυθμίζονται εκεί που γράφει width:160px;height:100px; εντός του κώδικα style αλλά και αμέσως μετά τα πράσινα links των εικόνων. 

Κυριακή, 9 Οκτωβρίου 2016

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ OPENDRIVE

OPENDRIVE
Για να έχουμε σε δικό μας χώρο μουσική και να μην εξαρτώμαστε από τρίτους ανεβάζουμε τα μουσικά αρχεία MP3 σε ένα φάκελο στο opendrive.comΜετά πηγαίνουμε στο μουσικό κομμάτι που θέλουμε να ενσωματώσουμε και στα δεξιά του πατάμε το εικονίδιο «share»Παίρνουμε τον 2ο σύνδεσμο που μας δίνει ο οποίος είναι το direct link και έχει κατάληξη .mp3 Αν το κομμάτι που θα επιλέξουμε έχει ελληνικό ονομα θα βγάζει πολύ μεγάλο link για αυτό καλό είναι τα κομμάτια να τα μετονομάσετε σε greekenglish. Το opedriveλοιπόν μας δίνει ένα direct link το οποίο είναι αυτής της μορφής : 

Παρασκευή, 7 Οκτωβρίου 2016

ΠΩΣ ΒΑΖΩ FACEBOOK PHOTO GALLERY WIDGET 1

FACEBOOK PHOTO GALLERY
Για να ενσωματώσετε στο blog σας ένα άλμπουμ με φωτογραφίες από το facebookπηγαίνετε στην διεύθυνση https://embedsocial.com/marketing-apps/facebook-gallery-plugin/#freeversion
Και εισάγετε στο κουτάκι που θα βρείτε εκεί το link του άλμπουμ που είναι ανεβασμένο στο προφίλ σας ή στην facebook page σας. Μετά πατήστε το διπλανό κουμπί που γράφει Generate album code και θα σας δώσει έναν κώδικα iframe τον οποίο θα τον επικολλήσετε στο HTML της ανάρτησης ή της σελίδας σας στον blogger

Πέμπτη, 6 Οκτωβρίου 2016

ΠΩΣ ΒΑΖΩ GOOGLE PLUS SLIDESHOW

GOOGLE+ SLIDESHOW
Μπορείτε να βάλετε ένα google plus slideshow στο blog σας αρκεί να γνωρίζετε το όνομα χρήστη ή το id χρήστη του προφίλ σας ή της σελίδας που έχετε στο google plus. Αυτά βρίσκονται στην γραμμή διεύθυνσης url όταν προβάλετε ένα άλμπουμ που έχετε στο προφίλ σας ή στη σελίδα σας στο google plusΑφού αντιγράψετε αυτά τα 2 id χρήστη και άλμπουμ, πηγαίνετε στη σελίδα
http://www.db798.com/pictobrowser/builder.php και τα επικολλάτε στα κουτάκια που σας ρωτάει η online αυτή εφαρμογή. 

Τετάρτη, 5 Οκτωβρίου 2016

ΑΡΧΕΙΟΘΗΚΗ ΜΕ ΕΙΚΟΝΙΔΙΑ, ΠΕΡΙΓΡΑΦΗ ΚΑΙ PAGE NAVIGATION

ΑΡΧΕΙΟΘΗΚΗ
Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε σε μία σελίδα του blogger όλες τις αναρτήσεις του ιστολογίου σας με εικονίδια, περιγραφή και page navigation. Ανοίξτε μία σελίδα του blogger, πατήστε την HTML διάταξη και επικολλήστε μέσα στη σελίδα τον παρακάτω κώδικα. Αυτά που μπορείτε να αλλάξετε είναι :

Τρίτη, 4 Οκτωβρίου 2016

ΑΥΤΟΜΑΤΗ ΑΡΧΕΙΟΘΗΚΗ ΣΕ ΚΑΡΤΕΛΕΣ

ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ
Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε σε μία σελίδα του blogger όλες τις αναρτήσεις του ιστολογίου σας ανά κατηγορίες ετικετών μέσα σε καρτέλες με την κάθε μία από αυτές να έχει το δικό της χρώμα background. Ανοίξτε μία σελίδα του blogger, πατήστε την HTML διάταξη και επικολλήστε μέσα στη σελίδα τον παρακάτω κώδικα.

Δευτέρα, 3 Οκτωβρίου 2016

IMAGE CAPTION HOVER EFFECT

CAPTION IMAGE EFFECT
Με τον παρακάτω κώδικα μπορείτε να βάλετε εικόνες οι οποίες όταν περνάτε το ποντίκι από πάνω τους θα μετακινούνται στα δεξιά και θα αποκαλύπτεται ένα κείμενο με την περιγραφή τους. Όταν βγάλετε το ποντίκι από πάνω τους τότε το κείμενο της περιγραφής θα καλύπτεται πάλι από την εικόνα. Οι διαστάσεις των συγκεκριμένων εικόνων είναι 314Χ196 και αν θέλετε να τις αλλάξετε πρέπει να το κάνετε σε όλα τα σημεία που θα τις συναντήσετε μέσα στον κώδικα.

Κυριακή, 2 Οκτωβρίου 2016

TEXT BOX ΜΗΝΥΜΑΤΩΝ ΜΕ ΕΦΕ ΓΡΑΦΟΜΗΧΑΝΗΣ

TEXT EFFECT
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα text box με μηνύματα που θα εμφανίζονται με εφέ γραφομηχανής. Μπορείτε στην 1ηγραμμή του κώδικα style να αλλάξετε το χρώμα background, το χρώμα το τύπο και το μέγεθος της γραμματοσειράς και τέλος το πάχος και το χρώμα του περιγράμματος του text box. Εντός του κώδικα texarea μπορείτε να αλλάξετε τις στήλες (cols=30) και τις γραμμές (rows=10) του text box

Σάββατο, 1 Οκτωβρίου 2016

ΠΩΣ ΒΑΖΩ LINKS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ)

TABS WIDGET
Με τον παρακάτω κώδικα μπορούμε να βάλουμε links με άλλα sitesή blogs ή έγγραφα ή εικόνες, ή βίντεο μέσα σε καρτέλες (tabs). Ο κώδικας αυτός μπαίνει απλά σαν gadgetσυνήθως στο υποσέλιδο του blog σας όπου υπάρχει μεγάλο πλάτος. Βάλτε τις δικές σας περιγραφές, αντικαθιστώντας τις δικές μου με τα κίτρινα γράμματα. Μετά διαγράψτε τα δικά μου μώβ link και βάλτε τα δικά σας. Αν θέλετε μπορείτε να αλλάξετε και τα χρώματα των καρτέλων αλλάζωντας τους 6ψήφιους κωδικούς που έχουν μπροστά τους το σύμβολο της δίεσης #.

Παρασκευή, 30 Σεπτεμβρίου 2016

SHOW / HIDE BUTTON

SHOW HIDE BUTTON
Ο παρακάτω κώδικας μας επιτρέπει με το πάτημα ενός button να εμφανίζουμε και να κρύβουμε ένα widget κερδίζοντας έτσι χώρο στο blog μας. Εσείς απλά τοποθετήστε ένα κώδικα στη θέση του δικού μου κώδικα iframe και αλλάξτε την περιγραφή του κουμπιού που έχω επισημάνει με κίτρινα γράμματα. Τα υπόλοιπα αφήστε τα ως έχουν. Δείτε το κουμπί σε λειτουργία ακριβώς κάτω από εδώ .

Πέμπτη, 29 Σεπτεμβρίου 2016

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ ΜΕ AVATAR No 2

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ
Με τον παρακάτω κώδικα θα εμφανίζονται τα πιο πρόσφατα σχόλια που έχουν γίνει στο blog σας και δίπλα τους στο αριστερό μέρος θα εμφανίζεται και το avatar αυτού που σχολίασε. Μπορείτε να αλλάξετε το πόσα σχόλια θα εμφανίζονται αλλάζοντας το &max-results=10. Μπορείτε να αλλάξετε το πόσοι χαρακτήρες θα εμφανίζονται στο κάθε σχόλιο αλλάζοντας το characters||250. Το μέγεθος του avatar αλλάζει εκεί που γράφει height: 50px;width: 50px;

Τετάρτη, 28 Σεπτεμβρίου 2016

SLIDESHOW WITH MOUSE WHELL SCROLLING

SCROLLING SLIDESHOW
Το παρακάτω slideshow αλλάζει τις εικόνες του εάν πάμε το ποντίκι μας πάνω από αυτές και κάνουμε scrolling το ροδάκι του ποντικιού μας. Θα χρειαστεί να αλλάξετε τα πράσινα links των εικόνων του με δικές σας εικόνες, οι οποίες πρέπει να έχουν όλες την ίδια διάσταση. Το πρώτο γαλάζιο link αφορά την εικόνα που θα εμφανίζεται πρίν ακόμα κάνετε scrolling με το ροδάκι του ποντικιού σας. Ο κώδικας είναι πολύ απλός και μπαίνε απλά σαν gadget ακόμα και μέσα στον κώδικα html της ανάρτησής σας όπως το έχω βάλει εγώ ακριβώς κάτω από εδώ .