Cara Membuat Related Post (Artikel Terkait)
Artikel Terkait atau biasa disebut related post sangatlah berguna untuk menghubungkan satu artikel dengan artikel lainnya yang berhubungan. Contohnya adalah jika kita masuk ke dalam artikel cara menghilangkan navbar blog (sudah tidak berlaku saat ini karena blogger sudah mempermudah segalanya) dan jika kamu sudah membacanya sampai bawah kamu akan disuguhkan link2 ke artikel2 tutorial blog lainnya. Lalu bagaimana caranya? Ini dia caranya:
1. Seperti biasa, ke blogger
2. Ke rancangan > edit HTML
3. Centang expand template widget
4. Lalu copy kode di bawah ini
6. Jika sudah copy kode di bawah ini
Sekian posting dari saya. Jika ada pertanyaan atau kode error bisa laporkan kepada saya melalui komentar di bawah ini. Trimakasih. Salam Blogger
1. Seperti biasa, ke blogger
2. Ke rancangan > edit HTML
3. Centang expand template widget
4. Lalu copy kode di bawah ini
<script type="text/javascript">5. Lalu paste di atas kode </head> (ctrl+F untuk mencari)
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
6. Jika sudah copy kode di bawah ini
<b:if cond='data:post.labels'>7. Letakan kode tersebut di bawah kode <data:post.body/> (ctrl+F untuk mencari)
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Sekian posting dari saya. Jika ada pertanyaan atau kode error bisa laporkan kepada saya melalui komentar di bawah ini. Trimakasih. Salam Blogger
Label:
Tutorial Blogger
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar