Bagi Anda yang ingin buat related Post namun ingin tampilan yang baru, mungkin anda bisa mencoba cara ini. Related Post yang saya maksud adalah related post yang di sebelah nya terdapat tempat/ kotak iklan untuk script iklan anda, ya lumayan lah untuk menghemat tempat dan untuk meningkatkan penghasilan anda di Dunia maya dalam bisnis periklanan. Liat SS nya di bawah ini :
Atau demo bisa di lihat di sini :
GotMp3
Gimana?? keren kan sob??
Baiklah, langsung saja ya sob kita mulai,.
1. Silakan masuk ke akun Blogspot Anda masing2, kemudian pilih Template > Edit Html
2. Setelah itu cari kode
]]></b:skin> dan letakkan kode di bawah ini di atas kode tersebut.
#rbbox{float:left;width:275px;border-right:1px solid #ffaaff;margin:5px 0 0;padding:0 15px 0 0}
#rbbox .widget{margin:0;padding:0}
#rbbox .widget h2,#related-posts h2{font:bold 13px Droid Serif;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#rbbox {color:#333;font:12px Droid Serif}
#rbbox:hover{color:#f9ab39}
#rbbox
li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP6ElmgLpu3lLNdinhyphenhyphen5HFt5mIly8vhsuDk_hUCyuq2E4dwxf0aNo6Let5Ooin6W6kwWbbDvxyXR4XmNd7aw7WfRIy3Iu9xWAfWjXeBTnGnfAqX62_VsYcDd2F21mRBHUdmq2DO8GH8GA/s1600/bullet-list.gif)
no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0
2px 10px}
#banner-ads{float:right;width:300px;margin:5px 0}
3. Setelah itu cari kode
<data:post.body/>, setiap template kode tersebut beda beda, ada yang 4, 3, dan 2, kamu letakkan saja di kode yang ke 2.
<b:if cond='data:blog.pageType == "item"'>
<H3>Artikel Terkait :</H3>
<div id='banner-ads'>
MASUKKAN SCRIPT HTML/JAVASCRIPT KAMU DISINI..!!!
</div>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:250px;overflow:auto;border:0px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10 ;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
<script type='text/javascript'>RelPost();</script>
</div>
</div>
</b:if>
4. Setelah itu save dan lihat hasilnya.
Catatan :
- float:left;width:275px : Posisi related post yang ada di kiri dengan lebar 275px
- float:right;width:300px : Posisi banner-ads yang ada di sebelah kanan dengan lebar 300px
- MASUKKAN SCRIPT HTML/JAVASCRIPT KAMU DISINI..!!! : Kode Iklan Anda
Seperti itulah
Cara Buat Kotak Iklan Di samping Related Post | Related Post Terbaru, selamat mencoba ya gan :D
