Cara Memasang Widget Recent Post + Iklan Infeed Di Blogger

Pasti kalian sudah tahu dengan jenis iklan baru yang dihadirkan google adsense. Ada 2 jenis model iklan yang dihadirkan adsense salah satunya adalah iklan in-feed ads. Iklan jenis ini memang sangat cocok jika ditampilkan diantara artikel. Selain bisa ditampilkan diantara artikel homepage seperti di blog ini ternyata iklan in-feed bisa dimasukkan juga didalam recent post dan popular post. Tertarik memasang iklan in-feed diantara artikel diberanda blog? Buka artikel berikut Cara Memasang Iklan In-Feed Diantara Postingan Di Beranda

Dengan menyisipkan iklan didalam recent post maka bisa meningkatkan pendapatan anda mulai dari tayangan sampai klik iklan.Tapi tahukah apa itu recent post? Recent post adalah widget yang menampilkan artikel terbaru di blog kita. Bisa diletakkan difooter atau sidebar. Recent post ini bisa menurunkan bounce rate blog kita dan meningkatkan page view blog kita dengan memperlihatkan artikel yang terbaru kepada pengunjung. 

Membuat recent post + iklan infeed diantara artikel. Selain bisa memasang iklan infeed diantara artikel diberanda ternyata juga bisa dipasang diantara postingan popular post dan reent post.

Jadi dengan memasang widget ini anda bisa menambahkan page views dan pendapatan dari blog anda. Nah gimana tertarik untuk memasang widget recent post ini? Caranya cukup mudah anda hanya perlu menyalin kode recent post yang akan saya bagikan dan letakkan diwidget tata letak. Berikut langkah-langkahnya.

Cara Membuat Recent Post + Iklan In-Feed Ads

1. Silakan masuk ke blogger. Pilih Tata letak → Tambahkan Gadget → HTML/JavaScript

2. Salin kode dibawah ini dan letakkan diwidget baru yang dibuat

<style scoped='' type='text/css'>
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://www.anggasave.com";
    var charac = 0;
    var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'></a>":"<span class='noactived previous'></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><p></p></a>":"<span class='noactived next'></span>",s+="<a href='javascript:navigasifeed(0);' class='home'></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div class='post'>
kodeiklaninfeeddisini
</div>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>

Ganti http://www.anggasave.com dengan url blog kalian

3. Klik simpan dan lihat hasilnya. 

Sekarang lihat blog anda jika masih ada ruang kosong diatas recent post tunggu dulu sampai iklan aktif dan tayang. Cukup sekian tutorial yang bisa saya bagikan semoga bisa membantu dan bermanfaat.

Subscribe to receive free email updates:

12 Responses to "Cara Memasang Widget Recent Post + Iklan Infeed Di Blogger"

  1. iklan infeed nya gak nongol udah ditaroh di artikel -_- gimana nih solusinya bro

    ReplyDelete
    Replies
    1. ditunggu dulu gan biasanya masih blank,tunggu sampai status iklan jadi aktif dulu

      Delete
  2. gan gimana caranya masang match content otomatis sama masang iklan di popular post kyk blog ente, mohon infonya
    thanks..

    ReplyDelete
    Replies
    1. Itu bukan matched content mas tapi iklan infeed,besuk tutorialnya nyusul ditunggu saja ☺

      Delete
    2. Ini gan tutorialnya udah turun
      http://www.anggasave.com/2017/10/cara-memasang-iklan-in-feed-adsense.html

      Delete
  3. Iklannya kok masih blank gan

    ReplyDelete
    Replies
    1. Tunggu sampai status iklan menjadi aktif gan

      Delete
  4. Replies
    1. Ganti url anggasave.com dengan url blogmu gan

      Delete
  5. yang nongol recent postnya agan :)

    ReplyDelete
    Replies
    1. Ganti url http://www.anggasave.com dengan url blogmu gan

      Delete

Jangan ada link aktif di komentar karena komentar anda di moderasi!