Blogger Resimli Benzer Yazılar Eklentisi

Merhaba arkadaşlar.Bildğiniz üzere 5 gündür yoktum.Lafı fazla uzatmak istemiyorum.Sizerler güzel bir eklenti paylaşacağım:




Aşağıdaki kodumuzu buluyoruz

</head>

Yukardaki kodu bulduktan hemen sonra alttaki kodumuzu üstteki kodumuzun bir üstüne ekliyoruz.

<!--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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbVUlR2f9RH3a7UN3GMAT7sM2oLbCI1R7-7hlOcolHgLuBhCVnSl4_HPp_tCs6mW2bblr34rwNEgUcKqkmv38ekuZ485EsYiJn99uPCM9n-Edygg8ptqAedIcY4lXabMXqARnYlXAZUE4/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-->

Yukardaki kodu ekledikten Hemen sonra alttaki kodumuzu buluyoruz.

<div class='post-footer'>

Yukarıdaki kodumuzu bulduktan sonra alttaki kodumuzu yukardaki kodumuzun bir altına ekliyoruz.

<!-- 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>

Özelleştirmek İçin:
var maxresults=5 burdaki kodla kaç tane yazının çıkacağını ayarlıyoruz.
color: #F1921A burdaki kodumuzlada Benzer Yazılar yazan yerin rengini değiştiriyoruz.


Read more

Blogger Tam Sayfa Yapma

Çogu blogger kullanıcıları bu kodu arıyor. Bende paylaşmak istedim. Bu kod sayesinde tekil sayfanızı tam sayfa yapıyorsunuz. Yani yan menüyü kaldırmış oluyorsunuz. Kod çalışıyor bende kullanıyorum. Yapamayan arkadaşlar bizimle iletişime geçerlerse yardımcı oluruz. 



Eklemek istediğiniz sayfanın html bölümüne tıklayarak kodları ekleyip kaydedin.



 Kod; 

<style type="text/css">
#sidebar-wrapper {
display:none;
}
#comments {
display:none;
}
#main-wrapper {
width: 950px;
}
#main2-wrapper {
width: 950px;
margin:0 0 0 10px;
}
</style>

Read more

Blogger Renkli Widget Yapımı

Merhaba arkadaşlar bu gün sizlere herkesin istediği bir eklentiyi sunuyorum. Bu eklenti ile widgetlerinizi rengarenk yapabiliyorsunuz. lafı fazla uzatmadan nasıl yapıldığını anlatayım. 

]]>< /b:skin>  kodunu bulalım .

Hemen üstüne aşağıdaki kodu ekleyelim.



#HTML1 h2
{
 color:#a5a5a5; border-bottom:0px solid #b3b3b3; background-image:url(Arka Plan Resminizi buraya ekleyeceksiniz.);
}

Read more

Blogger Katagorileri Yan Yana Sıralama

Bu gün sizlere populer bir kod olan etiketleri yan yana sıralama kodunu sunuyorum. Bloggere yeni başlayanlar bu yüzden sıkıntı yaşıyor. Bu kod ile etiketlerinizi yan yana sıralayıp daha az alan kaplamasını sağlayabilirsiniz. Önizleme yan resimdeki gibidir.

 İlk olarak ]]>< /b:skin > kodunu bulalım. Bulduğumuz kodun hemen üstüne aşağıdaki kodları ekleyelim.

#LinkList1 ul li{float: left;width: 45%;}
#Label1 ul li{float: left;width: 45%;}

Read more

Blogger Kaç Kere Okundu Eklentisi

Blogunuzdaki yazıların kaç kere okunduğunu takipçilerinizle paylaşmak istemez misiniz? Eğer bunu istiyorsanız bu eklenti tam size göre yapmanız gereken aşağıda yazmaktadır.






İlk olarak şablondan Tasarım > Html'yi düzenle > widget şablonlarını  genişleyi seçip aşağıdaki kodu buluyoruz.

data:post.body

Kodu bulduktan sonra hemen üstüne üstüne aşağıdaki kodu ekliyoruz ve şablonu kaydediyoruz.

<div style='text-align: left;'> <b:if cond='data:blog.pageType == &quot;item&quot;'><span style='color: magenta;'><b> Siz bu yazıyı okuyan <img alt='counter' expr:src='&quot;http://www.e-zeeinternet.com/gd-count.cgi?page=&quot; + data:post.id + &quot;&amp;style=times&amp;nbdigits=1&amp;reloads=1&quot;'/> kişiden birisiniz.</b></span><b:else/></b:if></div>

Read more

Css Filtre İle Resimlere Zoom Efekti Vermeyi

Bu yazımda sizlere Css Filtre ile resimlere zoom efekti vermeyi göstereceğim. Herkes bu kodu arıyor bende baya uzun süre aramıştım ama sonunda buldum bende sizlerle paylaşmak istedim. Hemen anlatıma geçeyim.



İlk olarak şablondan aşağıdaki kodu buluyoruz.

 

                                   Yukarıdaki Kodu bulduktan sonra hemen üstüne aşağıdaki kodu ekliyoruz.

.post-body img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-body img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

Read more