Blogger icin Menuyu Sayfa Altina Almak

Blogger icin Menuyu Asaya Almak

Blogger sablonunuz daki  Ust Menuyu sayfanin altina almak bu paylastigim eklenti bazi bloggerlarin isine cok yarayacak Usta tarafi farkli kullanmak ve yer acmak isteyenler icin ideal bir Eklenti Eklentiyi Blogger a adapte etmek cok kolay  Hemen baslayalimOncelikle Html duzenle  CTRL+F   diyoruz ve su kodu ariyoruz 

 ]]></b:skin>   Asagidaki kodu hemen uzerine yapistirin

#stickey_footer { /* This will make your footer stay where it is */ background: none repeat scroll 0 0 #1D1D1D; border: 1px solid rgba(0, 0, 0, 0.3); bottom: 0; font-family: Arial, Helvetica, sans-serif; height: 40px; left: 50%; margin: 0 auto 0 -490px; padding: 0 10px; position: fixed; text-shadow: 1px 1px 1px #000000; width: 960px; } /* border curves */ #stickey_footer { -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } /* hover effect */ #stickey_footer:hover { background: none repeat scroll 0 0 #2b2a2a; } /* shadow for the footer*/ #stickey_footer { -moz-box-shadow:0px 0px 11px #191919; -webkit-box-shadow:0px 0px 11px #191919; box-shadow:0px 0px 11px #191919; } #footer_menu { margin: 0; padding: 0; width:auto; } #footer_menu li { list-style: none; float: left; font-size:12px; padding: 12px 14px 14px 14px; border-right:1px solid rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.1); } #footer_menu .imgmenu { padding:5px 8px 3px 14px; float:left; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhktTbwJGNwWqX-WosuNAzOYl66UbpG35mx6Ad7HJ7WdAGbrHiQ0ZAiO1T85FyeoUKraPEBO_gpp5LJPrsqLDZeQsWpak0sn6JSHWVST9xuq6NanepUHwGyR0DqWC3kWpAHv0NiBZOYYkXq/s1600/home.png") 13px 5px no-repeat; width:36px; height:30px; border:none; border-right:1px solid rgba(0, 0, 0, 0.4); cursor:pointer; } #footer_menu li:hover { background:#202020; /* Fallback color for old browsers */ background: rgba(0, 0, 0, 0.3); } #footer_menu .imgmenu:hover { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMJ97m862nBnu9tmnNd4r4yj11oSniYag_rxG9VEhZUnkPUvjfqHCr0fmVVr9V_beRci4IDoCR4vDUBXbv5tUBuBWDsw5wqlhw-Ja9uv4LsPTHMKZLz5LHQbWavzIxll0wrBix0PdAjdXj/s1600/home_hover.png") 13px 5px no-repeat; } #footer_menu li a { display: block; color: #cccccc; text-decoration: none; } #footer_menu li a:hover { color: #ffffff; } #footer_menu li span { display:none; } #stickey_footer #social_icons { float:right; /* social icons positions */ width:auto; margin:5px 15px 0px; padding:0px; overflow:hidden; } #stickey_footer #social_icons li { margin-right:12px; /* 12px is the space between each one of them */ float:left; width:24px; padding:0px; height:32px; list-style:none; _margin-right:0px; /* this is for IE6 only */ }

Simdi ise  Yerleşim--Gatget Ekle--HTML/JavaScript aç ve aşağıdaki kodları içersine yerleştir.

<div id="stickey_footer"> <!-- Alt Menü Kodları / Blogger Turkey --> <ul id="footer_menu"> <li><a href="#"><span>Ana Sayfa</span></a></li> <li><a href="#">Blogger Eklentileri</a> <li><a href="#">Hakkımızda</a> <li><a href="#">Dizi İzle</a> <li><a href="#">Blog</a> <li><a href="#">İletişim</a> <li><a href="#">Temalar</a> </ul> <ul id="social_icons"> <!--Sosyal Simgeler --> <li><a href="http://twitter.com/bloggerturkey" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdNP-_WIAy1Y3YcXOAOp7XgyeI6XeluLmpTXVue5zsb6Kp6JTPv1UMfs1kXv_0mf6i5QQCp_VN69UcmQawXBj4z8mZM3pdDAXngUAUB1CWZxc-LwfsvKElGTR2K3dQb-0bhIcdujrWZcUk/s1600/twitter.png' alt="" /><span>Twitter</span></a></li> <li><a href="http://digg.com/bloggerturkey" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMye8COjmARQJANkWos9CHBLVqmzpSRxHEo-3_lRKBlAgTsh2zKwIKY9O1mktBUrM3XOjd-RJomAZ4bHVTcxhAABtOltev4LeYZW9odOoFK6RzCpYPD0A3c7gOq-MeX-M9tmCXOjI613Zm/s1600/digg.png' alt="" /><span>Digg</span></a></li> <li><a href="http://flickr.com/bloggerturkey" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigKSfw66093wuDewAMsryfP0qcu4g6utll4j8Gx3H24WS_C8hk3-Sbd-MRUJO3LKVuGidAjDlgTgTBYrRW-n4auQfPS9Wu-6KoTekoHJEvyZx8iIM0P70HFVubD44OhleleqqRvHtaleg6/s1600/flickr.png' alt="" /><span>Flickr</span></a></li> <li><a href="http://fb.com/paulsantosh" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9MXOz60DeW0n6IA7K-qArnt51UNpo3NStW7TM0wMFN7Ff7C8JD2iOWSsq_-TxrXro6by-I_KKSo0Mu9Lz1DoIdkOHxS3o7msvj-RUM_VIhTJ-WvTTrHkpIxUXnTlPxdxerE_xVp1S67K/s1600/facebook.png' alt="" /><span>Facebook</span></a></li> </ul> </div>

Degismesi gereken yer ikinci kodda <li><a href="#">ANASAYFA</a> buradaki # işaretinin yerine bağlantı linkini vericeksiniz 
Ornek: <li><a href="http://yazdirmaca.blogspot.nl/">ANA SAYFA</a> Ayrica ikinci kodun alt taraflarina dogru Twitter ,Facebok, digg  sosyal paylasim butonlari var bunlarida kendinize uyarlayin daha silin