Blog

Geçen hafta genel olarak web sitelerimize, sayfalarımıza blog yazılarımıza sevdm.com'u nasıl entegre edeceğimizi yazmıştık. Ancak kullanıcılarımızdan gelen yoğun istek özerine, bugünlerde çok popüler olan blog sitelerine sevdm.com'u entegre etmeyi örnekleriyle göstereceğiz.

İlk olarak bugün blogcu sitesini görelim

Blogcu.com sitesine kullanıcı ismi ve şifrenizle giriş yaptıktan sonra soldaki menülerden "Şablon" menüsüne giriniz.

İsterseniz önce şu anki şablonunuzu yedekleyiniz. Böylece ekleme yaparken hata yaparsanız kolayca bir önceki şablonunuza dönebilirsiniz. Bunun için yeni açılan sayfadan "Şablon yönetimi" altında bulunan "Şablonu yedekleyin" yazısına tıklayınız.

sevdm.com'u isterseniz blogunuzun Ana Sayfasına (başlangıç sayfası), isterseniz kalıcı bağlantı sayfasına, isterseniz her ikisine de ekleyebilirsiniz.

Blogunuzun Ana Sayfasına Eklemek İçin

"Şablon yönetimi" altında bulunan "Şablonu düzenleyin" e tıklayarak şablonunuzun kodunun olduğu sayfaya geçiniz. Burada kayan bir pencere içinde şablonunuzun kodunu göreceksiniz. Aşağı doğru giderek "<IfMainPage>" ve "</IfMainPage>" etiketleri(tagleri) arasında bulunan, içinde <%EntryTitle%> geçen satırı bulunuz.

<IfMainPage>
<Entry>
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<div class="entrybody">
<p><%EntryBody%></p>
</div>
<p class="entry-footer"><IfCategoriesAllowed>Kategori: <%EntryCategory%> | </IfCategoriesAllowed> <IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) </IfCommentsAllowed> <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed> <a href='<%EntryURL%>'>Kalıcı Bağlantı</a></p>
</div>
</Entry>
</IfMainPage>

<%EntryTitle%> yazınızın başlığını temsil etmektedir. Burada isteğinize göre başlığın üstüne yada altına ekleme yapabilirsiniz. Örnek olarak başlığın hemen altına eklemek istersek, <%EntryTitle%> ın bulunduğu satırın altına sevdm.com entegre kodunu koyalım

<IfMainPage>
<Entry>
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<script type="text/javascript">
sevdm_gonderilen_url = '<%EntryURL%>';
</script>
<script type="text/javascript" src="http://www.sevdm.com/evb/button.php"></script>
<div class="entrybody">
<p><%EntryBody%></p>
</div>

Burada "sevdm_gonderilen_url = '<%EntryURL%>';" satırını eklememizin sebebi, blogunuzun açılış sayfasında birden fazla yazınızın bulunması ve herbir yazının puanlarını ayrı ayrı takip etmek istediğimiz içindir. <%EntryURL%> yazınızın kalıcı bağlantısını temsil etmektedir.

Kalıcı Bağlantı Sayfasına Eklemek İçin

