Blogger İçin Aşağı Doğru Açılır Menü Eklentisi

Blogger’ınıza yeni bir açılır menü eklemek istiyorsanız bu eklenti tam size göre. Bu eklenti eklendiği zaman üzerine gediğiniz zaman aşağı doğru tıklayabileceğiniz sekmeler açılıyor. Görselden de gördüğünüz gibi bir menü karşınıza çıkıyor. 

Bu eklentiyi edinmek için aşağıdakileri yapabilirsiniz. 

Yerleşim – Gatget Ekle – HTML/JavaScript yolunu takip ederek aşağıdaki kodu yapıştırın. 

Kod: 

<style text-type="CSS">
#bmenu{
position:fixed;
right:5px;
center:0px;
background-color:#2059DC;
border-radius:10px;
-moz-border-radius:10px;
border:2px solid #FFF;
width:202px;
height:20px;
color:#FFFFFF;
transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}


#bmenu h3{
margin:0;
padding:0;
text-align:center;
cursor:pointer;}


#bmenu ul{
border-radius:10px;-moz-border-radius:10px;
border:2px solid #FFf;
background-color:#9AB2EA;
margin:15px 0;
padding:0 15px;}


#bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{
color:#000;
text-decoration:none;
font-size:14px;}


#bmenu li a:hover{
color:#fff;}


#bmenu:hover{
z-index:5;
height:175px;
</style>


<div id="bmenu">
<h3>
Açılır Menü</h3>
<ul>
<li><a href="#">MENÜ 1</a></li>
<li><a href="#">MENÜ 2</a></li>
<li><a href="#">MENÜ 3</a></li>
<li><a href="#">MENÜ 4</a></li>
<li><a href="#">MENÜ 5</a></li>
</ul>
</div> 

Kodlar bunlar. Kırmızı yere görüntü başlığınızı, mavi yerlere menü başlıklarınızı, sarı yere de menülere tıklandığı zaman gidilmesini istediğiniz linkleri koyun. Bu eklentinin demosu bu bağlantıdadır. Bakabilirsiniz.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger İçin Sadece Konu Başlıklarını Gösterme Eklentisi

Blogger’da sadece konu başlıklarını görmek istiyorsanız bu eklenti tam size göredir. Bu eklentinin görselini de görüyorsunuz. Eğer Blogger bloğunuza eklerseniz görseldeki gibi konu başlıkları şeklinde görünecektir. 

Bu eklentiyi Blogger’a eklemek için ne yapacaksınız? 

İlk işiniz aşağıdaki kodu bulmak. 

<b:include data='post' name='post'/> 

Yukarıdaki kodu bulduysanız onu silin yerine aşağıdaki kodları yapıştırın. 

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if> 

Yapmanız gerekenler bu kadar. Bunu yaptığınız zaman artık bloğunuz konu başlıkları şeklinde görünecektir.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.