Widgets: 1/3/13

Μόνιμος σύνδεσμος για πιό εύκολη αναζήτηση στους ξένους αναγνώστες σας

Ετικέτες Posts

Θέλετε να έχετε συγκεκριμένο url στις νέες αναρτήσεις σας; Εύκολο, και απλό, και θα έχετε την ονομασία που εσείς θα έχετε επιλέξει, ενώ θα έχετε και πιό εύκολη αναζήτηση στους ξένους αναγνώστες σας.
Φτιάξετε μία ανάρτηση που θα θέλατε ...Μετά, πατήστε δεξιά, το "Μόνιμος σύνδεσμος" και πατήστε το "προσαρμοσμένος μόνιμος σύνδεσμος" και στο κουτάκι από κάτω γράψτε ότι θέλετε να φαίνεται σαν σύνδεσμος στην ανάρτηση αυτή....
παράδειγμα => arxikiselida (ότι θέλετε εσείς στα λατινικά)
Τώρα η ανάρτηση που θα φαίνεται ανεξάρτητη, έχει το λινκ
www. yourDomain .blogspot.gr/arxikiselida (αυτό είναι ένα τρυκ που χρησιμοποιούμε για να δίνουμε συγκεκριμένο λίνκ στις αναρτήσεις μας.

more-☆☆☆☆►

Διαγράψτε το-Εγγραφή σε: Αναρτήσεις (Atom)

Ετικέτες html

Πρώτα από όλα,όπως πάντα να έχετε αποθηκευμένο κάπου το πρωτότυπο σας(HTML Template) και προχωράτε..

more-☆☆☆☆►

Johny Tubeprett Blogger Template

Ετικέτες temmpates

more-☆☆☆☆►

Ενσωματώσετε στην ιστοσελίδα σας το γνωστό σε όλους μας δεκαεξαδικό διάγραμμα χρώματος- Color Codes Chart

Ετικέτες color, html

Ο Παρακάτω κώδικας σας δίνει τη

more-☆☆☆☆►

Χωρίστε την ανάρτηση σε 2 στήλες

Ετικέτες Posts, stiles

Είναι εύκολο να εφαρμοστεί και έχετε την ελευθερία να το χρησιμοποιήσετε σε αναρτήσεις που εσείς θέλετε .Εκτος από κείμενο μπορείτε να προσθέστε και gadgets,widgets ,για να είναι σε παράλληλη γραμμή.

more-☆☆☆☆►

Σύγχρονη Κορδέλα Hover Effect Bar Μενού Για Blogger

Ετικέτες Banner, Menu

Κάντε κλικ στο κουμπί EDIT HTM L . Τώρα κάντε κλικ στο κουμπί Προχωρήστε . Βρείτε αυτήν την ετικέτα με τη χρήση του Ctrl + F ]]> </ b: skin> .Επικολλήστε παρακάτω κώδικα Πριν ]]> </ b: skin> tag
View Demo- http://demo.bloggertrix.com/2013/02/blog-post.html

..........................................

/* The CSS Code for the menu starts here bloggertrix.com */

.ribbon span {
    background:#A81B6A;
    display:inline-block;
    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;
      -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}
.ribbon a:hover span {
    background:#FFD204;
    margin-top:0;
   
}
.ribbon span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}

.ribbon span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}
.ribbon a:link, .ribbon a:visited { 
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}
.ribbon:after, .ribbon:before {
    margin-top:0.5em;
    content: "";
    float:left;
   border: 1.5em solid #A81B6A;
}
.ribbon:after {
    border-right-color:transparent;
}

.ribbon:before {
    border-left-color:transparent;
}

Μετάβαση στο blogger και κάντε κλικ στην επιλογή Διάταξη
Κάντε κλικ στο κουμπί Προσθήκη gadget και επιλέξτε "HTML / Javascript
Επικολλήστε παρακάτω κώδικα.
------------------------------

<div class='ribbon'>
    <a href='#'><span>Home</span></a>
    <a href='#'><span>Download</span></a>
    <a href='#'><span>Css3</span></a>
    <a href='#'><span>HTML</span></a>
    <a href='#'><span>MySQL</span></a>
    <a href='#'><span>Services</span></a>
    <a href='http://www.bloggertrix.com/'><span>Contact</span></a>
</div>

Αντικαταστήστε το # με τις συνδέσεις σας. 10. αποθηκεύσετε τώρα σας HTML / Javascript ". Τελειώσατε
http://www.bloggertrix.com/2013/02/modern-ribbon-hover-effect-menu-bar-for.html