Cara Membuat Related Post Ringan di Blog atau bisa dikatakan cara membuat artikel terkait di blog yang tentunya ringan atau loadingnya cepat sehingga tidak lambat untuk memudahkan pembaca dalam melihat semua postingan. Related Post merupakan sebuah menu untuk memperlihatkan postingan yang telah di post agar supaya para pembaca bisa membaca sebanyak mungkin artikel yang kita tulis berdasarkan label atau kategori yang di berikan.
 |
| Related Post |
Cara Membuat Related Post Ringan di Blog mungkin pembahasan ini sudah banyak sekali di berbagai situs dan related post ini sudah di terapkan. Namun bagi anda yang belum mengetahuinya ataupun baru dalam dunia blogger menu ini harus ada dalam blog anda karena berfungsi untuk mengantarkan pembaca ke artikel yang lain agar mereka lama membaca dan akan mengunjungi terus blog anda.
Untuk membuat related post caranya cukup mudah tinggal mengikuti langkah-langkah berikut ini :
1. Login dulu di akun blog anda.
2. Pilih perancangan template dan cadangkan atau backup template anda dulu untuk menghindari hal-hal tidak di inginkan.
3. kemudian setelah itu edit html
4. Lalu cari kode berikut ]]></b:skin> agar mudah tekan Ctrl F.
5.Setelah di temukan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
.rbbox{border: 1px solid #D8D8D8;padding: 5px;6. Kemudian cari kode berikut <data:post.body/> setelah itu copy code di bawah ini tepat di bawah kode tadi.
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
<b:if cond='data:blog.pageType == "item"'>7. Ganti tulisan yang cetak tebal dengan yang anda inginkan kemudian simpan template anda.
<H2>Related Post</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
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>
ket : Jika terdapat lebih dari satu kode <data:post.body/> misalnya 3 maka copy di bawah yang ke 2 jika 4 copy di bawah yang 3 atau lakukan trial dan error saja pada masing-masing urutan.
Itulah artikel tentang bagaimana Cara Membuat Related Post Ringan di Blog semoga bermanfaat buat anda. Silahkan baca juga cara daftar dmca protected jika anda berminat.
