Bloggerde 2 Adsense Reklamını YanYana Koyma

Ben ve benim gibi bir çok arkadaş örneğin blogger konu içi reklam alanlarında 2 adsense reklamını yanyana yerleştirmeye çalışıyor fakat reklamlar normal şekilde eklenirse altalta çıkıyor.

2 adsense reklamını yan yana koymak isteyen arkadaşlar için

<table border="0"><br /> <tr><br /> <td>adsense kodu sol</td><br /> <td>adsense kodu sağ</td><br /> </tr><br /></table>

Denenmiştir.

Konu içi reklam eklemek için gerekli açıklama ve kodlar ise bu linkte : Link Eklenecek..

iyi çalışmalar..

Blogger Resimli Devamını Oku Eklentisi

Çoğu blogda gördüğümüz bir özelliktir “devamını oku”Ancak bloggerad ne yazıkki yazılarımızın tamamını gösterebiliyoruz , bu özellikten faydalanamıyoruzBiz de kod bilgimizi kullanarak bu özelliği bloggera entegre ederiz o zamanİlk olarak bu eklentinin özelliklerinden bahsedeyimBu eklenti yazmış olduğunuz yazının belli bir bölümünü blogunuzda gösterir ve yazının tamamının okunması için “Devamını oku” bağlantısı verirÖzet kısmında gösterilecek karakter sayısını istediğimiz gibi değiştirebiliyoruzDiğer bir özelliği ise yazmış olduğunuz yazıda resim varsa o resmide istediğiniz ölçülerde küçülterek özetinizin yanına eklerEklenti şuan okumuş olduğunuz blogda kullanılmaktadır Hemen kodlara geçelim ; (her ihtimale karşı şablonunuzun yedeğini almayı unutmayın)
Yerleşim >>> HTML Düzenle >>> Widget Şablonunu Genişlet adımlarını uyguladıktan sonra aşağıdaki kodu bulun

<data:post.body/>
Bu kodu silip yerine aşağıdaki kodları ekleyin
<script type='text/javascript'><br>summary_noimg = 430;<br>summary_img = 340;<br>img_thumb_height = 100;<br>img_thumb_width = 120;<br></script><br><script src='http://klod82.googlepages.com/summary-post.js' type='text/javascript'/><br><b:if cond='data:blog.pageType != "item"'><br><div expr:id='"summary" + data:post.id'><data:post.body/></div><br><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br><span class='rmlink' style='float:right'><a expr:href='data:post.url'>Devamını Oku</a></span><br></b:if><br><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Kırmızı renkli yerleri isteğinize göre değiştirebilirsiniz
summary_noimg = 430[ bu değer resim olmayan yazılarınızın özetinde kaç karakter gözükeceğini belirtir
summary_img = 340 bu değer resim olan yazılarınızın özetinde kaç karakter gözükeceğini belirtir
img_thumb_height = 100 bu değer yazınızdaki resmin özette gözüken yüksekliğini belirtir
img_thumb_width = 120 bu değer yazınızdaki resmin özette gözüken genişliğini gösterir
Devamını Oku: bunun ne olduğunu söylememe gerek yok sanırım İstediğinizi yazabilirsinizTüm bunları yaptıktan sonra şablonu kaydedin ve blogunuzu yeni özelliğiyle kullanmaya başlayın

Blogger Title (Başlık) Ayarları

Blogger SEO bakımından gelişmiş bir hazır sistemdir. Blogger Title (Başlık)'ı yeterince Google'ın sevdiği şekline getirilmiştir. Blogger sitenize Google'ın sevdiği başlık tiplerini uygulamak için aşağıdaki adımları düzgünce gerçekleştirin.

Blogger sitelerinde normal başlık şu şekildedir.

Alıntı:

Site Başlığı: Yazının Başlığı

Google'ın sevdiği başlık tipi

Alıntı:

Yazı Başlığı - Site Başlığı

...

Şimdi bizde aşağıdaki adımları tamamen gerçekleştirdiğimizde Blogger sitemizin başlıklarını SEO bakımından iyi bir konuma getirmiş olacağız.

- Blogunuzun HTML Düzenle bölümüne girin. Şablonunuzun hemen başındaki aşağıdaki kodu bulun.

Kod:

<title><data:blog.pageTitle/></title>

- Yukarıdaki bulduğunuz kodu şu kodla değiştirin.

Kod:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/>-<data:blog.title/></title>
</b:if>

- Yukarıdaki işlemleri tamamladıktan sonra şablonunuzu kaydedin.

Yapılacak işlemler bu kadar. Kolay gelsin.

Blogger Resimli Benzer Yazılar Eklentisi

Son zamanlarda kullanılmaya başlanan Blogger eklentileri gün geçtikçe gelişimini sürdürmeye devam ediyor.

Wordpress kadar geniş bir eklenti hazinesine sahip olmasa da değişik alternatifler sunan Blogger, umarım daha fazla eklentiyle karşımıza çıkar.

Kendi Blogumda kullanmaya başladığım resimli benzer yazılar eklentisini kurmak için, öncelikli olarak kullanıca panelimize girip, yerleşimden HTML'yi düzenle'yi seçiyoruz.

Ctrl+f tuşları yardımıyla </head> kodunu bulup, hemen öncesine aşağadaki kodu ekliyoruz.

<!--Related Posts with thumbnails Scripts and Styles Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:black;

}

