Cara membuat Artikel yang berkaitan - Blogger sejati adalah blogger yang selalu ingin membuat artikelnya bergna bagi pembaca. Navigasi yang jelas, artikel yang saling berkaitan akan sangat membantu pembaca ketika membaca sebuah artikel di blog anda. Setelah selesai membaca atau mungkin menerapkan tutorial yang anda persembahkan, biasanya pembaca akan mencari-cari artikel lain yang mungkin berguna bagi mereka.
Nah untuk itu, anda perlu memasang artikel terbaru, artikel populer dan artikel yang berkaitan. Jika artikel terbaru maupun populer untuk memasangnya kita tinggal menambahkan widget yang disediakan blogger, namun untuk memasang artikel yang berkaitan kita perlu sedikit mengutik template.
Bagi yang masih pemula mungkin akan sedikit kebingungan untuk melakukannya. Nah, untuk itu, kali ini Blogger Manyaran akan berbagi cara menambahkan artikel yang berkaitan, yang nantinya akan kita letakkan di bawah posting atau artikel.
Berikut caranya:
1. Masuklah ke blogger dengan akun anda > Dasbor > Template > Adit HTML.
2. Selanjutnya centang kotak cek Expand Template Widget.
3. Cari kode </head> (pencarian cepat tekan Ctrl F) dan letakkan kode di bawah ini di atasnya.
<script type="text/javascript">
//<![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>
4. Selanjutnya cari kode <data:post.body/> dan letakkan kode di bawah ini di bawahnya.
CATATAN: jika terdapat 3-4 kode <data:post.body/>, letakkan kodenya di bawah kode yang ke3.
<b:if cond='data:post.labels'>
<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 yang berkaitan</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Silahkan ganti Artikel yang berkaitan dengan tulisan yang anda inginkan.
5. Langkah terakhir klik Simpan template, selesai.