Blogger-Eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger-Eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

blogger son yorumlar eklentisi blogger eklentileri

6/19/2013

9 Yorum

Devamı


blogger son yorumlar eklentisi blogger eklentileri
blogger son yorumlar eklentisi


Bloggerde en güzel uygulamalardan biriside blogger son yorumlar. Yorum yapan kişileri avatarlı bir uygulama. hemen size nasıl yapılacağını anlatıyorum.
blogger panelinden sol taraftan yerleşim planından yorumları eklemek istediğiniz yeri seçiyouz ve resşmdeki ekleye tıklıyoruz.

blogger son yorumlar eklentisi blogger eklentileri

Açılan pencereden  html javascript bulup yanındaki + basıp aşağıdaki kodları ekliyoruz ve kayıt ediyoruz.
blogger son yorumlar eklentisi blogger eklentileri

<style type="text/css">
ul.w2b_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.w2b_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
 
.w2b_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
 
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
 
.w2b_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}
 
.w2b_recent_comments li span {
    margin-top: 4px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 10,
showAvatar  = true,
avatarSize  = 40,
roundAvatar = true,
 characters  = 40,
showMorelink = false,
moreLinktext = "Git »",
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>


numComments  = 10 toplam yorum sayısını characters  = 40 toplam karakter saısıı ayarlayabilirsiniz

Blogger sitemap oluşturma blogger eklentileri

6/19/2013

3 Yorum

Devamı


Blogger sitemap oluşturma blogger eklentileri
blogger  site map oluşturma ayarları

Yeni bir yazıda merhaba. Bu yazımızda google sitemap nasıl yollanır onu öğreneceğiz. Site map tamamen ücretiz bir google hizmetidir. Şimdi bunu maddeler ve resimler ile destekleyip anlatalım.
Şimdi ilk öncelikle google web araçları sayfasına giriyoruz. Buyrun üye girişini yaptıktan sonra sağ tarafta duran kırmızı buton var site ekle diye ona tıklıyoruz ve açılan sayfaya sitemizin linkini yazıyoruz.
Gelelim ikinci aşamaya. Sitemizin adresini yazdıktan sonra  siteniz hesabınıza eklendi diye uyarı mesajı verecektir. Daha sonra hemen sağ tarafta bulunan biye kırmızı renkte Site haritası ekleme/test etme butonuna tıklıyoruz.

Blogger sitemap oluşturma blogger eklentileri
Blogger sitemap oluşturma blogger eklentileri
Blogger sitemap oluşturma blogger eklentileri
Blogger sitemap oluşturma blogger eklentileri
üçüncü ve en önemli aşamaya geldik. Google amcamız bizden rss bağlantısını vermemeizi istiyor ama rss sadece 25 konuya kadar desteklediğinden dolayı sitemizde 25 ten fazla konu olunca hepsi eklenmemiş olacaktır. Bizde bundan dolayıdırki kodlarla ufak ayarlamalar yapıp bu sorunu ortadan kaldıracağız.

Blogger sitemap oluşturma blogger eklentileri
Blogger sitemap oluşturma blogger eklentileri
Resimde görünen kutucuğa bloğumuzdaki konu sayısına göre bir kod yazacağız. Ama mutlakafa doğru kodu yazmalıyız yoksa çalışmayacaktır.
Bloğumuzda en faz 500 yazı varsa:
atom.xml?redirect=false&start-index=1&max-results=500
Bloğumuzda 1000 den az ise:
atom.xml?redirect=false&start-index=501&max-results=500
İsterseniz 500 değilde 100 erlik periyodlar halinde ayarlayabilirsiniz o size kalmış birşey. Bugünlükte bukadar haydı hayırlı bloglar.


Blogger Benzer yazilar eklentisi basit anlatim

6/19/2013

1 Yorum

Devamı


Blogger Benzer yazilar eklentisi basit anlatim
blogger benzer yazı eklentisi
    Kendi sitemde kullanmış olduğum benzer yazılar eklentisini paylaşacağım sizinle. Sizi hiç uğraştırmayacağım çok basit anlatım.
Şimdi blogger ayarlarından şablon> html düzenleye girip. Bende var sizdede olmalı :)
<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 

Bu kodun hemen altına bu kodları ekliyoruz.
<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=4;
var relatedpoststitle=&quot;Bunlara da Bakmanızı Öneririz :)&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
 </script>
  </div><div style='clear:both'/>
</b:if>
Hepsi bu kadar 




e-posta takipçiliği blogger eklentileri blogger eklentileri

6/18/2013

Yorum Yok

Devamı


