| Title | Cara Membuat Related Post Di Blog |
| Permission | rw-r--r-- |
| Author | Bekasi Zone |
| Date and Time | 4:10 AM |
| Category | Blogging Tips |
| Share |
Artikel terkait ini di letakan di bagian bawah artikel guna memberitahu pengunjung bahwa artikel yang sama yg sedang di baca ada di bawahnya.
Related Post ini seperti menu navigasi pada sidebar blog, hanya saja menu related post ini terisi secara otomatis berdasarkan Label pada masing-masing artikel.
Misalkan article yang sedang di baca pengunjung tentang ''5 Cara Optimalisasi Keyword'' yang di beri Label ''Blogging Tips'', maka artikel terkait secara otomatis akan menampilkan Artikel-artikel yang lainnya tentang Bloggin Tips.
Contoh Related Post atau Posting Terkait bisa di lihat pada Bekasi Zone ini di bagian bawah artikel yang sedang kamu baca ini. BAGAIMANA CARA MEMBUAT RELATED POST INI? Mari kita lakukan penelitian membuat artikel terkait.
- Sebelum membuat related post sobat login ke akun blogger sobat dulu...
- Kemudian sobat masuk kebagian rancangan...
- Kemudian sobat masuk ke tab edit/html, jangan lupa mencentang Expand Widget Template...
- Kemudian sobat cari script <data:post.body/>...
- Kemudian copy script dibawah ini...
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories :</h3> <div id='data2007'/>
<script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; 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('data2007').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> </div> </b:if> - Kemudian simpan deh...
Oia jika sobat sudah memasang 'Readmore Otomatis' maka sobat harus menempatkan script related post di bawah kode
<data:post.body/>
</b:if>
Dan jika sobat memasang ads di bawah posting, maka tempatkan script related post di bawah kode ads tersebut...
Selamat Mencoba...

0 komentar:
Posting Komentar