Blogspot/Blogger Sitesindeki Blogunuza Sevdm’i Entegre Etme
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.
