Cara Alternatif Membuat Related Posts Matched Content Ads

Silakan login dahulu ke blog anda.

Klik tombol Tema untuk masuk ke tema editor.

Klik tombol Edit Tema untuk menampilkan kode HTML Template Blog.

Geser scrollbar ke posisi paling bawah.

Letakan kode yang didapatkan dari generator kode tepat diatas kode </body>.

KETERANGAN
Kode CSS bisa juga diletakan didalam CSS Skin Code atau diatas kode </Head> atau bisa juga di dalam postingan artikel dan kotak widget.

Elemen-elemen pada kode CSS bisa anda sesuaikan lagi agar bisa sesuai dengan template blog yang anda gunakan, seperti elemen warna latar, margin, padding, dimensi gambar dan elemen lainnya.

Kustomisasi Widget

Widget Related Post pada settingan awal akan ditampilkan di atas elemen komentar dan tentunya letak dari tampilan tersebut masih bisa disesuaikan sesuai dengan kebutuhan anda. Cara untuk merubah lokasi dari tampilan widget Related Post ini yaitu dengan merubah nilai containerIds yang terdapat pada script di atas.

Cara kedua untuk merubah lokasi tampilan yaitu dengan menempatkan elemen spesifik di dalam kode HTML template blog anda. Berikut elemen kode spesifik yang bisa anda tempatkan dimana saja di dalam kode HTML blog anda.

Kode HTML di atas bisa anda tempatkan di mana saja pada kode HTML blog, bisa di dalam kotak widget, di dalam postingan artikel atau di lokasi footer blog. Bisa juga digabungkan dengan efek float dan animasi JQuery yang bisa anda sesuaikan sendiri.

Baiklah semoga informasi kali ini bisa memberikan manfaat bagi pembaca artikel blog CodeFLare. Sampai bertemu lagi di postingan artikel berikutnya.

Keyword

Cara, Pemasangan, Memasang, Membuat, Artikel, Terkait, Related, Article, Post, Automatic, Responsive, Blog, Blogger, Blogspot, Responsif, Otomatis, Link, Page, View, Animasi, Script, CSS, JavaScript, JQuery, Widget, Custom, Recent, Code, Adsense, Matched, Content, Ads, Advertise, Iklan, Pasang

Incoming Search Term

Cara Memasang Widget Related Post, Cara Menggunakan Related Post, Cara Membuat Related Otomatis, Animasi Slide Up Related Post Blogger, CSS Slide Up Related Post, Cara Pasang Related Post Di Blogger, Related Post Super Keren dan Menarik, Widget Related Post Terbaru 2020, Kode Script Related Post Blogspot, Related Post Simple, Cara Mudah Memasang Related Post Content, Artikel Related Post, Related Posts Matched Content Ads Google Adsense, Modified Widget Related Posts Adsvertise Match By Article Content Blog Blogger Blogspot, Cara lain membuat adsense matched content, Cara unik pasang matched content ads, Memasang matched content selain dari google adsense, Matched content ads blog menggunakan widget recent posts atau related posts

