Sitene Hareketli Dikey Menü Ekle İlk Bizdee

Sitene Hareketli Menü Dikey Ekle İlk Bizdee

Selam Bugün Sizlerle YepYeni Bir Menü Paylaşıyorum. Bu Menü Diğerlerinden Farklı Sürüklenebilen Bir Menü Karşınızda. Sİtenize Gelen User Bu Menüye Hayran Kalıcak Bundan Emin Olabilirsiniz. Sitenizin Hızını Hiç Bir Şekilde Düşürmez. Bu Konuda Bana Güvene Bilirsiniz.

Diğer Menülerimizden 3 Örnek :

• Blogger Kendine Özgü Açılır Navigasyonlu Menü
• Blogger Dikey Menü Navigasyonlu (25Adet)
• Blogger Eklentileri - Sayfa İle Hareket Eden Sabit Üst Menü

Menü Demo Görüntüsü

Aşağıda Bulunan Kodu Yerleşim > Gadged Ekle > HTML/JavaScript Ekliyoruz. Bu Kadar Basit
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://yourjavascript.com/05713423211/jquery-1-9-1.js"></script> <script src="http://yourjavascript.com/17216123541/jquery-ui.js"></script> <style> #sortable { list-style-type: none; margin: 0; padding: 0; width: 300; } #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } #sortable li span { position: absolute; margin-left: -1.3em; } </style> <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); }); </script> <ul id="sortable"> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"><a href="http://phtmldrive.blogspot.com/"></span>PHtmlDrive</a></li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"><a href="http://phtmldrive.blogspot.com/"></span>Anasayfa</a></li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><a href="http://phtmldrive.blogspot.com/p/blog-page.html">Sitemap</a></li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><a href="http://phtmldrive.blogspot.com/p/iletisim.html">İletişim</a></li> </ul>

Düzenlenmesi Gerekenler :

• <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"><a href="http://phtmldrive.blogspot.com/"></span>PHtmlDrive</a></li>

Önemli : Başka Hiç Bir Kodu Değiştirmeyiniz. Aksi Halde Kod Bozulabilir.