Cara Mudah Membuat Related Post dibawah postingan blog

Sebenarnya sudah banyak blog atau website yang memberikan ulasan Cara Mudah Membuat Related Post dibawah postingan blog tapi masih saja banyak yang templatenya tidak mendukung, dan itu juga yang kami alami dalam pembuatan related post sering terjadi tidak berfungsi.

Namun demikian, demi sebuah blog yang ingin tampil keren dan indah harus tetap semangat untuk menjelajahi dunia internet, tentunya juga sebagai bahan belajar bagi pemula seperti saya ini. Banyak sekali widget atau script untuk mempercantik blog dan menjadikan blog tampil dengan percaya diri karena karena ke kerenannya. salah satunya untuk tampil keren dengan menambahkan related post dibawah postingan sehingga para pengunjung bisa betah di blog kita karena yang dicari bisa tersedia di blog kita.

Nah untuk kali ini saya coba untuk memposting langkah-langkah Cara Mudah Membuat Related Post dibawah postingan blog

Pertama silahkan anda login ke blog anda lalu klik template di dahsbor selanjutanya klik edit HTML setelah cari kode </head>. biar mudah dalam pencarian silahkan pake CTRL+F. jika sudah ketemu silahkan copas script dibawah ini tepat di bawahnya </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> 

Setelah selesai tugas diatas, selanjutnya cari <data:post.body/> kalau sudah ketemu silahkan copas kode script dibawah ini tepat dibawah kode <data:post.body/> biasanya kode sepertinya ada yang lebih dari satu atau mungkin lebih dari tiga, silahkan coba satu persatu sambil buat pengalaman

<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&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>  
</b:if>  
</b:loop>  
</b:if>   

<b:if cond='data:blog.pageType == "item"'>  
<h4>Baca juga artikel dibawah ini</h4>  
<script type="text/javascript">  
removeRelatedDuplicates();  
printRelatedLabels();  
</script>  
</b:if>  


Tulisan yang berwarna biru bisa anda rubah sesuai selera anda, selanjutnya silahkan simpan sampai sukses dan setelah sukses silahkan lihat hasilnya..


>>>>>Baca juga Artikel dibawah ini<<<<<
Itulah Cara Mudah Membuat Related Post dibawah postingan blog semoga bermanfaat dan menjadi pengalaman buat kita semua sebagai pemula dalam dunia blog

Subscribe to receive free email updates:

0 Response to "Cara Mudah Membuat Related Post dibawah postingan blog"

Post a Comment

Komentarlah dengan bijak dan membangun !!!