Blogger PhtmlDrive Drop Menü

Merhaba Arkadaşlar Sizlere PhtmlDrive Drop Menü'yü Sunmaktayım. İster 2. Menü Olarak Kullanabilirsiniz. Yada Sade Blogger Siteleri İçin Çok Uygun Bir Tasarımdır. Herhangi Bir Kodunu Değiştirmediğiniz Taktirde Hiç Bir Sounla Karşılaşmıcağınızdan Emin Olabilirsiniz. Neyse Artık ben Anlatıma Geçeyim :)

Demo Görüntüsü İçin Tıklayınız.

Şablonlar > Html'yi Düzenle ye Tıklıyoruz. Hemen Ardından CTRL+F Yaparak ]]> Kodunu Aratıyoruz. Aşağıda Bulunan Kodu ]]> Üstüne Yapıştırıyoruz.

Kaynak Linki : http://phtmldrive.blogspot.com/2013/07/blogger-sosyal-media-paylasm-eklentisi.html

Şablonlar > Html'yi Düzenle ye Tıklıyoruz. Hemen Ardından CTRL+F Yaparak ]]> Kodunu Aratıyoruz. Aşağıda Bulunan Kodu ]]> Üstüne Yapıştırıyoruz.

Kaynak Linki : http://phtmldrive.blogspot.com/2013/07/blogger-sosyal-media-paylasm-eklentisi.html

Şablonlar > Html'yi Düzenle ye Tıklıyoruz. Hemen Ardından CTRL+F Yaparak ]]> Kodunu Aratıyoruz. Aşağıda Bulunan Kodu ]]> Üstüne Yapıştırıyoruz.

Kaynak Linki : http://phtmldrive.blogspot.com/2013/07/blogger-sosyal-media-paylasm-eklentisi.html

Şablonlar > Tema'yı Düzenleme ye Tıklıyoruz. Hemen Ardından CTRL+F Yaparak ]]></b:skin> Buluyoruz.

Aşağıda Vermiş Olduğum Kodları ]]></b:skin> Kodunun Üstüne Yapıştırıyoruz.

#phtmldownmenu{ background:#99C9FF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX82a6A7oM6C87_7y5vQVF3NvBT3jAyCTG5BoHELhUoyCN_pC1cZ04ENN9FaPH8O_WRYx5oFIN6IqJ6YNL20T7eDndd4LCxuPqgO8RBK3LcjKGBZhZToK4UR_td3yIhF7EM99_4DGkIkX/s800/navbar.gif) repeat-x top; width:702px; height:auto; margin:0; padding:0; border-top: 1px solid #AFAFAF; border-bottom: 1px solid #FFFFFF; } #phtmldownmenu ul{ float:left; list-style:none; margin:0; padding:0; } #phtmldownmenu li{ list-style:none; float:left; } #phtmldownmenu li a, #phtmldownmenu li a:link, #phtmldownmenu li a:visited{ color:#000000; font-weight:bold; display:block; text-shadow: 0px 1px 1px #fff; padding:9px 10px 9px 10px; font-size: 12px; font-family: verdana; text-decoration:none; } #phtmldownmenu li a:hover{ background:#9f9f9f; color:#ffffff; } #phtmldownmenu li ul{ z-index:10; position:absolute; height:auto; width:200px; visibility:hidden; } #phtmldownmenu li ul li a, #phtmldownmenu li ul li a:link, #phtmldownmenu li ul li a:visited{ float:none; background:#99C9FF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX82a6A7oM6C87_7y5vQVF3NvBT3jAyCTG5BoHELhUoyCN_pC1cZ04ENN9FaPH8O_WRYx5oFIN6IqJ6YNL20T7eDndd4LCxuPqgO8RBK3LcjKGBZhZToK4UR_td3yIhF7EM99_4DGkIkX/s800/navbar.gif) repeat-x top; width:200px; border-width:1px; border-style:solid; border-color:#575757; } #phtmldownmenu li ul li a:hover{ background:#000000; color:#ffffff; } #phtmldownmenu li:hover ul{ left:auto; visibility:visible; }

Daha Sonra,

Tekrar CTRL+F Yaparak Şu Kodu Bulucağız

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='false' title='PHtmlDrive (Üstbilgi)' type='Header'> <b:includable id='main'> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'> <span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> </b:widget> </b:section> </div>

Bu Bulduğumuz Kodun Altına Aşağıda Bulunan Kodu Yapıştırıyoruz.

<div id='phtmldownmenu'> <ul id='phtmldownmenu'> <li><a href='http://phtmldrive.blogspot.com/'>Anasayfa</a></li> <li><a href='#'>Blogger</a> <ul> <li><a href='http://phtmldrive.blogspot.com/'>Eklentiler</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Temalar</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Seo</a></li> </ul> </li> <li><a href='#'>Dersler</a> <ul> <li><a href='http://phtmldrive.blogspot.com/'>Blogger Dersleri</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Google Dersleri</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Css Dersleri</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Html Dersleri</a></li> </ul> </li> <li><a href='http://phtmldrive.blogspot.com/'>Script</a></li> <li><a href='http://phtmldrive.blogspot.com/'>WordPress</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Bedava-Sitem</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Filmler</a></li> <li><a href='http://phtmldrive.blogspot.com/'>PhtmlDrive</a></li> <li><a href='#'>Diğer</a> <ul> <li><a href='http://phtmldrive.blogspot.com/'>Html Kod Editör</a></li> <li><a href='http://phtmldrive.blogspot.com/'>HtmL Şifreleme</a></li> <li><a href='http://phtmldrive.blogspot.com/'>Html Renk Kodu</a></li> </ul> </li> </ul> </div>

Kodu Tam Olarak Yerine Yapıştırdıktan Sonra Üzerinde Düzenleme Yapabilirsiniz.

Umarım İşinize Yarar Güle Güle Kullanın...