Friday, May 11, 2012
Cara Membuat Related Articles di bawah Posting
Apabila anda membaca blog orang lain sering dijumpai adanya tampilan related article atau baca artikel terkait di bawah artikel yang diposting. Tampilan related article akan sangat membantu para pembaca untuk melihat artikel lain yang sejenis sebagai tambahan referensi bacaannya. Nah berikut ini ada Cara sederhana untuk membuat Related Article seperti itu.
Kemudian masuk pada pengaturan Template kemudian anda klik pada bagian HTML.
Saran saya, sebaiknya anda copy dulu semua kode di dalam jendela HTML ini kemudian anda simpan di Word Pad, Microsoft Word atau sejenisnya sebagai back up jika anda menginginkan bentuk tampilan semula.
Nah untuk membuat related articles, selanjutnya pada jendela HTML tersebut klik terlebih dahulu kotak kecil di sebelah kiri Expand Template Widget.
Kemudian Carilah kode </head> , lebih cepat bila anda menggunakan Ctrl + F untuk mencari kode tersebut.
Silahkan Copy kode berikut dan letakkan sebelum kode </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 < 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>
//<![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>
Kemudian carilah kode <data:post.body/> dan letakkan kode di bawah ini tepat setelah kode <data:post.body/> tersebut.
<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>Baca Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
<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>Baca Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Jika sudah, sekarang simpan pengaturan ini dan tutup jendela HTML.
Dan coba anda lihat tampilan blog anda sekarang.
Oke Selamat Berkreasi
Salam Admin
Amru S.
Info Kontes - Kompetisi Tingkat Nasional-International
Label:
blogger,
Related Articles,
TUTORIAL
Subscribe to:
Post Comments (Atom)
TIPS SEO HARI INI
Anda punya Blog? Atau website ingin meningkatkan Page Rank di Search Engine?
Klik logo-logo di bawah ini untuk melihat caranya :
0 komentar:
Post a Comment
Silahkan tinggalkan komentar dan share / like halaman ini. Terima Kasih