Membuat related post - artikel terkait blogspot

Related post sangat penting untuk dilihat dan diperhatikan.
Dengan "Related Posts"akan mudah bagi pengunjung untuk mendapatkan-pos terkait.
Berikut adalah langkah-langkah untuk membuat

Klik "Desain">> "Edit HTML"

Centang "Expand Template Widget"

Sekarang, cari kode ini:
<p><data:post.body/> </p> Untuk beberapa template kode yang ditunjukkan seperti kode ini:
<div class='post-body>

Catatan:

Jika Anda menemukan ada 2kode yang sama,hanya sisipkan script di bawah kode
pertama

Setelah Anda menemukannya,salin script 1 dan paste di bawah kode ini:
"<p><data:post.body/></P>"
atau di bawah "<div class='post-body>"

Script 1

<b:if cond='data:blog.pageType == "item"'><div id='related-posts'>
<br /><h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><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=5"' type='text/javascript'/></b:if></b:loop> </h2><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if></b:if>

Langkah berikutnya,cari kode ini "</head>"dan kemudian salin script 2di bawah ini dan paste di atas "</head>"

Script 2

<style>
<br />#related-posts {
<br />float:left;width:540px;margin-top:20px;margin-left:5px;margin-bottom:20px;font:11px Verdana;margin-bottom:10px;} #related-posts .widget { list-style-type:none;margin:5px 0 5px 0; padding:0; } #related-posts .widget h2, #related-posts h2 { color:#333333;font-size:13px; font-weight:normal;
<br />margin:5px 7px 0;
<br />padding:005px;
<br />} #related-posts a {
<br />color:#054474;
<br />font-size:11px;
<br />text-decoration:none;
<br />} #related-posts a:hover { color:#054474;text-decoration:none;
<br />} #related-posts ul {
<br />border:medium none;margin:10px;
<br />padding:0;
<br />} #related-posts ul li {
<br />display:block;background:url("http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png") no-repeat 00;
<br />margin:0;
<br />padding-top:0;
<br />padding-right:0;
<br />padding-bottom:1px; padding-left:16px; margin-bottom:5px; line-height:2em; border-bottom:1px dotted #cccccc;
<br />} </style><script type='text/javascript'>
<br />//<![CDATA[
<br />var relatedTitles = new Array();
<br />var relatedTitlesNum = 0;
<br />var relatedUrls = new Array();
<br />function related_results_labels(json) {
<br />for (var i = 0; i < json.feed.entry.length; i++) {
<br />var entry = json.feed.entry[i];
<br />relatedTitles[relatedTitlesNum] = entry.title.$t;
<br />for (var k = 0; k < entry.link.length; k++) {
<br />if (entry.link[k].rel == 'alternate') {
<br />relatedUrls[relatedTitlesNum] = entry.link[k].href;
<br />relatedTitlesNum++;
<br />break;
<br />}
<br />}
<br />}
<br />}
<br />function removeRelatedDuplicates() {
<br />var tmp = new Array(0);
<br />var tmp2 = new Array(0);
<br />for(var i = 0; i < relatedUrls.length; i++) {
<br />if(!contains(tmp, relatedUrls[i])) {
<br />tmp.length += 1;
<br />tmp[tmp.length - 1] = relatedUrls[i];
<br />tmp2.length += 1;
<br />tmp2[tmp2.length - 1] = relatedTitles[i];
<br />}
<br />}
<br />relatedTitles = tmp2;
<br />relatedUrls = tmp;
<br />}
<br />function contains(a, e) {
<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
<br />return false;
<br />}
<br />function printRelatedLabels() {
<br />var r = Math.floor((relatedTitles.length - 1) * Math.random());
<br />var i = 0;
<br />document.write('<ul>');
<br />while (i < relatedTitles.length && i < 20) {
<br />document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
<br />if (r < relatedTitles.length - 1) {
<br />r++;
<br />} else {
<br />r = 0;
<br />}
<br />i++;
<br />} document.write('</ul>');
<br />}
<br />//]]></script>

Simpan Template.

Membuat related post - artikel terkait blogspot

Related Posts:

Catatan:

0 Response to "Membuat related post - artikel terkait blogspot"