memasang artikel terkait di bawah postingan seperti gambar di samping ini,
apa sudah terpasang di blog
ok deh sahabat pasti sudah terpasang,tapi kalau belum ada baiknya untuk memcobanya
bila sahabt tertarik bisa di pasang bila kurang tertaik tinggal di remove saja sahabat.....
ok langsung ajja ke mana ayo tebak???........
pasti sudah tau jawabnya ya ke blog sahabt dong!!!!!!!!!
setelah masuk ke blog sahabat klick TAMPLE
langsung ediet HTML
setelah itu yang paling dekat dulu ya sahabat
temukan <b:skin>..<b:skin>
setelah itu cari kode ]]></b:skin>
Letakan kode di bawah ini tepat di atasnya
.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #00CC00;-moz-border-radius:10px; margin:5px;}
.rbbox:hover{background-color: #CC0099;}
.rbbox ul li {
display : block;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAEEed5WE-GYO_Pg8pStwBgGc54Pesu4R-387_Rrolt-hUasOjH3urxmEraUnm7_RVa2HxTDApIzGL4FQRR1froIldljIWhr4bvHlDYYZLXp_ccun5ZOb_rq4fY859Gv9BmKs7UUcy63yK/s1600/favicon-image.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}
hasilnya seperti gambar di bawah ini
setelah itu sahabat cari kode <data:post.body/>
copy pastekan kode di bawah ini tepat di bawah kode di atas
sebelumnya lihat gambar di bawah ini sebelum di pasang kode
<b:if cond='data:blog.pageType == "item"'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
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>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
lalu sahabat seve dan lihat hasilnya ......
tunggu dulu sahabat......
sahabat bisa ganti dengan sesuka sahabat tulisan ARTIKEL TERKAIT
untuk background gambar sahabat ganti denganURL sahabat yang ukurannya kecil ya sahabat
yang punya ku juga g apa apa sobat sobat pakai asalkan sobat suka
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAEEed5WE-GYO_Pg8pStwBgGc54Pesu4R-387_Rrolt-hUasOjH3urxmEraUnm7_RVa2HxTDApIzGL4FQRR1froIldljIWhr4bvHlDYYZLXp_ccun5ZOb_rq4fY859Gv9BmKs7UUcy63yK/s1600/favicon-image.png
apa sudah terpasang di blog
ok deh sahabat pasti sudah terpasang,tapi kalau belum ada baiknya untuk memcobanya
bila sahabt tertarik bisa di pasang bila kurang tertaik tinggal di remove saja sahabat.....
ok langsung ajja ke mana ayo tebak???........
pasti sudah tau jawabnya ya ke blog sahabt dong!!!!!!!!!
setelah masuk ke blog sahabat klick TAMPLE
langsung ediet HTML
setelah itu yang paling dekat dulu ya sahabat
temukan <b:skin>..<b:skin>
setelah itu cari kode ]]></b:skin>
Letakan kode di bawah ini tepat di atasnya
.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #00CC00;-moz-border-radius:10px; margin:5px;}
.rbbox:hover{background-color: #CC0099;}
.rbbox ul li {
display : block;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAEEed5WE-GYO_Pg8pStwBgGc54Pesu4R-387_Rrolt-hUasOjH3urxmEraUnm7_RVa2HxTDApIzGL4FQRR1froIldljIWhr4bvHlDYYZLXp_ccun5ZOb_rq4fY859Gv9BmKs7UUcy63yK/s1600/favicon-image.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}
hasilnya seperti gambar di bawah ini
setelah itu sahabat cari kode <data:post.body/>
copy pastekan kode di bawah ini tepat di bawah kode di atas
sebelumnya lihat gambar di bawah ini sebelum di pasang kode
<b:if cond='data:blog.pageType == "item"'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
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>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
lalu sahabat seve dan lihat hasilnya ......
tunggu dulu sahabat......
sahabat bisa ganti dengan sesuka sahabat tulisan ARTIKEL TERKAIT
untuk background gambar sahabat ganti denganURL sahabat yang ukurannya kecil ya sahabat
yang punya ku juga g apa apa sobat sobat pakai asalkan sobat suka
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAEEed5WE-GYO_Pg8pStwBgGc54Pesu4R-387_Rrolt-hUasOjH3urxmEraUnm7_RVa2HxTDApIzGL4FQRR1froIldljIWhr4bvHlDYYZLXp_ccun5ZOb_rq4fY859Gv9BmKs7UUcy63yK/s1600/favicon-image.png