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

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

Εικόνες:

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

• leehansen.com
• clipartandcrafts.com
• bigoo.ws

- Να και μερικα δειγματα-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