#related-posts a:hover{

color:black;

}

#related-posts  a:hover {

background-color:#d4eaf2;

}

</style>

<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

Yine ctrl+f tuşları yardımıyla, <div class='post-footer-line post-footer-line-1'> ya da değişiklik gösteren bazı temalarda <p class='post-footer-line post-footer-line-1'> kodunu bulup hemen altına aşağıdaki kodları ekliyoruz.

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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><a href='http://www.yucelyilmaz.net/2010/07/blogger-resimli-benzer-yazlar-eklentisi.html' style='display:none;'>Blogger Resimli Benzer Yazılar Eklentisi</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle="Benzer Yazılar";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Yaptığınız işlemleri kaydettiğinizde, yazılarımın altında görmüş olduğunuz resimli benzer yazılar eklentisine sahip oluyorsunuz.

Bloggerda Yazının İçine Adsense Reklamları Ekleme

Adsense gelirlerinizi artırmak için sitelerinze adsense reklamlarını en iyi şekilde yerleştirmeniz gerekmektedir.Yazının içine adsense kodlarını en iyi şekilde yerleştirerek gelirlerini artırabilirsiniz.Şimdi sizlere blogger blog sitenizde adsense reklam kodlarınızı nasıl yazının üstüne,altına,sağına ve soluna ekleyebilirsiniz onları anlatmaya çalışacağım.


Adsense reklamınızın yazının üstüne çıkmasını istiyorsanız

<b:if cond='data:blog.pageType == "item"'><br /> REKLAM KODU BURAYA<br /> <br /> </b:if>

Adsense reklamınızın yazının sağ tarafında çıkmasını istiyorsanız

<b:if cond='data:blog.pageType == "item"'><br /> <div style='float:right;'>REKLAM KODU BURAYA<br /> </div></b:if>

Adsense reklamınızın yazınızın sol tarafında çıkmasını istiyorsanız.

<b:if cond='data:blog.pageType == "item"'><div style='float:left;'>REKLAM KODU BURAYA<br /> </div></b:if>

Bu kodlarını nasıl ekleyebiliriz.Blogger panelimize giriş yapıp,html düzenleye giriyoruz.Widget Şablonunu genişlet diyoruz ve aşağıda ki kodu arıyoruz.

<div class='post-body'>

Reklamı yazının üstüne koymak istiyorsanız yukarıdaki kodun üstüne ekleyeceksiniz.Reklamı yazının altına koymak istiyorsanız yukarıda ki kodun altına kodlarınızı  ekleyin