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

Κάντε κλικ στο κουμπί 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