MEMBUAT RELATED TOPIK UNTUK BLOGER BETA
Bagi yang belum tahu apa itu related topic, related topic itu letaknya dibawah posting anda, yaitu topik2x yang berhubungan dengan posting yang sedang dibaca, kalau pada blogger related topic berdasarakan labels. Misalnya label posting anda ialah ‘Ngeblog’ dan artikelnya berjudul Trik Membuat read more’ maka related topic yang tampil dibawah artikel semuanya berlabel ‘Ngeblog’. Dan di posting ini saya beri tips cara membuatnya, dan menurut saya dari semua cara memasukan related topic yang saya temui, cara inilah yang paling akurat, walaupun sedikit rumit. Inilah langkah-langkahnya.
Sekali lagi saya ingatkan trik ini hanya untuk Blogger beta.
Pertama-tama ke dashboard — Template dan Edit Html dan copy-paste kode dibawah ini di atas <head>
<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 < rel =”=”" tmp =” new” tmp2 =” new” i =” 0;” relatedtitles =” tmp2;” relatedurls =” tmp;” j =” 0;” r =” Math.floor((relatedTitles.length” i =” 0;” href=”‘ + relatedUrls[r] + ‘”>’ + relatedTitles[r] + ‘</a></li>’);
if (r < relatedTitles.length – 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(’</ul>’);
}
//]]>
</script>
Kemudian anda save template, lantas klik “Expand Widget Template” dan temukan kode dibawah ini:
<b:if cond=’data:post.labels’>
<data:postLabelsLabel/>
<b:loop values=’data:post.labels’ var=’label’>
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != “true”‘>,</b:if>
</b:loop
</b:if>
Kemudian anda ganti dengan kode dibawah ini:
<b:if cond=’data:post.labels’>
<data:postLabelsLabel/>
<b:loop values=’data:post.labels’ var=’label’>
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != “true”‘>,</b:if>
<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=10″‘ type=’text/javascript’/>
</b:if>
</b:loop>
</b:if>
Catatan: Lihat yang saya bold yang ini “max-results=10″‘” bisa anda rubah sesuai jumlah kebutuhan anda.
Kemudian “save template” dan ke “Page Elements” dan masukan HTML/JAVASCRIPT widget. Maka copy-paste lah kode berikut ini di HTML/JAVESCRIPT Widget anda:
<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>
Kemudian ‘SAVE’, dan sekarang langkah terakhir, yaitu kembali ke EDIT HTML dan klik “Expand Widget Template” dan temukan ini:
<b:widget id=’HTML13′ locked=’false’ title=’Related Posts’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
Lantas gantilah kode diatas dengan kode berikut ini:
<b:widget id=’HTML13′ locked=’false’ title=’Related Posts’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “item”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:blog.homepageUrl != data:blog.url’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>
Lantas ’save template’. Maka mulai dari sekarang di bawah setiap posting anda akan muncul ‘RELATED POST’ dengan semua posting yang ber’Labels’ sama.
Thanks to Purple Moggy for this widget and also thanks to Ilham Saibi untuk masukannya.
Selamat mencoba and Good Luck!
Semoga bermanfaat.
Temukan kode ini:
<ul>
<b:loop values=’data:labels’ var=’label’>
<li>
<b:if cond=’data:blog.url == data:label.url’>
<data:label.name/>
<b:else/>
<a expr:href=’data:label.url’><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
Lantas gantilah dengan kode ini:
<br />
<select onchange=’location=this.options[this.selectedIndex].value;’>
<option>Select a label</option>
<b:loop values=’data:labels’ var=’label’>
<option expr:value=’data:label.url’><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Kemudian anda save template, lantas klik “Expand Widget Template” dan temukan kode dibawah ini:
Tidak ada komentar:
Posting Komentar