Membuat Related post dengan widged - Related post Adalah alat untuk menampilakn posting yang lainya yang masih ada keterkaitan dengan posting yang sedang di tampilkan atau posting yang sedang di buka.
Related post dalam bahasa indonesia nya adalah Artikel terkait dan dalam suatu blog untuk membuat atau menampilkan Related post ini pertama untuk memberikan kemudahan bagi pengunjung untuk membaca atau mempelajari artikel atau topik yang sedang di bacanya dengan demikian ilmu yang ingin dipelajarinya bisa tuntas di bacanya, selain itu membuat Related post ini juga di ijinkan oleh eyang google , sebagai contoh tampilan related post seperti pada gambar di bawah ini
pada kesempatan yang lalu saya sudah menulis artikel serupa cara membuat related post namun dalam artikel tersebut cara pembuatanya yang berbeda yaitu dengan cara menambahkan kode kedalam HTML pada template jika ingin mempelajarinya silahkan kunjungi Cara Membuat Related Post di bawah posting
Related post dalam bahasa indonesia nya adalah Artikel terkait dan dalam suatu blog untuk membuat atau menampilkan Related post ini pertama untuk memberikan kemudahan bagi pengunjung untuk membaca atau mempelajari artikel atau topik yang sedang di bacanya dengan demikian ilmu yang ingin dipelajarinya bisa tuntas di bacanya, selain itu membuat Related post ini juga di ijinkan oleh eyang google , sebagai contoh tampilan related post seperti pada gambar di bawah ini
dalam kesempatan sekarang ini saya akan memberikan cara kembali membuat related post dengan sesuai judul pada postingan ini yaitu Membuat Related Post dengan Widget yang bisa di pasang di sidebar atau footer juga bisa di pasang di kawasan header dan untuk cara pembuatanya silahkan simak langkah-langkahnya di bawah ini :
1.buka www.blogger.com untuk login ke blog anda lalu klik desain untuk ke dashboard blog
2.pilih tata letak dan klik tambahkan gadged
3.lalu pilih gadged HTML/javascript
4.dan masukan kode di bawah ini kedalam gadged HTML/javascript
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="https://jatisronopule.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>
Keterangan :
- dalam kode di atas yang warna merah ganti dengan url blog anda
5.setelah memasukan kodenya beri judul gadged nya terserah kalian misalnya Related Post atau Artikel Terkait
6.lalu simpan gadgednya
7.selesai
dengan mengikuti ke 7 langkah di atas artinya Related post buatan anda sudah selesai dan sudah tampil dalam blog anda, untuk melihat nya silahkan buka salah satu postingan anda, dan letak atau posisinya bisa kalian tempatkan sesuai keinginan anda.
Demikian Panduan Blogger tentang cara membuat related post dengan widged semoga berguna amin.
1.buka www.blogger.com untuk login ke blog anda lalu klik desain untuk ke dashboard blog
2.pilih tata letak dan klik tambahkan gadged
3.lalu pilih gadged HTML/javascript
4.dan masukan kode di bawah ini kedalam gadged HTML/javascript
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="https://jatisronopule.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>
- dalam kode di atas yang warna merah ganti dengan url blog anda
5.setelah memasukan kodenya beri judul gadged nya terserah kalian misalnya Related Post atau Artikel Terkait
6.lalu simpan gadgednya
7.selesai
dengan mengikuti ke 7 langkah di atas artinya Related post buatan anda sudah selesai dan sudah tampil dalam blog anda, untuk melihat nya silahkan buka salah satu postingan anda, dan letak atau posisinya bisa kalian tempatkan sesuai keinginan anda.
Demikian Panduan Blogger tentang cara membuat related post dengan widged semoga berguna amin.
No comments:
Post a Comment