e-posta takipçiliği blogger eklentileri blogger eklentileri
Blogger eposta takipçiliği
Evet arkadaşlar bu yazmımızda ise nasıl e-posta üyeliği eklenebilir onu öğreneceğiz. Feedburner hesap oluşturmak için. Buraya tıklayınız. Yine her zamanki gibi blog yönetim sayfasına giriyoruz ve sol menüden şablon yerleşim kısmından nereye ekleyeceksek oraya gatged ekle diyoruz.


e-posta takipçiliği blogger eklentileri blogger eklentileri
e-posta takipçiliği blogger eklentileri blogger eklentileri
Daha sonra açılan pencereden  e-posta ile takip eti seçiyoruz. Muhtemelen feedburner ismi otomatik olarak gelecektir ayarlara şayet gelmezse feedburner hesabına giriş yapıp adresimizi açılan pencere yapıştırıyoruz. Daha sonra kayıt edip işlemi bitiriyoruz
e-posta takipçiliği blogger eklentileri blogger eklentileri
e-posta takipçiliği blogger eklentileri blogger eklentileri

Bloggerde Yazinin Altına İmza Ekleme

6/16/2013

Yorum Yok

Devamı



Bloggerde imza eklentisi imza nasil yapilir
Blogger imza eklentisi

         Arkadaşlar benimde şimdi kullanmış olduğum bir eklenti uygulamayı sizin ile paylaşacağım. Yapımı oldukça basit yok kod yaz onu yaz bunu yaz derdi olmayan birşey. Bu uygulamayı yapmak için bir kaç blogger yazısı yazmasını biliyor olamk yeterli :) Genellikle indirme, yükleme bloglarının daha çok işine yarayaçağı bir uygulamadır.
   Şimdi gelelim nasıl yapılacağına.  İlk önce imza için yazımızı belirliyoruz. Ben yazı yazmak yerine  resim kullanmayı tercih ettim isterseniz BURADA  liste olarak sitelerden birisinde sizde seçip onu kullanabilirsiniz.
Daha sonra blogger yönetici sayfamıza giriyoruz ve resimdeki gibi sayfayı açıyoruz benim yazmış olduğum yeri kendinize göre düzenliyip kayıt ediyoruz. Hepsi bu kadar bundan sonraki yazacağınız her yazıda imzanınz otomatik olarak görünecektir.

Bloggerde Yazinin Altına İmza Ekleme
Bloggerde Yazinin Altına İmza Ekleme



şimdi kodu verelim:
<br>
<br>
<br>
<br>
<br>
<br>
<!--more-->
<a href="http://bloggeruygulamalari.blogspot.com/p/blog-page.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir2RksSVyeUlopApnd_s1pw_7ONELLMxlVsixVJDsE_RnTuDhZJh6NxZX1s1pq9bF4veCWxlRilRhHbkzsHiwNbZxUT9mNHnaOiaLOtCkM8QN5qCVl-_G1cRajqW-_HA-26Uk5FGRFBiWU/h40/11.png" style="border: 0 !important; background: transparent;"/></a></br>
br kodu ile yazıdan uzaklığını ayarlayabilirsiniz.ahref olan yere resmi yönlendirmek isterseniz oraya yönlendirmek istediğiniz linki yazarsanız img ile olan yerede  resim linki. İşte bu kadar basit. İyi bloglar

Blogger resimli popüler konular ekletisi resimli basit anlatım

6/16/2013

9 Yorum

Devamı


Blogger resimli popüler konular ekletisi resimli basit anlatım
blogger popüler yayınlar eklentisi
 Evet arkadaşlar kendi bloğumdada kullandığım populer konular eklentisini anlatacağım. Daha önceleri yok head kodu yok efendime söyleyeyim skin kodunu bul oraya ekle buraya ekle derdi artık bitti.Çok basit yöntem ile size anlatacağım
1.Gadget ekleme
Blogger yönetim sayfasına girdikten sonra solda bulunan yerleşime tıklıyoruz. Ve açılan sayfada nerde görünmesini istiyorsak oraya gadget ekliyoruz.

Blogger kategori nasil oluşturulur nasil yapilir
blogger kategori ekleme
2.popüler yayınlar gatged eklemeye.
Gatged sayfalarından popüler yayınları seçiyoruz ve gereken yayınları yapıyoruz.
Blogger resimli popüler konular ekletisi resimli basit anlatim
popüler yayınlar eklentisi
3.Şimdi gelelim ayarları yapmaya
populer yayınlar eklentisi yapılandırma
populer yayınlar eklentisi yapılandırma
Başlık:Başlık kısmını kendimize göre düzenliyoruz.
En çok görüntülenen:Burada ise kaç günlük gösterime göre gösterilmesini istiyorsanız onu ayarlayınız.
Göster:yayınlarda resim olup ve kaç adet yayın gösterilmesini ayarlıyoruz.
 Hepsi bu kadar kodlarla falan uğraşmaya gerek yok. Sorun yaşarsanız yorum yaparak cevap alabilirsiniz

