teknoloji haberleri - internet haberleri

RSS Abone Sayısını Arttırmanın 6 Yolu başlıklı yazımı okuduysanız orada da yazmıştım, RSS aboneliğinize e-posta ile abonelik seçeneği sunmanız her hangi bir RSS okuyucusu kullanmayan ve blogları e-posta aracalığıyla takip etmeyi tercih eden ziyaretçilerin de beslemelerinize abone olmasını sağlayacaktır.

İşte bu yazımda blogunuza e-posta ile abonelik formunu nasıl ekleyeceğinizi anlatacağım.

Feedburner kurulumu ve ayarlarını anlattığım yazımda e-posta aboneliğini aktifleştirmeniz gerektiğini belirtmiştim.Eğer aktif değilse nasıl aktifleştireceğinizi anlatayım…

1. Feedburner hesabınızdan Publicize sekmesini açın.
2. Sol tarafta listelenen servislerden Email Subscriptions servisini seçin.
3. Active butonuna basın.
Artık blogunuzun beslemelerine e-posta ile abonelik seçeneği aktif.Şimdi sıra blogunuza e-posta ile abonelik formu eklemeye geldi.

Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/JavaScript yolunu takip edin aşağıdaki kodları ekleyin.

 

<form style="border:1px solid #ccc;padding:3px;text-align:center;"
action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/
fb/a/mailverify?uri=BlogHocamTest', 'popupwindow', 'scrollbars=yes,width=550,
height=520');return true"><p>E-posta adresinizi yazın:</p><p><input type="text"
style="width:140px" name="email"/></p><input type="hidden" value
="BlogHocamTest" name="uri"/><input type="hidden" name="loc" value="en_US"
/><input type="submit"
value="Abone Ol" /></form>

BlogHocamTest yazan yerine kendi Feedburner hesap adınızı yazmayı unutmayın.

Blogger’da kendinizi tanıttığınız bir hakkımda sayfası, iletişim bilgilerinizi vereceğiniz bir iletişim sayfası gibi sayfalar hazırlayabileceğinizi biliyormuydunuz?

 

Blogger’da Nasıl Sayfa Oluşturabilirim?

 

Acemi Blogger kullanıcıları için nasıl sabit sayfa oluşturulacağını resimli olarak anlatacağım..

 

1. Blogger kumanda paneline giriş yapıp Sayfalar sekmesini açın.

 

2. Yeni Sayfa yazısına tıklayın.

3. Açılan 2 seçenekten Boş sayfa seçeneğine tıklayın.

 

Daha sonra sayfanızın başlığını ve içeriğini girip Yayınla diyerek sayfanızı oluşturabilirsiniz.

Bildiğiniz gibi Twitter bu günlerde çok popüler.Biz blogcular da yazılarımızın daha fazla kişiye ulaşmasını sağlamak ve blogumuza daha fazla ziyaretçi getirmek için Twitter’ın bu popüleritisinden faydalanabiliriz…

 

Nasıl mı?

 

Blog yazılarımızın bir köşesine şık bir retweet butonu koyarak.İşte bu yazımda Blogger kullanıcılarının blog yazılarına nasıl retweet butonu koyacaklarını anlatacağım.

 

Blogger’a Retweet Butonu Ekleme

 

Blogger hesabınıza giriş yaparak şablonunuzun kodlarından aşağıdaki kodu bulun.

 

<data:post.body/>

 

Bu kodun hemen üstünehemen üstüne şu kodları ekleyin ve şablonunuzu kaydedin.

 

<div style="float:left;padding: 6px 10px 6px 0px;">

<script type="text/javascript">

tweetmeme_url = '<data:post.url/>';

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script>

</div>

 

Retweet butonun blogunuzdaki görüntüsü şu şekilde olacaktır:

Eğer Retweet butonunun yazınızın sol tarafında değil de sağ tarafında gözükmesini istiyorsanız kod da ufak bir değişiklik yapmalısınız.Kodlardaki left yazan yazı yerine right yazarsanız retweet butonu yazınızın sağ tarafında gözükecektir.Aşağıda olduğu gibi…

Gri renk kombinasyonu ve profesyonel görünüşüyle harika bir Blogger teması daha…Novinture

  

DEMO  & YÜKLE

Temanın Özellikleri

• Sayfanın üstünde yatay menü 
• Slideshow
• Arama kutusu
• Retweet ve Facebook paylaş butonu
• AdSense reklam alanı
• Resimli otomatik “devamını oku”
• Numaralı sayfa navigasyonu
• Son yazılar ve son yorumlar
• 4 sütunlu footer

Blogger eklentileriyle blogumuzu güzelleştirmeye devam ediyoruz.Eğer Blogger kullanıcısıysanız blogunuzun sidebarına blogunuzda yazılan son yorumları gösteren bir widget ekleyebilirsiniz.

Bu widget’ı eklemek için Kumanda Paneli > Yerleşim> Gadget ekle > İçerik Takibi yolunu izleyin.

Açılan pencerede içerik takibi URL’sini soracaktır.Buraya blogunuzun yorum beslemeleri adresi olan http://bloghocam.blogspot.com/feeds/comments/default adresini yazacaksınız. ( Mavi renkte yazdığım blog adresini değiştirmeyi unutmayın )

Devam dedikten sonra gelen pencerede yapacağınız bazı ayarlar var:

• Başlık olarak son yorumlar veya  son X yorum gibi istediğiniz bir başlığı yazın. 
• Diğer ayarlarda kaç adet yorum gösterileceğini, tarhin ve yorumcunun adının gösterilip gösterilmeyeceğini, bağlantıların yeni pencerede açılıp açılmayacağını belirleyebilirsiniz.

Ayarlarınızı yapıp önizlemesini gördükten sonra kaydet diyerek widget’ı ekleyebilirsiniz.

Eğer Blogger kullanıcısıysanız ve blogunuzun bir köşesinde yazdığınız toplam yazı sayısını ve bu yazılara yapılan toplam yorum sayısını göstermek istiyorsanız bu yazıda size yardımcı olacağım.

Toplam yazı ve toplam yorum kodlarını eklediğinizde blogunuzdaki görüntüsü şu şekilde olacak:

Gelelim kodları blogunuza eklemeye.Kumanda Paneli > Tasarım > Yerleşim > Gadget Ekle > HTML/JavaScript yolunu etakip edin ve aşağıdaki kodları ekleyein.

 

<script style="text/javascript">

function numberOfPosts(json) {

document.write('Toplam Yazı: <b>' + 

json.feed.openSearch$totalResults.$t + '</b><br>');

}

function numberOfComments(json) {

document.write('Toplam Yorum: <b>' + 

json.feed.openSearch$totalResults.$t + '</b><br>');

}

</script>

<font color="blue"><script src="http://bloghocam.blogspot.com

/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="http://bloghocam.blogspot.com/feeds/comments/default?

alt=json-in-script&callback=numberOfComments"></script></font>

Greyzed teması; kişisel bloglar için kullanabileceğiniz, sidebar’ı sol tarafta bulunan, footer’ı 3 bölümden oluşan hoş bir tema.

 

DEMO  &  DOWNLOAD

 

Temada Düzenlemeniz Gereken Yerler

<li class='page_item page-item-9'><a href='#' title='Edit Link Title'>
Edit Link</a></li>

<div class='rss'>stay updated via <a expr:href='data:blog.homepageUrl +
&quot;feeds/posts/default&quot;' title='RSS'>rss</a> </div>

<div class='footerlinks'>