Εμφάνιση αναρτήσεων με ετικέτα Banner. Εμφάνιση όλων των αναρτήσεων

Σύγχρονη Κορδέλα 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

Follow baner color

Ετικέτες Banner, Buttons, Menu

more-☆☆☆☆►

Βάλτε εικόνα και χρωμα σε κάθε widget στο sidebar της Σελίδας σας

Ετικέτες Banner, Buttons, Gadget

Σύνδεση στον Blogger
Σχεδίαση / Επεξεργασία HTML
Βρείτε το παρακάτω κομμάτι κώδικα:

more-☆☆☆☆►

Πώς να προσθέσετε μια εικόνα κεφαλίδας για Blogger Dynamic Views

Ετικέτες Banner, temmpates

Εδώ είναι ένα άλλο τακτοποιημένο τέχνασμα για όσους από εσάς χρησιμοποιείτε Δυναμική πρότυπο του Blogger Απόψεις. Είναι ένα φροντιστήριο από blogger Mayura De Silva που δείχνει πώς μπορείτε να προσθέσετε μια εικόνα για σαςκεφαλίδα. Ένα πράγμα που πρέπει να θυμάστε πριν προχωρήσετε με αυτό το τέχνασμα είναι ότι η εικόνα σας δεν πρέπει να υπερβαίνει το 65 εικονοστοιχεία σε ύψος? διαφορετικά κεφαλίδα σας θα φανεί ακατάστατο.
Αλλά, αν η εικόνα σας πληροί ήδη τα κριτήρια μεγέθους, εδώ είναι τα βήματα :

Πηγαίνετε στο Template στο ταμπλό του αυτοκινήτου σας.
Κάντε κλικ στο Προσαρμογή > Φόντο > Εικόνα φόντου .
Κάντε κλικ στο κουμπί Μεταφόρτωση εικόνας > Επιλογή αρχείου.

more-☆☆☆☆►

Black fond

Ετικέτες Banner

============================

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

111111111111111111111111111111111111111111111111111111111111111111111111

111111111111111111111
22222222222222222
33333333333333333333

Colors banner

Ετικέτες Banner

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

111111	222222	3333333	4444444	555555
.................................................

Πλαίσιο κειμένου με χρωματισμένο φόντο

Ετικέτες Banner, Tab, temmpates, Tools

Γραψτε εδω το κειμενο

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

<table align="center" bgcolor="#001E3B" border="1" cellpadding="0" cellspacing="0" style="color: #222222; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; width: 596px;"><tbody>
<tr><td bgcolor="#bbbdbf" height="728" style="font-family: arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; padding-top: 30px;"><table align="center" border="0" cellpadding="0" cellspacing="0" height="650" style="width: 527px;"><tbody>
<tr><td align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" valign="middle" width="156"><br /></td><td style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" valign="top" width="253">Γραψτε εδω το κειμενο</td><td height="68" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" valign="top"></td></tr>
<tr></tr>
</tbody></table>
</td></tr>
</tbody></table>

Banner σε σχήμα U

Ετικέτες Banner

☞

more-☆☆☆☆►

BLACK BANNER

Ετικέτες Banner

1234567890

................................................................................................
Αλλάξτε τα νούμερα με το δικό σας κείμενο,το χρώμα του banner((initial; background-color: black;)) με άλλο,πχ-white,black,red,yellow,κλπ και αλλαγή χρώμα κειμένου εδώ((initial; color: white; font-family)),
Περισσοτερους κωδικούς χρωμάτων εδώ

Για αλλαγή θέσεις κειμένου (text-align: right;) με left η center αν δεν θέλετε το κείμενο να γράφετε από δεξιά όπως φαίνεται στα banner παραπάνω.

<div style="background-attachment: initial; background-clip: initial; background-color: black; background-image: initial; background-origin: initial; color: white; font-family: arial, verdana, sans-serif; font-size: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: right;">
1234567890</div>

Αλλάξτε διαστάσεις στο Button-Banner

Ετικέτες Banner, Buttons

Πάρτε ένα κωδικό εδώ και μετά κάντε τις αλλαγές που θέλετε.

more-☆☆☆☆►

Κουμπιά με διαφορα χρώματα

Ετικέτες Banner, Buttons

111111111 ..........................................................................
.demo ......................................................................................
. 11111111111............ ...............................................................
Το μονο που έχετε να κάνετε αν θέλετε αλλαγή χρώματος αλλάξτε το κωδικό με κόκκινο χρώμα ,με δικια σας επιλογή πχ: initial; background-clip: initial; background-color: #f7bb05; background-image:,name button θα αφαιρέστε τα νούμερα πχ;11111111 και βάλτε το δικό σας,

more-☆☆☆☆►

Banner color

Ετικέτες Banner

123456789

......................................
Αν θέλετε να αποκτήσετε ένα τέτοιο banner,πρώτα θα προσθέσετε το κωδικό nr1 και άμεσος μετά το nr2 ακολουθώντας έτσι και της αλλαγές.
nr1

<table style="background-color: black; border-collapse: collapse; color: #333333; font-family: arial, sans-serif; font-size: 9px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 980px;"><tbody style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-color: rgb(204, 204, 204); border-top-style: none; border-top-width: 1px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">

......................................
nr2

<td align="center" style="background-attachment: initial; background-clip: initial; background-color: #025da3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: white; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px;">12345</td>

1-Αλλάξτε το συνολικό μήκος του banner με της διάστασης που θέλετε-width: 980px;αλλάζοντας τον αριθμό με χρώμα μπλε.(banner nr1).
2-Αλλάξτε το χρώμα κάθε προσθέσεις (banner nr2)-background-color: #025da3;μονο τα μπλε,με άλλο κωδικό,δείτε κωδικούς χρωμάτων εδώ