Agak malas sebenarnya masu posting kali ini tapi berhubung ada artikel bagus yang saya temukan maka saya memutuskan untuk membuat posting ini. Related post atau artikel terkait memang menjadi salah satu faktor yang mempengaruhi pengunjung untuk tetap berada di blog kita. Jika artikel yang kita buat saling berhubungan maka pengunjung akan merasa tertarik untuk mengetahuinya apa lagi jika artikel itu bermanfaat.
Sebenarnya saya pernah membuat posting tentang artikel terkait tetapi entah kenapa google tidak mengindexnya.
Oke tidak usah panjang lebar langsung saja ke cara membuat related post pada blogspot.
Login ke akun blog kamu pilih Rancangan dan kamu pilih edit HTML
Pada halaman Edit Html kamu beri tanda pada
Sekarang cari Html berikut </head> Jika sudah ketemu letakkan kode Html di bawah ini tepat di atas </head>
Kode Html :
<style> #related-posts { 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 { 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/AVvXsEi-vuMk-V-GZH8nAK6q4MZnfUbGStD3yR4lmQJacBnUSaM95fuzxfuAy5N3S7q0AqNhu5TeciZtHZlD0e_7BpgGUyqpm736YpCbmxJ8KzV_SjVwvizsGOr_v_TF7V1L90zoqH9cr9PfeAo/") 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://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>
jika sudah sekarang kamu cari <data:post.body/> dan letakan Html di bwah ini setelah <data:post.body/> jika kamu menggunakan readmore maka kamu letakan Html di bawah ini setelah kode <data:post.body/> yang kedua tepatnya setelah </b:if>
Kode Html :
<br/><br/><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>
Jangan lupa simpan template kamu.Jika tidak ada kesalahan maka akan tampak related post seperti yang ada pada blog ini. Selamat mencoba Sumber dari http://pelajaran-blog.blogspot.com
Sebenarnya saya pernah membuat posting tentang artikel terkait tetapi entah kenapa google tidak mengindexnya.
Oke tidak usah panjang lebar langsung saja ke cara membuat related post pada blogspot.
Login ke akun blog kamu pilih Rancangan dan kamu pilih edit HTML
Pada halaman Edit Html kamu beri tanda pada
Sekarang cari Html berikut </head> Jika sudah ketemu letakkan kode Html di bawah ini tepat di atas </head>
Kode Html :
<style> #related-posts { 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 { 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/AVvXsEi-vuMk-V-GZH8nAK6q4MZnfUbGStD3yR4lmQJacBnUSaM95fuzxfuAy5N3S7q0AqNhu5TeciZtHZlD0e_7BpgGUyqpm736YpCbmxJ8KzV_SjVwvizsGOr_v_TF7V1L90zoqH9cr9PfeAo/") 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://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>
jika sudah sekarang kamu cari <data:post.body/> dan letakan Html di bwah ini setelah <data:post.body/> jika kamu menggunakan readmore maka kamu letakan Html di bawah ini setelah kode <data:post.body/> yang kedua tepatnya setelah </b:if>
Kode Html :
<br/><br/><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>
Jangan lupa simpan template kamu.Jika tidak ada kesalahan maka akan tampak related post seperti yang ada pada blog ini. Selamat mencoba Sumber dari http://pelajaran-blog.blogspot.com
0 Komentar untuk "Membuat related post"