3D CSS menu στη Σελίδα σας

• Σύνδεση στον Blogger
• Σχεδίαση / Επεξεργασία HTML
• Βρείτε την ετικέτα </head>
• Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

<style type='text/css'>
#tabs22 {
 float:left;
 width:100%;
 background:#efefef;
 font-size:93%;
 line-height:normal;
 border-bottom:1px solid #666;
 }
#tabs22 ul {
 margin:0;
 padding:10px 10px 0 50px;
 list-style:none;
 }
#tabs22 li {
 display:inline;
 margin:0;
 padding:0;
 }
#tabs22 a {
 float:left;
 background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlJemw63tTT8VA7i6gdSXeanirbvnMAU8fhAvXEX-XH9WLt_OMNuhj62MLcwC8LbWJ-BU7usRUBvWxiOxB30eGcdX7brJagwHF_K9wJ5o9X2kreliuXX0M5ZaSgQrTwR5tK-9_sGGTONWr/&quot;) no-repeat left top;
 margin:0;
 padding:0 0 0 4px;
 text-decoration:none;
 }
#tabs22 a span {
 float:left;
 display:block;
 background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyK0C1m0M4BDQWal3m-ruJgJ5OKjY6fd0KN8TJ43woBGOykkp9iWuGSUvqncXFwFkxG_1_SMq8Ay1ZHSu2iJsCWnszNGxYVqn_j3s9SdWz8xk7SYHySpUgtuCOQjLXQl-3UEmSCylSsu5/&quot;) no-repeat right top;
 padding:5px 15px 4px 6px;
 color:#666;
 }
#tabs22 a span {float:none;}

#tabsF a:hover span {
 color:#FFF;
 }
#tabs22 a:hover {
 background-position:0% -42px;
 }
#tabs22 a:hover span {
 background-position:100% -42px;
 }
</style>

• Αποθήκευση προτύπου.
• Πηγαίνετε στα "Στοιχεία Σελίδας"
• Προσθήκη gadget - HTML/JavaScript κάτω από τον Header
• Επικολλήστε τον παρακάτω κώδικα:

<div id="tabs22">

<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>HTML</span></a></li>
<li><a href="#"><span>CSS</span></a></li>
<li><a href="#"><span>Java Script</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Privacy Policy</span></a></li>
</ul>

</div>

Αλλάξτε τη δίεση με το link της Σελίδας που θέλετε να σας οδηγεί.

• Αποθήκευση και είστε έτοιμοι.