Blogger kategori nasıl oluşturulur nasıl yapılır

6/15/2013

Yorum Yok

Devamı


blogger katogori oluşturma
blogger katogori oluşturma


Şüphesizki bloggere yeni başlayan birisi için bloggerde en çok sıkıntı yaşadığı yerlerden biriside kategori oluşturmak. Wordpresste olduğu gibi bloggerde hazır kategoriler bulunmamakta. bizde bunu farklı yollar ile yaparak kategorimizi oluşturacağız. Nedir bu farklı yol? Adım adım takip ederek birlikte yapacağız.
1.Gadget ekleme
Blogger yönetim sayfasına girdikten sonra solda bulunan yerleşime tıklıyoruz. Ve açılan sayfada nerde görünmesini istiyorsak oraya gadget ekliyoruz.

Blogger kategori nasil oluşturulur nasil yapilir
blogger kategori ekleme
                               2. bloğumuza etiket eklemeye geldi sıra
Gatged ekle dedikten sonra açılan menüde etiket ayarını buluyoruz ve seçiyoruz.

blogger kategori oluşturma
blogger kategori oluşturma

bloggeruygulamaları
Yorum yapmayı unutmayın

Blogger sosyal paylaşım butonları ekleme eklentisi

6/15/2013

4 Yorum

Devamı


Blogger sosyal paylaşım butonları ekleme eklentisi
Resim yazısıBlogger sosyal paylaşım butonları ekleme eklentisi ekle
  Bu yazımızda bloggerde yazılarımızıın altına sosyal paylaşım butonları eklemeyi öğreneceğiz.
Eklenti içeriğimizde bulunan butonlar

  1. Facebook
  2. Twitter
  3. Google +
  4. Blogger
  5. e-posta
  6. Linkedin
  7. Pinterest
Bu 7 adet buton sayesinde yazılarımızı sosyal sitelerde yayınlayabileceğiz ve sitemize ziyaretçi akışı sağlayacağız.

Şimdi gelelim bu eklentimizi yapmaya
1)Blogger hesabımızla giriş yapıyoruz.
2)Her ihtimale karşı blogger şablonlonumuzu yedeğini alıyoruz.
3)Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip ediyoruz.
4)Widget Şablonlarını Genişlet Kutucuğunu işaretliyoruz.
5)Ctrl+F yardımı ile kodlar içerisinde </head> kodunu aratıp buluyoruz.
6)Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodunun hemen üst tarafına yapıştırıyoruz.
<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "ab0ca80d-f3e2-4a23-96ba-c400631a4619", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>7)Yine Html kodlarımız içerisinde <data:post.body/> kodunu aratıp buluyoruz.8)Aşağıdaki kodu kopyalayıp bulduğumuz <data:post.body/> kodunun hemen altına yapıştırıyoruz.<b:if cond='data:blog.pageType == &quot;item&quot;'><style>.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}</style><p align='center' class='doncaprio-share-buttons'><span class='st_fblike_hcount' displayText='Facebook Like'></span><span class='st_twitter_hcount' displayText='Tweet'></span><span class='st_googleplus_hcount' displayText='Google +'></span><span class='st_blogger_hcount' displayText='Blogger'></span><span class='st_linkedin_hcount' displayText='LinkedIn'></span><span class='st_pinterest_hcount' displayText='Pinterest'></span><span class='st_email_hcount' displayText='Email'></span></p></b:if>

9)Bir ön izleme yapalım,şablonda sıkıntı yoksa ,şablonumuzu kaydedip çıkıyoruz.Bu haliyle, bir yazınız tıklandığında yazı sonunda blogger sosyal paylaşım butonlarınızgörünecektir.İstemediğiniz bir paylaşım butonu var ise 8. adımda verdiğimiz kodlar içerisinde mavi renkle verdiğimiz satırlardan sildiğinizde o paylaşım butonu kaldırılmış olur.Örnek olarak linkedin payşaım butonunu istemiyorsunuz.
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
satırını kaldırdığınızda linkedin paylaşım butonunu da kaldırmış olursunuz.
Not:Blogger yazı altı sosyal paylaşım butonlarını yazı üstünde de göstermek istiyorsanız yada sadece yazı üstünde çıksın istiyorsanız,yapmanız gereken;
8.adımda verdiğimiz kodu <data:post.body/> kodunun hemen üst tarafına yapıştırıyoruz.

Evet eklentimz hazır bir yorumlarınızı alayım?