Κυριακή, 8 Ιανουαρίου 2012

Προσθηκη διαχωριστη αναμεσα στις αναρτησεις

Print and PDF
Σήμερα θα δείτε πως να κάνετε την εμφάνιση του Blog σας λίγο ακόμα πιο ωραία με ενα καλό tip. Πιο αναλυτικά το tip αυτό είναι μια εικόνα που εσείς φυσικά θα επιλέξετε να βάλετε ανάμεσα στις αναρτήσεις σας. Το τι ακριβώς είναι αυτό το tip, το πως εφαρμόζετε και το που θα βρείτε τέτοιου είδους εικόνες θα το δείτε παρακάτω. Απλά εσείς διαβάστε την αναρτήσει αυτή και σας αρέσει μην ξεχάσετε να διαδώσετε την ιστοσελίδα μας και στους φίλους σας! (Το Demo όπως πάντα είναι στο τέλος της ανάρτησης).

1) Πρώτα, συνδεθείτε στο λογαριασμό σας Blogger.
2) Κάντε κλικ στο Σχεδίαση. και επιλέξτε Επεξεργασία HTML.

Προσοχή:
3) Πριν ξεκινήσουμε:
- Πρέπει να είστε προσεκτικοί κατά την αλλαγή του προτύπου σας.
- Πριν κάνετε οποιαδήποτε αλλαγή, αποθηκεύστε το πρότυπο σας σε ασφαλή μέρος (Στον υπολογιστή σας).

4) Πάμε τώρα να ψάξουμε τον παρακάτω κώδικα (Ctl+F):

.post

- Μόλις τον εντοπίσετε θα δείτε ότι θα είναι κάπως έτσι:

.post {
margin: 0 0 40px 0;
width: 90%
}

6) Εσείς απλά αντικαταστήστε τον παραπάνω κώδικα με αυτόν:

{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}

Σημιώσεις:

Μπορείτε να αλλάξετε τα κόκκινα γράμματα όπου θα είναι το link της εικόνας
όπου θέλετε να βάλετε. (Εικόνες θα βρείτε παρακάτω).

Εικόνες:

Εδω θα βρειτε μερικες εικονες για να επιλεξετε:

- Να και μερικα δειγματα-Demo μαζι:

http://2.bp.blogspot.com/_JwD5r652h00/SutwEnMKk3I/AAAAAAAAAPY/pz3d
I5GhTGY/s1600/resfiles_output.php.gif
 
http://4.bp.blogspot.com/_JwD5r652h00/SuttjmoES2I/AAAAAAAAANw/bidxx
yqfxwg/s1600/barsnake.gif 
http://3.bp.blogspot.com/_JwD5r652h00/SuttjcXA_4I/AAAAAAAAANo/w2BZA
pq6Jn4/s1600/bar54.gif
 
http://3.bp.blogspot.com/_JwD5r652h00/Sutu7DaxOSI/AAAAAAAAAOI/Q3okL8VTV
Q4/s1600/clipart-heart-border.jpg 
 
http://4.bp.blogspot.com/_JwD5r652h00/SuttiqsszII/AAAAAAAAANQ/raAoX-EHD
UY/s1600/astarl7s.gif 
 
- Για ότι πρόβλημα υπάρξει μην διστάσετε να επικοινωνήστε μαζί μας μεσώ του
κουμπιού "Επικοινωνία" που θα βρείτε πάνω πάνω.
  
- Αμα σας αρεσε παρακαλω προωθηστε το Blog μας ή πατηστε παρακολουθηση.
  Ευχαριστω.

Copyrights: BlogyTricks© 

Πηγη κωδικα: allblogtools

0 σχόλια:

Δημοσίευση σχολίου