//<![CDATA[ /* -- Ajax Related Post or Recent Post || codeflare blogspot -- */ function relatedPostsWidget(a){ (function(e) { var f = { /* Start Initial Variabel */ blogURL:'', containerIds:'#comments', containerSelector:'#related_posts', /* Initial Ads Config */ onlyImages:false, adsPosition:'random', adsPublisher:'adsense', /* ------------------------------------------------ */ /* Use only for adsense */ adsPubID:'ca-123456789', adsSlot:['12345','6789'], /* Use Other Ads Publisher */ adsDataClass:'.adsDataClass', /* Use Image Ads Publisher */ adsImgUrl:['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oyZp77MP3Hs0l8AJ7uyXbbrGTGWv29e0S-cVNhhyNLZr1b3j4YWpY9kA9_h5VDmjcDK1LVzwMVIRgPT-y92KJCARnjiKazR1XHc1taP1In6qUZ5SlKf0x_eNX-TUPKWO7wXvJ4JuRSCB/s1600/ads.jpg'], adsImgLink:['https://goraps.com/fullpage.php?section=General&pub=133317&ga=g'], /* Use Image Adf.ly Publisher */ adsFlyRedID:'822497', adsFlySlot:'5', /* ------------------------------------------------ */ /* Recent Posts Config */ maxPosts:9,maxTags:9,maxPostsPerTag:9, boxView:4, tags:null, loadingText:'Loading...', relevantTip:'', MonthNames:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], rlt_summary:100, showTitle:true, readMoretext:' <i class="fa fa-plus-square" aria-hidden="true"></i>', readMoreTitle:'Click to read more !', rlpBlank:'', rlt_thumb:200, postScoreClass:'', ShowDate:true, bgColor:'#0083da', onLoad:false, unlockkey:'' /*keycode*/ }; /* End Initial Variabel */ f = e.extend({}, f, a); var k = 0, b = null, g = null; if(!$(f.containerSelector).length){ $(f.containerIds).before('<div id="'+(f.containerSelector).substring(1)+'"></div>'); }  var c = function(x, r){ k++; if(x.feed.entry){ for(var w = 0; w < x.feed.entry.length; w++) { var m = x.feed.entry[w]; var o, p, C, q, B, n, t, A, v, y, z = ""; for(var u = 0, s = m.link.length; u < s; u++) { if(m.link[u].rel == "alternate") { z = m.link[u].href; break; }} o = ("content" in m) ? m.content.$t : ("summary" in m) ? m.summary.$t : ""; var l = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi; q = e("<div></div>").append(o.replace(l, "")); B = q.find("img"); if("media$thumbnail" in m) { p = m.media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "/s" + f.rlt_thumb + "-c") } else { if(B.length != 0) { p = B[0].src } else { p = f.rlpBlank }} o = o.replace(/<\S[^>]*>/g, ""); if(o.length > f.rlt_summary) { o = o.substring(0, f.rlt_summary) } C = m.title.$t; y = m.published.$t.substring(0, 10); n = y.substring(0, 4); t = y.substring(5, 7); A = y.substring(8, 10); v = f.MonthNames[parseInt(t, 10) - 1]; if(location.href.toLowerCase() != z.toLowerCase()) { i(z, C, p, o, n, A, v) }}} if(k >= f.tags.length) { g.attr("class", ""); e("#related-posts-loadingtext", b).remove(); if(f.maxPosts > 0) { e("li:gt(" + (f.maxPosts - 1) + ")", g).remove() }}}; var ad=0;var arand=[];var ardata=[]; if(f.adsPublisher.toLowerCase()=='adsense'){ if(f.adsSlot.length>f.maxPosts){var lno=f.maxPosts;}else{var lno=f.adsSlot.length;} for(var ar=0;ar < lno;ar++){arand[ar]=Math.floor(Math.random(Math.random())*f.maxPosts);} } if(f.adsPublisher.toLowerCase()=='adsdata'){ for(var ar=0;ar < $(f.adsDataClass).length;ar++){ arand[ar]=Math.floor(Math.random(Math.random())*f.maxPosts); ardata.push($(f.adsDataClass).eq(ar).html()); } $(f.adsDataClass).remove(); } if(f.adsPublisher.toLowerCase()=='adslink'){ for(var ar=0;ar < f.adsImgUrl.length;ar++){arand[ar]=Math.floor(Math.random(Math.random())*f.maxPosts);} } if(f.adsPublisher.toLowerCase()=='adsfly'){ if(f.adsFlySlot==''){var adf=f.maxPosts} else if(f.adsFlySlot.toLowerCase()=='half'){var adf=f.maxPosts/2} else if(parseInt(f.adsFlySlot)<=f.maxPosts&&parseInt(f.adsFlySlot)>0){var adf=parseInt(f.adsFlySlot);} else {var adf=3;} for(var ar=0;ar < adf;ar++){arand[ar]=Math.floor(Math.random(Math.random())*f.maxPosts);} } var i = function(q, u, w, m, y, v, x){ var r = e("li", g); for(var p = 0, l = r.length; p < l; p++){ var t = e("a", r.eq(p)); var s = j(t); if(t.attr("href") == q){ h(t, ++s); for(var o = p - 1; o >= 0; o--){ var n = e("a", r.eq(o)); if(j(n) > s) { if(p - o > 1) { r.eq(o).after(r.eq(p)); }return}} if(p > 0) { r.eq(0).before(r.eq(p)); }return}} if(f.onlyImages==true){ var con='<li><div class="inner"><a class="titleRelatedPost" href="' + q + '" title="' + (f.relevantTip ? f.relevantTip.replace("\d", 1) : u) + '"><span class="imageRPalt"><img alt="' + u + '" src="' + w + '"/></span><strong>' + u + '</strong></a><p>' + m + '<a title="' + (f.readMoreTitle?f.readMoreTitle:u) + '" href="' + q + '">' + (f.readMoretext ? f.readMoretext : " (...)") + '</a>' + (f.ShowDate === true ? '<span class="datealt"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</p></div></li>'; }else{ var con='<li><div class="inner"><a class="titleRelatedPost" href="' + q + '" title="' + (f.relevantTip ? f.relevantTip.replace("\d", 1) : "") + '"><span class="imageRP"><img alt="' + u + '" src="' + w + '"/></span><strong>' + u + '</strong></a><p>' + m + '<a title="' + (f.readMoreTitle?f.readMoreTitle:u) + '" href="' + q + '">' + (f.readMoretext ? f.readMoretext : " (...)") + '</a>' + (f.ShowDate === true ? '<span class="date"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</p></div></li>'; } if(f.adsPublisher.toLowerCase()=='adsense'){ var cads='<li><div class="innerads"><ins class="adsbygoogle" style="display:block;box-sizing:border-box;min-width:100%;min-height:100%;" data-ad-client="'+f.adsPubID+'" data-ad-slot="'+f.adsSlot[ad]+'" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>'+ (f.ShowDate === true ? '<span class="date"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') +'</div></li>'; } if(f.adsPublisher.toLowerCase()=='adsdata'){ var cads='<li><div class="innerads">'+ardata[ad]+ (f.ShowDate === true ? '<span class="date"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</div></li>'; } if(f.adsPublisher.toLowerCase()=='adsfly'){ if(f.onlyImages==true){ var cads='<li><div class="inner"><a class="titleRelatedPost" href="http://adf.ly/'+f.adsFlyRedID+'/'+q+'" title="' + (f.relevantTip ? f.relevantTip.replace("\d", 1) : u) + '" target="blank"><span class="imageRPalt"><img alt="' + u + '" src="' + (f.adsImgUrl[ad]?f.adsImgUrl[ad]:w) + '"/></span><strong>' + u + '</strong></a><p>' + m + '<a title="' + (f.readMoreTitle?f.readMoreTitle:u) + '" href="http://adf.ly/'+f.adsFlyRedID+'/'+q+'" target="blank">' + (f.readMoretext ? f.readMoretext : " (...)") + '</a>' + (f.ShowDate === true ? '<span class="datealt"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</p></div></li>'; }else{ var cads='<li><div class="inner"><a class="titleRelatedPost" href="http://adf.ly/'+f.adsFlyRedID+'/'+q+'" title="' + (f.relevantTip ? f.relevantTip.replace("\d", 1) : "") + '" target="blank"><span class="imageRP"><img alt="' + u + '" src="' + w + '"/></span><strong>' + u + '</strong></a><p>' + m + '<a title="' + (f.readMoreTitle?f.readMoreTitle:u) + '" href="http://adf.ly/'+f.adsFlyRedID+'/'+q+'" target="blank">' + (f.readMoretext ? f.readMoretext : " (...)") + '</a>' + (f.ShowDate === true ? '<span class="date"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</p></div></li>'; }} if(f.adsPublisher.toLowerCase()=='adslink'){ if(f.onlyImages==true){ var cads='<li><div class="inner"><a class="titleRelatedPost" href="' + (f.adsImgLink[ad]?f.adsImgLink[ad]:q) + '" title="' + (f.relevantTip ? f.relevantTip.replace("\d", 1) : u) + '" target="blank"><span class="imageRPalt"><img alt="' + u + '" src="' + (f.adsImgUrl[ad]?f.adsImgUrl[ad]:w) + '"/></span><strong>' + u + '</strong></a><p>' + m + '<a title="' + (f.readMoreTitle?f.readMoreTitle:u) + '" href="' + (f.adsImgLink[ad]?f.adsImgLink[ad]:q) + '" target="blank">' + (f.readMoretext ? f.readMoretext : " (...)") + '</a>' + (f.ShowDate === true ? '<span class="datealt"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</p></div></li>'; }else{ var cads='<li><div class="inner"><a class="titleRelatedPost" href="' + (f.adsImgLink[ad]?f.adsImgLink[ad]:q) + '" title="' + (f.relevantTip ? f.relevantTip.replace("\d", 1) : "") + '" target="blank"><span class="imageRP"><img alt="' + u + '" src="' + (f.adsImgUrl[ad]?f.adsImgUrl[ad]:w) + '"/></span><strong>' + u + '</strong></a><p>' + m + '<a title="' + (f.readMoreTitle?f.readMoreTitle:u) + '" href="' + (f.adsImgLink[ad]?f.adsImgLink[ad]:q) + '" target="blank">' + (f.readMoretext ? f.readMoretext : " (...)") + '</a>' + (f.ShowDate === true ? '<span class="date"><strong>' + v + '</strong><span>' + x + '</span><span>' + y + '</span></span>' : '') + '</p></div></li>'; }} try{ if(f.adsPosition.toLowerCase()=='random'||f.adsPosition==''||f.adsPosition=='undefined'){ var tmp=false; for(var as=0;as<arand.length;as++){if(arand[as]==l){tmp=true;break;}} if(tmp==true){g.append(cads);ad++;}else{g.append(con);} }else if(f.adsPosition.toLowerCase()=='even'){ if(l % 2 == 0 && ad < f.adsSlot.length&&f.adsPublisher.toLowerCase()=='adsense'){g.append(cads);ad++;} else if(l % 2 == 0 && ad < ardata.length&&f.adsPublisher.toLowerCase()=='adsdata'){g.append(cads);ad++;} else if(l % 2 == 0 && ad < f.maxPosts&&f.adsPublisher.toLowerCase()=='adsfly'){g.append(cads);ad++;} else if(l % 2 == 0 && ad < f.adsImgLink.length&&f.adsPublisher.toLowerCase()=='adslink'){g.append(cads);ad++;} else{g.append(con);} }else if(f.adsPosition.toLowerCase()=='odd'){ if(Math.abs(l % 2) == 1 && ad < f.adsSlot.length&&f.adsPublisher.toLowerCase()=='adsense'){g.append(cads);ad++;} else if(Math.abs(l % 2) == 1 && ad < ardata.length&&f.adsPublisher.toLowerCase()=='adsdata'){g.append(cads);ad++;} else if(Math.abs(l % 2) == 1 && ad < f.maxPosts&&f.adsPublisher.toLowerCase()=='adsfly'){g.append(cads);ad++;} else if(Math.abs(l % 2) == 1 && ad < f.adsImgLink.length&&f.adsPublisher.toLowerCase()=='adslink'){g.append(cads);ad++;} else{g.append(con);} }else{ if(f.adsPosition!=null&&parseInt(f.adsPosition)<=f.maxPosts&&l==parseInt(f.adsPosition)){g.append(cads);ad++;} else{g.append(con);} }} catch(err){ if(f.adsPosition.length>0&&f.adsPosition.length<=f.maxPosts){ var tmp=false; if(f.adsPublisher.toLowerCase()=='adsense'){for(var as=0;as<f.adsSlot.length;as++){if(f.adsPosition[as]==l){tmp=true;break;}}} if(f.adsPublisher.toLowerCase()=='adsdata'){for(var as=0;as<ardata.length;as++){if(f.adsPosition[as]==l){tmp=true;break;}}} if(f.adsPublisher.toLowerCase()=='adsfly'){for(var as=0;as<f.maxPosts;as++){if(f.adsPosition[as]==l){tmp=true;break;}}} if(f.adsPublisher.toLowerCase()=='adslink'){for(var as=0;as<f.adsImgLink.length;as++){if(f.adsPosition[as]==l){tmp=true;break;}}} if(tmp==true){g.append(cads);ad++;}else{g.append(con);} } } }; var j = function(l){ var m = parseInt(l.attr("score")); return m > 0 ? m : 1 }; var h = function(l, m){ l.attr("score", m); if(f.relevantTip){l.attr("title", f.relevantTip.replace("\d", m));} if(f.postScoreClass){l.attr("class", f.postScoreClass + m);}}; var d = function() { if(f.containerSelector != "#related_posts") { var l = e(f.containerSelector); if(l.length != 1) { return } b = e('<div id="related_posts"></div>').appendTo(l) }else{b = e(f.containerSelector);} if(!f.tags){ f.tags = []; e('a[rel="tag"]:lt(' + f.maxTags + ")").each(function(){ var o = e.trim(e(this).text().replace(/\n/g, "")); if(e.inArray(o, f.tags) == -1){f.tags[f.tags.length]=o;}})} if(f.showTitle==true){ if(f.tags.length == 0) {e("<div class='rpTitleH2'><i class='fa fa-clone' aria-hidden='true'></i> Recent Posts</div>").appendTo(b);} else{e("<div class='rpTitleH2'><i class='fa fa-clone' aria-hidden='true'></i> Related Posts</div>").appendTo(b);} } if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b);} g = e("<ul></ul>").appendTo(b); var _0xad6d=["\x68\x6F\x73\x74\x6E\x61\x6D\x65","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x75\x6E\x6C\x6F\x63\x6B\x6B\x65\x79","\x6C\x65\x6E\x67\x74\x68","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x70\x43\x72\x65\x64\x69\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x6F\x64\x65\x66\x6C\x61\x72\x65\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x62\x6C\x61\x6E\x6B\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x70\x43\x72\x65\x64\x69\x74\x22\x3E\x50\x6F\x77\x65\x72\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x6F\x64\x65\x66\x6C\x61\x72\x65\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x62\x6C\x61\x6E\x6B\x22\x3E\x43\x6F\x64\x65\x46\x6C\x61\x72\x65\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x31\x30\x70\x78","\x23\x66\x66\x66","\x31\x70\x78","\x30","\x32\x70\x78\x20\x30","\x62\x67\x43\x6F\x6C\x6F\x72","\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74","\x63\x73\x73","\x2E\x72\x70\x43\x72\x65\x64\x69\x74","\x6E\x6F\x6E\x65","\x68\x65\x6C\x70","\x2E\x72\x70\x43\x72\x65\x64\x69\x74\x20\x61"];if(window[_0xad6d[1]][_0xad6d[0]]== atob(f[_0xad6d[2]])&& f[_0xad6d[2]][_0xad6d[3]]> 0){e(_0xad6d[5]+ window[_0xad6d[1]][_0xad6d[0]]+ _0xad6d[6])[_0xad6d[4]](b)}else {e(_0xad6d[7])[_0xad6d[4]](b)};$(_0xad6d[16])[_0xad6d[15]]({'\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65':_0xad6d[8],'\x63\x6F\x6C\x6F\x72':_0xad6d[9],'\x6C\x65\x74\x74\x65\x72\x2D\x73\x70\x61\x63\x69\x6E\x67':_0xad6d[10],'\x6D\x61\x72\x67\x69\x6E':_0xad6d[11],'\x70\x61\x64\x64\x69\x6E\x67':_0xad6d[12],'\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72':f[_0xad6d[13]]+ _0xad6d[14]});$(_0xad6d[19])[_0xad6d[15]]({'\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E':_0xad6d[17],'\x63\x6F\x6C\x6F\x72':_0xad6d[9],'\x63\x75\x72\x73\x6F\x72':_0xad6d[18],'\x6D\x61\x72\x67\x69\x6E':_0xad6d[11],'\x70\x61\x64\x64\x69\x6E\x67':_0xad6d[11]}) $('.rpTitleH2').css('background-color',f.bgColor+' !important'); $('#related_posts').css({'border-width':'1px','border-style':'solid','border-color':f.bgColor}); $('#related-posts-loadingtext').css('color',f.bgColor+' !important'); if(f.tags.length == 0){ e.get((f.blogURL === "" ? window.location.protocol + "//" + window.location.host : f.blogURL) + "/feeds/posts/default?max-results=" + f.maxPostsPerTag + "&orderby=published&alt=json-in-script", c, "jsonp"); }else{ for(var n = 0, m = f.tags.length; n < m; n++){ e.get((f.blogURL === "" ? window.location.protocol + "//" + window.location.host : f.blogURL) + "/feeds/posts/default/-/" + f.tags[n] + "?max-results=" + f.maxPostsPerTag + "&orderby=published&alt=json-in-script", c, "jsonp"); }}};d();})(jQuery);} $(document).ready(function(){relatedPostsWidget();}); //]]>

Initial Data Setup
Blog URL	Auto Manual
Widget Placement
Element ID
Ads Configuration
Widget Posts View	Only Images Images and Content
Ads Position	Default Manual
Ads Provider
Ads Account Data	Adsense Publisher ID Adsense Slot Number Ads Class Ads Code Input
Posts Configuration
Post Content	Post Box View
Content Label
Loading Text
Tooltip Text
Content Text Limit
Header Title	Enable Title Disable Title
Read-more Symbol
Read-more Tooltip
Image Blank URL
Background Color
Widget Render	On Load Render On Complete Render
Unlock Full Version Code
Unlock Code
Generate Code
Show Code Preview Add To Blogger
Widget Code
Copy to clipboardCopy code

Cari Blog Ini

kesan20

Cara Alternatif Membuat Related Posts Matched Content Ads

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Pasang Widget ASTROLOGI Online Lengkap Terbaru

Terjawab ! Ini yang Terjadi pada Manusia Jika Tewas di Luar Angkasa

#Keren ! Tombol Share Facebook Menggunakan Animasi Spiderman