Blogger İpuçları Serisi

Bugünkü yazımda “Blogger” altyapısını kullanarak blog oluşturan yazarlar için güzel bir makale yazmayı düşünüyorum.İşi fazla uzatıp detaya inmek yerine, en basit yoldan herkesin anlayabileceği şekilde “Blogger İpuçları” kategorisi altında yeni yazılar oluşturarak biraz faydalı olmak istiyorum.Sadece işinize yarayabilecek eklentileri sunmak istiyorum. Bunlardan ilki olan “Resimli Benzer Yazılar” eklentisini “Blogger Plugins” isimli arkadaş yapmış bende biraz üzerinde oynayarak gerekli değişiklikleri yaptıktan sonra anlatmaya başlıyorum:

resimli

Öncelikle Blogger hesabımıza girip “Yerleşim/HTML’yi Düzenle” sekmesine gelip “Widget Şablonlarını Genişlet” tikini aktif hale getirdikten sonra CTRL+F kısayolu ile < */head> kodunu bulun ve hemen üstüne şu kodları yapıştırın: (koddaki * işaretini kaldırmayı unutmayın)

<!--Resimli Yazılar Eklentisi Kod 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: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
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:#d4eaf2;
}
</style>
<script src='http://enesilhan815.googlepages.com/BenzerYazilar.js' type='text/javascript'/>
</b:if>
<!--Resimli Yazılar Eklentisi Kod Sonu-->

Daha sonra şu kodu bulucaz:

<div class='post-footer-line post-footer-line-1'>

Eğer bu kodu CTRL+F yardımı ile bulamazsanız şu şekilde deneyin:

post-footer

Kodu bulduktan sonra o kodun altına şu kodları yapıştırın:

<!-- Resimli Benzer Yazılar Kod Başlangıcı -->
<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Resimli Benzer Yazılar";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Resimli Benzer Yazılar Kod Sonu -->

Renkli olarak gösterdiğim yerleri isteğinize göre değiştirebilirsiniz.Gösterilecek yazı sayısınıda az tutmanız sizin yararınıza olacaktır.Eğer yapamadığınız yerler olursa bu konu altına yorum olarak probleminizi yazabilirsiniz.

İlk eklentimiz Resimli Yazılar Eklentisi oldu.İnşallah ilerleyen günlerde farklı farklı eklentilerin anlatımını yine bu blog üzerinden sizlere göstereceğim.İnşallah faydalı bir seri olur hepimiz için.Blogger gün geçtikçe kendini geliştiriyor ve güzelleştiriyor.Wordpress hakkında haddinden fazla yazı bulabiliyoruz internette ama Blogger ile ilgili bu kadar detayı bulamıyoruz.Ama ben ümitliyim bu işten Blogger kendini daha geliştirecek eminim 😉

Önemli Not:
Blogumda smiley eklentisi kullandığımdan kodlarda normal olarak yüz ifadesi çıkıyor.Bunun için ilk uzun kod satırı için : http://enesilhan815.googlepages.com/1.Kod.txt

2.Kod için ise: http://enesilhan815.googlepages.com/2.Kod.txt
adresine girip yazının tamamını CTRL+A tuş kombinasyonu ile kopyalayıp yapıştırabilirsiniz… 

Bu yazıdan önce yazmış olduğum "Son Zamanlarda WordPress'den Blogger'a Geçenlerin Sayıları Hakkında" başlıklı yazımı da okumanızı tavsiye ederim.

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

13 yorum

  1. Miray ABRAVCI   •  

    Enes, bunun demosunu görebileceğim bir adres var mı? Yazının içindeki linklere tıkladım ama…

  2. Enes İLHAN   •  

    Miray hocam blogumda zaten "İlgili Yazılar:" bölümü altında benzer yazılar eklentisi mevcut o yüzden bu eklentiye gerek duymadım.Demo için şu adrese bakabilirsin:

    http://temadeneme815.blogspot.com

  3. Bilgicelli   •  

    Yararlı yazından dolayı teşekkürler ama ben başka bir şey sormak istiyorum.Kod ekleme kutusu lazım bana.Yazı yazdığımda kod verirken kötü görüntü oluyor.Bunun için sendeki gibi kod kutusu nasıl sağlarım.

  4. Enes İLHAN   •  

    @Bilgicelli

    Bu konu için önümüzdeki günlerde ayrı bir yazı yazacağım yine "Blogger İpuçları Serisi" kategorisi altında.

  5. murat   •  

    merhaba ben murat.öncelikle başarılı bir blog yazmışsınız.tebrik ederim.ben yeni bir blogcuyum.sizden bir ricam olacaktı.blogunuzda bana link verebilir misiniz?en azından değer verip bloguma bir göz atar ve izlerseniz ne mutlu bana.bloguma göz atmak isterseniz :
    http://bilissim.blogspot.com
    cevabınızı bekliyorum.

  6. FURKAN   •  

    Bu siteyi neden bloggerda kurdun wordpressi niye seçmedin bazı site ücretsiz subdomainlere link vermiyor alan adı alınca subdomain olmaktan çıkıyormu?bende kararsızım bloggerımı kullanıyım wordpressimi ?sessiz crew adlı blogdaki gibi otomatik devamını oku ve resimi küçültme eklentisi yapıp öyle bir tema yapılabilirmi

  7. LiBeRalx   •  

    Teşekkürler Blogunuz Çok Faydalı Allah razı olsun

  8. Özcan   •  

    Enes bu eklenti yaptım fakat benzer yazılar eklentisi bir gidiyor.Bir geliyor.Şu aralar yine yok.Görünmüyor siteme bir göz atabilir misin?

  9. karışıkgames   •  

    Selam,
    Bloggerda anasayfada gözüken resimlere tıklandığı zaman oyun açılmıyor resmi gösteriyor. Resme tıklandığpı zaman oyunun açılması için hangi kodu eklemeliyim?
    http://karisikgames.blogspot.com/

  10. Anonymous   •  

    site logosunun yanına reklam eklemek istiyorum ama gadget bölümü yok. nasıl gadget ekleyebilirim?

  11. saç kaynak   •  

    ellerine sağlık gayet bilgilendirici bir yazı olmuş…

  12. Bilgi Star   •  

    Hocam ben ikisinide arattım ( ve post-footer) ama bulamadı başka nasıl yapabilirim acaba ?
    Teşekkürler…

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir