06.03.2016.

Dodajte Vertikalni Meni Na Vasem Blogu

vertikalni-meni-za-vas-blog

Vertikalni Meni Za Vas Blog


Zelite da vas sadrzaj bude sto pristupacniji za vase korisnike? Ovo je CSS vertikalni meni koji ce ulepsati vas blog. Jednostavan je za dodavanje, bez komplikovanja i u samo dva koraka imacete prelep meni na vasem blogu.

1.

  • Ulogujte se na Blogger
  • Kliknite na Sablon > Izmeni HTML
  • Pronadjite (CTRL+F) kod ]]></b:skin>
  • Iznad njega nalepite iznad ]]></b:skin> sledeci CSS kod:

.mbw_menu{
width: 190px; /*width of menu*/
}

.mbw_menu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://img407.imageshack.us/img407/6162/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.mbw_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.mbw_menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.mbw_menu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.mbw_menu ul li a:visited{
color: black;
}

.mbw_menu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>
  • Sacuvaj
2.

  • Sada idite na Izgled > Dodaj Gadget
  • Izaberite HTML / JavaScript
  • Nalepite sledeci kod:

<div class="mbw_menu">

<h3 class="headerbar">MENU</h3>
<ul>
<li><a href="#">Blog Trikovi</a></li>
<li><a href="#">Tutorijali Na Srpskom</a></li>
<li><a href="#">Widgeti Za Blog</a></li>
<li><a href="#">Bloggerisanje</a></li>
<li><a href="#">Alati</a></li>
<li><a href="#">SEO</a></li>
<li><a href="#>Blogger</a></li>
</ul>


</div>

  • Sacuvaj
- Umesto # dodajete vas URL
- Sadrzaj je oznacen Zelenom bojom

0 komentara:

Постави коментар