Blog

Çok beğeneceğiniz bir yeni web sitesi aracını kullanımınıza sunuyoruz. Sitenizin içeriğini zenginleştirecek, ziyaretçilerinize Türkiye'da neler konuşuluyor, yazılıyor, çiziliyor göstermenizi sağlayacak böylece sitenize gelen ziyaretçilerin memnuniyetini artıracak bir araç bu.

Kendi istediğiniz biçimde stilize edebileceğiniz bu aracı eklemek için tek yapmanız gereken aşağıdaki kod parçasını blogunuzun şablonuna, sitenize eklemek.

<script src="http://feeds.feedburner.com/Sevdm_Populer_Yazilar?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/Sevdm_Populer_Yazilar"></a><br/>Powered by FeedBurner<p> </noscript>

Bu çok kullanışlı aracı canlı olarak örnek blog sayfalarımız http://sevdm.blogcu.comve http://sevdm.blogspot.com da görebilirsiniz

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.