-->

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

blogger eklentileri
ads

Blogger İçin CSS Açılır Menü Yapmak

By: İbrahim Fırat on Perşembe, Ekim 11, 2012 / yorum : 0 ,

Bu   yazımızda     blogger'ciler için  düzenlenmiş olan   CSS  açılır menü  nasıl uygulanır onu anlatacağım:
CSS


CSS Menü

Demosuna bakmak isterseniz   kendi sitemde  bu menü mevcuttur  farkettiyseniz    hemen anlatıma geçelim:

 Blogger  kumanda paneline giriş yapınız şablon sekmesinden HTML' yi düzenle > Devam et butonuna tıklayınız  kodlar içerisinde   <head>   kodunu  aratın ( Ctrl+F ) ve  hemen altına gelecek vaziyette aşağıdaki kodumuzu ekleyelim:



css menü




Şablonu kaydedin kumanda paneli Gatget ekle  HTML Javasicript yolunu takip ederek aşağıdakiş HTML Kodlarını ekleyin >>>




Yapmanız gereken işlemler bu kadar HTML Kodlarının içindeki linkleri kendini sitenize göre düzenleyiniz..

Benzer Yazılar Eklentisi ( resimli )

By: İbrahim Fırat on Pazartesi, Temmuz 23, 2012 / yorum : 1 , ,

Her   webmasterin  websitesinde  olması gereken eklentilerden biri benzer yazılar  eklentisi ve ya  bunlarda ilginizi çekebilir eklentisi blogger kullanıcıların     buyuk coğunlugu  LinkWithin kullanmakta
çunku kurulumu  3  dakika bile surmuyor kurulumu kolay olduğu için tercih ediliyor  ben kendim   tercih etmedim  cunki   eklentiyi ekledikden sonra  ana sayfada heryerde gözukuyor ve  benzer yazıların altında
LinkWithin  linki olduğu için sizde  farklı  resimli benzer  yazılar kullanmak istiyorsanız anlatmaya hemen baslayalım

benzer yazılar 

1.Kademe Şablonunuzdan </head>  kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin:

<!--Resimli Benzer Yazılar Eklentisi Stiller Ve Scriptler Başlangıcı-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #F1921A;
font-family: Times New Roman;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:none;
border: 1px solid #ddd
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://lh4.googleusercontent.com/-J_2Hi8e_FBo/TwN7i7oZgMI/AAAAAAAAB3g/bXomP2Cw0CM/s72/no-image.PNG&quot;;
var maxresults=5;
var splittercolor=&quot;#E6E7E8&quot;;
var relatedpoststitle=&quot;Benzer Yazılar:&quot;;
</script>
<script src='http://dl.dropbox.com/u/60346665/resimli-benzer-yazilar.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Resimli Benzer Yazılar Eklentisi Stiller Ve Scriptler Bitişi-->

2.Kademe: Şablonunuzdan <div class='post-footer'> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin:


<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>

Kurulum  Bu Kadar  Arkadaslar   Herhangi bir sıkıntı ile  denk gelirseniz  yorum yazarak sorabilirsiniz
Kaydol: Kayıtlar (Atom)
Copyright © 2012 - Bazı konularımızda insanları kötü alışkanlıklardan çaydırmak ve bilgilendirmek için yazılmıştır.