Fungsinya dari related posts atau artikel terkait selain untuk membuat seo blog kita menjadi bagus, artikel terkait [related post] ini sangat membantu traffic/pengunjung untuk lebih leluasa membaca artikel lain yang mungkin bermanfaat untuk diketahui. Tentu Hal ini sangat memudahkan pengunjung dan efek baik dari pembaca akan betah dan suka membaca di blog kita.
Cara Membuat artikel terkait di blogger,saya sudah mengemas codingnya dalam javascript sehingga codingnya jadi lebih ringkas. So mari kita langsung ke cara membuat nya:
1, Seperti biasa masuk ke blogmu
2. Pilih template, klik edit html dan klik lanjutkan
3. Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga)
4. Cari kode: </head> (gunakan Ctrl+f untuk mencari)
5. Copy kode dibawah ini tepat diatas </head>
<style> #related-posts { float : left; width : auto; 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 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl_ZbpH8lxO5ol2VhyphenhyphenDFFiPmdtj7y3Nxf4UPIXHy_AOCQppa7Qk76RUnTAFrTAnDVUf51yilfkjSrPo9p8A7ltWuXY6ogAMZfSk8e771q1vkFZ195c17gghGPVqsh9KtmmM3_XWk7Pg6Qo/s1600/rss.png ") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://oktriblogger.googlecode.com/files/related-post-tutorialbelajarblog.js' type='text/javascript'/>6. Cari kode <data:post.body/> atau <div class='post-body> Kemudian copy code dibawah ini, letakkan persis dibawahnya
<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><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> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>Simpan template kamu.demikian Cara Membuat artikel terkait di blogger semoga berguna.
Perhatian!! Biasanya Kode HTML <data:post.body/> ada yang lebih dari 3, untuk meletakan kode di atas Biasanya dibawah <data:post.body/> yang ke2 atau sesuaikan dengan template anda.
Untuk kalimat yang saya tandai merah “Related Posts“ bisa anda ganti dengan kalimat ”Artikel terkait“, “Baca Juga Yang Ini“, ”Baca Lagi Yang Ini” dan atau terserah dengan kalimat anda. agar pembaca tertarik untuk membaca artikel dalam blog kita.
Untuk sementara ini saja yang bisa saya bagikan , jika ada yang kurang mohon koreksinya. karena saya masih belajar.