Latest News

Cara Memasang Widget Recent Post + Iklan Infeed Di Blogger

Pasti kalian sudah tahu dengan jenis iklan gres yang dihadirkan google adsense. Ada 2 jenis model iklan yang dihadirkan adsense salah satunya ialah iklan in-feed ads. Iklan jenis ini memang sangat cocok kalau ditampilkan diantara artikel. Selain mampu ditampilkan diantara artikel homepage menyerupai di blog ini ternyata iklan in-feed mampu 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 mampu meningkatkan pendapatan anda mulai dari tayangan hingga klik iklan.Tapi tahukah apa itu recent post? Recent post ialah widget yang menampilkan artikel terbaru di blog kita. Bisa diletakkan difooter atau sidebar. Recent post ini mampu menurunkan bounce rate blog kita dan meningkatkan page view blog kita dengan menyampaikan artikel yang terbaru kepada pengunjung. 

Pasti

Makara dengan memasang widget ini anda mampu menambahkan page views dan pendapatan dari blog anda. Nah gimana tertarik untuk memasang widget recent post ini? Caranya cukup mudah anda hanya perlu menyalin aba-aba recent post yang akan aku 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 aba-aba dibawah ini dan letakkan diwidget gres 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://tps-trick.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>

3. Klik simpan dan lihat hasilnya. 

Sekarang lihat blog anda kalau masih ada ruang kosong diatas recent post tunggu dulu hingga iklan aktif dan tayang. Cukup sekian tutorial yang mampu aku bagikan biar mampu membantu dan bermanfaat.