Cara Membuat Artikel Terkait Di Bawah Postingan Blogger

Cara Membuat Artikel Terkait Di Bawah Postingan Blogger - Blogger Update. Artikel Terkait (Related Post) fungsinya untuk membuat pengunjung membaca artikel kita yang lainnya dan tentunya yang masih berhubungan dengan artikel yang dibacanya saat itu. Nah, tutorial untuk membuat artikel terkait memang sangat banyak, tapi cara ini lah yang termudah untuk jadikan referensi pemain blogger pemula seperti saya. Lihatlah screenshoot Artikel Terkait Di Bawah Postingan Blogger : 

Artikel Terkait Di Bawah Postingan Blogger

Langkah-Langkah Membuat Artikel Terkait Di Bawah Postingan Blogger

1. Masuk ke Blogger

2. Masuk ke Dashboard Blogger anda.

3. Pilih dan klik tab 'Template'.

4. Cari kode ]]></b:skin>, copy script dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.

#rel-bloggerupdate {line-height: 1.7em;font-size: 13px;margin: 6px 0 0;padding: 0 5px;background: #f8f8f8;border: 1px solid #e2e2e2;color: #333;overflow: hidden;}#rel-bloggerupdate h3 {color: #fff;background: #FF2427;padding: 5px;border-bottom: 0px;margin-top: 5px;display: block;}

5. Cari kode </head>, copy script dibawah ini dan letakkan tepat diatas 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>

6. Selanjutanya cari kode <data:post.body/>  yang paling bawah. dan letakan kode script dibawah ini dibawah kode <data:post.body/>.

<b:if cond='data:post.labels'>    <b:loop values='data:post.labels' var='label'>    <b:if cond='data:blog.pageType == &quot;item&quot;'>    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/>    </b:if>    </b:loop>    </b:if>    <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='rel-bloggerupdate'>    <h3>Artikel Terkait</h3>    <script type='text/javascript'>    removeRelatedDuplicates();    printRelatedLabels();    </script>      </div>    </b:if>

7. Klik 'Simpan Template' dan selesai.

Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Artikel Terkait Di Bawah Postingan Blogger. Terima kasih sudah berkunjung

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Membuat Artikel Terkait Di Bawah Postingan Blogger 2014-01-04T06:05:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri