Fitur ini menggunakan feed label atau kategori post, dan cara kejanya hampir sama dengan "Related Articles" atau "Artikel yang berhubungan". Bedanya kalau fitur ini, kita dapat menentukan label atau kategori artikel apa yang akan kita tampilkan. Sehingga judul artikel yang muncul secara acak dan otomatis, akan sesuai dengan label atau kategori yang kita pasang pada fitur ini.
Untuk letak, dimana kita meletakkan fitur ini terserah kita....
Pada artikel ini saya memberi contoh dan langkah-langkahnya di bawah artikel post. Atau bila sudah ada fitur "Related Articles" atau "Artikel yang berhubungan", kita tinggal menambahkan dibawahnya.
Tapi, bila anda menghendaki fitur ini ditampilkan dalam gadget sidebar juga bisa. Sebab fitur ini akan tetap bekerja dengan baik, asal anda tidak keliru mengganti teks yang ada pada script yang saya berikan dan anda tinggal copy paste pada gadget....OK.
Bila anda juga
bermninat membuat artikel berhubungan atau related Post pada blog anda,
silahkan anda ikuti langkah-langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu
Template Lengkap (back-up Template) agar template aman, bila terjadi
kesalahan.
5. Jangan lupa Klik tombol "Expand Widget Templates"
6. Cari kode yang mirip dengan kode ini : <data:post.body/>
7. Bila blog anda sudah menggunakan "Read more",Taruh kode dibawah ini setelah kode <data:post.body/> yang kedua.
Dan bila anda sudah menggunakan "Related Articles" atau "Artikel yang berhubungan", anda tinggal meletakkan kode dibawah ini setelahnya. :
<br/>
<b>Baca artikel lain :</b><div style='height:200px;overflow:auto;' class='related-post' id='artikel_lain'>
<script type='text/javascript'>
var homeUrl3 = "http://www.carabuatwebgratis.com/";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 4;
maxNumberOfPostsPerLabel = 4;
maxNumberOfLabels = 4;
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('artikel_lain').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;
textLabel = "LABEL-1";
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++;
}}
textLabel = "LABEL-2";
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++;
}}
textLabel = "LABEL-3";
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++;
}}
textLabel = "LABEL-4";
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++;
}}
</script>
</div>
Catatan :
- "maxNumberOfPostsPerLabel = 4;" Jumlah artikel yang tampil.
"maxNumberOfLabels = 4; " Jumlah artikel yang tampil. - Ganti teks LABEL-1, LABEL-2, LABEL-3, LABEL-4, dengan label yang ingin anda pasang.
- Bila ingin menambahkan label, anda tinggal menambahkan satu bagian kode seperti berikut :
Jangan lupa ganti teks berwarna merah.
Diterbitkan Oleh : aanFurqaan aan
Anda sedang membaca artikel tentang Menambahkan fitur "Baca artikel lain" dibawah post. Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di ukang-blogger
0 Comments