26 Mart 2017: Pazar
Gölge

Blogger Oylama Eklentisi ve Estetik Yukarı Çıkma Butonu

Bu yazı 3 sene [3 seneden daha eski de olabilir] veya daha önce yayınlanmış olduğundan; görülen linklerde, resimlerde veya kodlarda hata olması çok olası. Herhangi bir hata ile karşılaşmanız durumunda bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dileriz :) Enes İLHAN
Blogger İpuçları 21 Kasım 2009 5 3.025  
Bu Kişisel Blog'da 550 kategori'de yazıya yazılmış adet değerli yorumlarınız bulunmaktadır..

Bugün yine “Blogger İpuçları Serisi“yle devam ediyoruz.Sıradaki ipuçları: Oylama Eklentisi ve Estetik Yukarı Çıkma butonunun nasıl yapıldığına dair.Biliyorum bu işte herkes uzman değil, o yüzden herkesin yapabileceği şekilde anlatmak istiyorum.Tabi yine yapamayan mutlaka çıkacaktır o da büyük ihtimal şablondan kaynaklanacak.Çünkü bu eklentilerden olan Oylama eklentisi her şablona uymayabilir.Ama ben yine de anlatmak istiyorum.Bu sayede yazılarınızın tepkisini ölçmüş olacaksınız bir anlamda.Demosuna şuradan bakabilirsiniz.Hemen Oylama eklentisinin nasıl yapılacağına geçelim:

oylama

Öncelikle Blogger’a giriş yapalım.Kumanda Panelinden “Yerleşim“e tıklayalım.Ardından “Blog Kayıtları” kısmına girin ve resimde gösterdiğim yeri işaretleyin.

body

Bu kısmı işaretledikten sonra Yerleşim’den “HTML’yi Düzenle“ye tıklayalım.Ardından “Tam Şablonu Yükle” komutuna tıklayarak temamızın bir yedeğini alalım ne olur ne olmaz dimi 🙂 Daha sonra “Widget Şablonlarını Genişlet” tikine tıklayalım ve:

post-footer

kod kümesini bulmaya çalışalım.Bu kodu bulduktan sonra şöyle bir kod kümesi bulmuş olacaksınız:

div class=”post-footer-line post-footer-line-1″

Bu kodu bulduktan sonra hemen altına:

    <b:if cond='data:blog.pageType == &quot;item&quot;'><span class='star-ratings'><b:if cond='data:top.showStars'><div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/></b:if></span></b:if>

Burdan sonra ise şu kodu bulalım:

<b:include name='nextprev'/>

Bu kodun ise hemen altına şu kodu ekleyelim ve Önizleme yapalım.Eğer hata vermiyorsa uygulamayı başarıyla yaptınız demektir.Ekleyeceğiniz kod:

<script src='http://www.google.com/jsapi' type='text/javascript'/><script type='text/javascript'>google.load("annotations", "1");function initialize() {google.annotations.createAll();google.annotations.fetch();} google.setOnLoadCallback(initialize);</script>

Evet Oylama eklentisi burada biter.Sırada: Estetik Yukarı Çıkma olayı var 🙂 Bu ismide ben koydum çaktırmayın 😉 Bu eklenti ilk anlattığımdan daha da basit.Hemen bunu da anlatalım:

Yine HTML’yi düzenle kısmından (widget şablonlarını genişlet aktif olacak)
widgetkodunu bulacağız.Ben kodu el ile yazdım fakat hata verdi o yüzden resim eklemek zorunda kaldım.Siz elle manuel olarak resimdeki kodu aratın ve hemen üstüne:

<script src='http://enesilhan815.googlepages.com/Asansr.js' type='text/javascript'/>

kodunu ekleyin.Ardından her temada bulunan en alt sütuna (bu kısmı da anlamanız için resimle göstereyim)
widget2örnek resimdeki gibi en son kısma şu kodu ekleyeceğiz.İlla dediğim yere yapmayabilirsiniz.İsterseniz dilediğiniz yere bu kodu ekleyebilirsiniz:

<a href='#' onclick='MGJS.goTop();return false;'><img src='http://i36.tinypic.com/20qcm0z.gif' title='Sayfanın başına dönebilirsin Çekirge :)'/></a>

Kodlarda değiştirebileceğiniz iki yeri kırmızı renk ile gösterdim.İstediğiniz resmi ve açıklamayı renkli kısma girebilirsiniz.

İnşallah faydalı bir anlatım olmuştur.En basit şekilde anlatmaya çalıştım.Yapamadığınız yer olursa sorabilirsiniz.

Çok Önemli Not: Önceki yazımda da belirttiğim gibi blogumda smiley eklentisi kullandığımdan dolayı kodlar smiley olarak gözüküyor.Bunun için sayfa tam yüklenmeden tarayıcınızdaki “Durdur” ikonuna tıklayarak kodları çok kolay bir şekilde kopyalayabilirsiniz…

Bu yazıdan önce yazmış olduğum "Blogger İpuçları Serisi" başlıklı yazımı da okumanızı tavsiye ederim.

Enes ILHAN

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.

5 Yorum Yapılmış

  • clodya

    Yaaa çok teşekkür ederim Enes, yani adın sanırım Enes..
    Benim gibi bi beceriksize bile bunları yaptırabiliyosun tekrar teşekkürler.

  • Enes İLHAN

    @Burak Özdemir
    Blogger'ın kolay bir yapısı var Burak belki de bundandır.Php dilini bilmiyorum ama inşallah onuda öğrenirim.
    @clodya
    Evet adım Enes.Yapabilmene çok sevindim.Hatta bloguna da girdim baktım.Yukarı çıkma eklentisini yapmışsın ve sende daha da güzel çalışıyor blogunda ağır şeyler olmadığından 😉

Bir Cevap Yazın

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