Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Saturday 4 January 2014

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
DMCA.com

Cara Membuat Artikel Terkait Di Bawah Postingan Blogger Rating: 4.5 Diposkan Oleh: Fikri

28 komentar:

  1. asli work gak gan?

    ReplyDelete
    Replies
    1. Work kok gan, tutorial blog ini sudah dicoba sebelumnya. Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  2. sy pernah pake ini, langsung sy pasang di futer

    ReplyDelete
    Replies
    1. Silahkan gan langsung dipakai. Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  3. Memang penting nih memasang seperti ini . agar pengunjung berpetualang di blog kita. nice post mas

    ReplyDelete
    Replies
    1. Iyah mas betul. Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  4. hihihi untung ane udah make jadi tinggal inget" caranya xD

    ~ Andrekocak Blog ~

    ReplyDelete
    Replies
    1. Iyah gan, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  5. mantafff gan, bisa dicoba nih

    diakuin.blogspot.com

    ReplyDelete
    Replies
    1. Silahkan dicoba gan. Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  6. keren gan makasih udah share!

    Mastutorial

    ReplyDelete
    Replies
    1. Iyah gan, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  7. keren nih mas bisa langsing di praktekin

    ReplyDelete
  8. Iyah gan, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

    ReplyDelete

  9. keren mas, makasih udah share artikelnya! sukses selalu!

    - Blogwalking Mastutorial com -

    ReplyDelete
    Replies
    1. Iyah mas, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  10. Replies
    1. Iyah gan, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
    2. sering sering mampir ke blog tijel ane juga ya :D

      Delete
  11. Replies
    1. Silahkan mas. Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  12. mantap mas tp msh betah sm yg lama.

    ReplyDelete
    Replies
    1. Iyah mas, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  13. nize post gan
    dtunggu kunjungan baliknya

    ReplyDelete
    Replies
    1. Iyah gan, Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete
  14. Ada yang model lain gk sob :)

    ReplyDelete
    Replies
    1. Ada sob yang pakek thumbnail juga, cuman saya share yang mudah saja, nanti saya share juga yang pakek thumbnail. Terima kasih sudah berkunjung, sering-sering mampir ke blog kecil ini :D

      Delete

 
notifikasi
close