
Blogger Dikey Menü Eklentisini bloguma nasıl eklerim?
1-Blogger Hesabınızla giriş yapın.
2-Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip, açılan pencereye aşağıdaki kodu kopyalayıp yapıştırıyoruz.

Kod içerisinde mavi renkle belirttiğimiz "URL ADRESİNİZ" kısmına adresimizi yazıyoruz, kırmızı yere ise menudeki ismi yazıyoruz.<!-- Blogger Dikey Menu Code From http://www.blogokulu.org/ --> <style> #v-menu { margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; } #v-menu { width: 275px; } #v-menu ul { list-style: none; text-indent: 0px; } #v-menu li { margin-top: 0px; border-bottom: 1px solid #414141; } #v-menu a { font-family:Verdana, Geneva, sans-serif; font-size: 15px; font-weight:bold; font-variant: inherit; padding: 0px; color:#CCC; display: block; padding: 13px 50px; height: 26px; line-height: 26px; text-decoration: none; background:#333 url(http://1.bp.blogspot.com/-ajlWgyGZgjk/UiX0wp6VUaI/AAAAAAAADSI/R4DmpDf5onc/s1600/menu-bg.png) no-repeat; text-shadow: 1px 1px 1px #111; -webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); -ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715); } #v-menu a:hover { background: #5e5e5e url(http://1.bp.blogspot.com/-8u6hsdoTEOU/UiX0wdeLrEI/AAAAAAAADSE/0MRS8eDrgJU/s1600/hover-bg.png) no-repeat; font-size: 14px; padding: 13px 60px; -webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); -ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715); } #v-menu a:visited { background:url(http://1.bp.blogspot.com/-8u6hsdoTEOU/UiX0wdeLrEI/AAAAAAAADSE/0MRS8eDrgJU/s1600/hover-bg.png) no-repeat; } #v-menu a:active { background:url(http://1.bp.blogspot.com/-8u6hsdoTEOU/UiX0wdeLrEI/AAAAAAAADSE/0MRS8eDrgJU/s1600/hover-bg.png) no-repeat; } </style> <div id='v-menu'> <ul> <li><a href="URL ADRESİNİZ">blogokulu</a></li> <li><a href="URL ADRESİNİZ">
blogokulu
</a></li> <li><a href="URL ADRESİNİZ">
blogokulu
</a></li> <li><a href="URL ADRESİNİZ">
blogokulu
</a></li> <li><a href="URL ADRESİNİZ">
blogokulu
</a></li> <li><a href="
URL ADRESİNİZ
">
blogokulu
</a></li> </ul> </div> <!-- Blogger Dikey Menu Code From http://www.blogokulu.org/ -->
Örnek:
gibi.<li><a href="
http://www.blogokulu.org/2014/11/blogger-dikey-menu-eklentisi-navigasyonlu.html">Blogger Dikey Menü</a></li>
0 yorum:
Yorum Gönder
Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...