Yine "Şablon yönetimi" altında bulunan "Şablonu düzenleyin" e tıklayarak şablonunuzun kodunun olduğu sayfaya geçiniz. Burada kayan bir pencere içinde şablonunuzun kodunu göreceksiniz. Aşağı doğru giderek "<IfEntryPage>" etiketi(tag'i) nden sonra bulunan, içinde <%EntryTitle%> geçen satırı bulunuz.

<IfEntryPage>
<Entry>
<div class="post">
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<div class="entrybody">
<p><%EntryBody%></p>
</div>

<%EntryTitle%> yazınızın başlığını temsil etmektedir. Burada isteğinize göre başlığın üstüne yada altına ekleme yapabilirsiniz. Örnek olarak başlığın hemen altına eklemek istersek, <%EntryTitle%> ın bulunduğu satırın altına sevdm.com entegre kodunu koyalım

<IfEntryPage>
<Entry>
<div class="post">
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<script type="text/javascript" src="http://www.sevdm.com/evb/button.php"></script>
<div class="entrybody">
<p><%EntryBody%></p>
</div>

Burada "sevdm_gonderilen_url' satırını eklememizin gerekmemesinin sebebi, kalıcı bağlantı sayfasında yalnızca bir adet yazı bulunduğu içindir

Sonuç Olarak Görünüm

Böylece Blogcu sitesindeki blogunuza sevdm.com'ı entegre etmiş olacaksınız

İsterseniz burdaki sevdm düğmesinin değişik şekillerini kullanabilirsiniz. Nasıl yapılacağını öğrenmek için şu yazımıza bakınız.

Bugünlerde çok popüler olan blog sitelerine sevdm.com'u entegre etmeyi öğrenmeye devam ediyoruz.

Şimdi de Google'ın hizmeti olan blogspot/blogger sitesini görelim

Blogger.com sitesine kullanıcı ismi ve şifrenizle giriş yaptıktan sonra Kontrol Panelinden "Yönet" menülerinden herhangi birine(Gönderiler, Ayarlar, Yerleşim ) tıklayarak sonraki sayfada "Şablon" menüsüne giriniz. Burada 'HTML'yi Düzenle' ye tıklayınız

Burada şablonun kısa özeti görünür. Şablonun tamamını görmek için "Widget Şablonlarını Genişlet" i işaretleyiniz

Hangi tip (yeni,klasik) şablon kullandığınıza göre size uyan bölümdeki adımları takip ediniz.

Yeni Şablon Sayfasına Eklemek İçin

Burada kayan bir pencere içinde şablonunuzun kodunu göreceksiniz. Aşağı doğru giderek "<b:includable id='post' var='post'>" etiketini (tag'i) bulun. Burası sizin yazılarınızın (post) içeriğinin oluşuturulduğu yerdir.

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>

Burada isteğinize göre başlığın üstüne yada altına ekleme yapabilirsiniz. Örnek olarak başlığın hemen altına eklemek istersek,"</h3> </b:if>" satırlarından sonra ve "<div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p>" satırlarından önce sevdm.com entegre kodunu koyalım

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<script type='text/javascript'>
sevdm_gonderilen_url="<data:post.url/>";
</script>
<script src='http://www.sevdm.com/evb/button.php' type='text/javascript'/>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>

Burada sevdm_gonderilen_url = "<data:post.url/>"; satırını eklememizin sebebi, blogunuzun açılış sayfasında birden fazla yazınızın bulunması ve herbir yazının puanlarını ayrı ayrı takip etmek istediğimiz içindir. <data:post.url/> yazınızın kalıcı bağlantısını temsil etmektedir.

Klasik Şablon Sayfasına Eklemek İçin

Burada kayan bir pencere içinde şablonunuzun kodunu göreceksiniz. Aşağı doğru giderek " <!-- Begin .post -->" etiketini (tag'i) bulun. Burası sizin yazılarınızın (post) içeriğinin oluşuturulduğu yerdir.

<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<div>
<$BlogItemBody$>
</div>
</div>

Burada isteğinize göre başlığın (<BlogItemTitle>.......</BlogItemTitle>) üstüne yada altına ekleme yapabilirsiniz. Örnek olarak başlığın hemen altına eklemek istersek, "</BlogItemTitle>" satırından sonra ve "<div class="post-body">" satırından önce sevdm.com entegre kodunu koyalım

</BlogItemTitle>
<script type="text/javascript">
sevdm_gonderilen_url='<$BlogItemPermalinkUrl$>';
</script>
<script src="http://www.sevdm.com/evb/button.php" type="text/javascript"></script>
<div class="post-body">
<div>
<$BlogItemBody$>
</div>
</div>

Burada sevdm_gonderilen_url='<$BlogItemPermalinkUrl$>'; satırını eklememizin sebebi, blogunuzun açılış sayfasında birden fazla yazınızın bulunması ve herbir yazının puanlarını ayrı ayrı takip etmek istediğimiz içindir. <$BlogItemPermalinkUrl$> yazınızın kalıcı bağlantısını temsil etmektedir.

Sonuç Olarak Görünüm

Böylece Blogspot/Blogger sitesindeki blogunuza sevdm.com'ı entegre etmiş olacaksınız

İsterseniz burdaki sevdm düğmesinin değişik şekillerini kullanabilirsiniz. Nasıl yapılacağını öğrenmek için şu yazımıza bakınız.

Sevdm düğmesi internette yazı, blog yazan , resim yazan, şiir okuyan, şarkı söyleyen sizler için hazırlandı. Peki ne yapacaksınız bu düğmeyi? Niye sayfanıza eklemek istiyeceksiniz ki? Şöyle:

• Sayfalarınızı kolayca sevdm.com'a eklemek isterseniz
• Kullanıcılarınız sayfalarınızı beğenirse sevdm.com'a göndersin isterseniz
• Eğer sayfanız, blogunuz sevdm.com'a gönderilmişse, kullanıcılarınız yazınıza sevdm.com a giderek oy versin isterseniz
• Yazınız kaç puan almış, ne kadar popüler otomatik olarak göstermek isterseniz

İşte bu düğme tam size göre!

Bu düğmeyi eklemenin bir kaç yolu var.

1. En basit ekleme şekli :
   Şu kodu sayfanıza eklemeniz yeterli.

   <script src="http://www.sevdm.com/evb/button.php" type="text/javascript"></script>

2. Kullancıların sevdm diyeceği sayfa adresinin bulunduğunuz sayfadan farklı olduğu zaman:
   Bazen sayfanızda birden fazla yazı bulunur. Örnegin blogunuzun giriş sayfası. Sayfa adı aynı olmasına rağmen diyelim 3 adet blog yazınız var ve üçü de farklı URL adresine sahip ve bunlar ayrı ayrı takip edilecekler. Sizin her bir yazıya farklı URL adresi ayarlamanız için kodu şöyle ekleyin:

   <script type="text/javascript">
   sevdm_gonderilen_url = 'Göndermek İstediğiniz (Yazınızın) URL adresi';</script>
   <script src="http://www.sevdm.com/evb/button.php" type="text/javascript"></script>

3. Ben bu düğmenin şeklini şemalini beğenmedim derseniz :
   Yaşadınız, sizin için değişik düğme şekillerimiz var (ilerde daha da ekliycez söz!).
   İşte ilki

   <script type="text/javascript">
   sevdm_gonderilen_url = 'Göndermek İstediğiniz (Yazınızın) URL adresi';
   sevdm_goruntu_tipi= 'kucuk';
   </script>
   <script src="http://www.sevdm.com/evb/button.php" type="text/javascript"></script>

   Böylece şu küçük düğmeyi eklemiş olacaksınız
   

   Eger bu düğmeyi puan göstermeden kullanmak isterseniz yukardaki "sevdm_goruntu_tipi" ni 'kucuk_sade' olarak şöyle değiştirin:

   sevdm_goruntu_tipi= 'kucuk_sade;

   Bu düğme şu şekilde görünür
   

   Ayrıca bir de ikon tipinde küçücük düğmemiz de var. Kullanmak için yukardaki "sevdm_goruntu_tipi" ni 'ikon' olarak şöyle değiştirin:

   sevdm_goruntu_tipi= 'ikon';

   Bu düğme de şöyledir

"Ben yukardaki şekilde puanlarla ilgili hiç birşey yapmak istemiyorum. Sadece yazılarımdan veya web sitemin herhangi bir yerinden sevdm.com'a link vermek istiyorum" diyorsanız

Aşağıdaki kod parçalarını kullanarak resimleri yerleştirebilirsiniz

<a href="http://www.sevdm.com"><img src="http://www.sevdm.com/evb/img/sevm_small_evb_light.gif" border="0" /></a>

<a href="http://www.sevdm.com"><img src="http://www.sevdm.com/evb/img/sevdm_icon.gif" border="0" /></a>