728x90 AdSpace

  • Latest News

    3/22/2010

    Blogger Benzer yazılar ve Google Reklamları Yan Yana Getirme




    Evet pek çok arkadaşımın merak ettiği bir konuydu blogger'da konu devamındaki ayrıntılara bakarken aşağıda konu ile alakalı benzer yazılar ve hemen sağında google adsense reklamlarını göstermek.  Ben biraz dolaştım baktım ettim güzel bişeyler buldum. Ve bu blogdada aktif olarak çalışıyor. KOnunun devamına bakarak nasıl yapıldığına bakabilirsiniz.

    Öncelikle Benzer Yazılar eklentisini kuralım
    (Düzenleme yapmadan önce her ihtimale karşı Temanızın Yedeğini almayı unutmayın)
    Etiketlere göre benzer yazıları gösteren bu hoş eklentinin nasıl kurulacağına geçelim Blogger oturum açtıktan sonra Yerleşim>HTML'yi Düzenle>Widget Şablonlarını Genişlet: dedikten sonra

    </head> kodundan önce ekleyin



    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts {
    float:left;
    margin-top:10px;
    text-decoration:none;
    padding-left:5px;
    }
    #related-posts li {
    text-decoration:none;
    list-style:none outside none;
    }
    #related-posts h2{
    font-size: 15px;
    font-weight: bold;
    color: #414141;
    }
    #related-posts a{
    text-decoration:none;
    color:#0071BB;
    }
    #related-posts a:hover{
    color:#ED1E24;
    }
    
    
    </style>
    <script src='http://sites.google.com/site/kirliadam12/Home/benzerkonular.js' type='text/javascript'/>
    </b:if>




    yukarıda yer alan kodlarda 
    color: #414141; ve color:#ED1E24; kodlarını siz istediğiniz gibi değiştirebilirsiniz birisi normal renk diğeri ise fare üzerine gelince olacak renk.

    <data:post.body/> kodunu bulun ve hemen altına


    <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>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=5;
    var relatedpoststitle=&quot;Benzer Yazılar&quot;;
    removeRelatedDuplicates_thumbs(); 
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    


    var maxresults=5; kısmındaki 5 benzer konu adedi isterseniz azaltıp çoğaltabilirsiniz.

    şimdi ]]></b:skin> üstüne aşağıdaki kodları ekleyin

    .ara {
    background:url("http://s1018.photobucket.com/albums/af306/cloudxe/mystique/dot.gif") no-repeat scroll left bottom transparent;
    height:30px;
    }
    #reklam{
    float:right;
    margin-top:10px;
    }

    son olarak <div id='related-posts'> u bulup hemen üstüne aşağıdaki kodları giriyoruz:

    
    <div class='ara'/><div id='reklam'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;pub-2870454769337097&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* 300x250, olu&#65533;turulma 16.03.2010 */
    google_ad_slot = &quot;7979220625&quot;;
    google_ad_width = 300;
    google_ad_height = 250;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;</div>


    google_ad_client = "pub-2870454769337097";
    google_ad_host = "pub-1556223355139109";

    bu kısımları siz kendi adsense hesabınıza göre değiştireceksiniz..... Sorun olursa bu başlık altında sorabilirsiniz... Kolay gelsin.

    Mehmet Ali

    Grafik tasarım konusunda bir şeyler öğrenmekte, öğrenmekte olduklarını paylaşmakta.

    Website: Mhmtalizm

    • Blogger Yorumları
    • Facebook Yorumları

    0 yorum:

    Yorum Gönder

    Item Reviewed: Blogger Benzer yazılar ve Google Reklamları Yan Yana Getirme Rating: 5 Reviewed By: Kirli Adam
    Scroll to Top