HOMEMembuat Widget Recent Post (Posting Terbaru) Di Blog
Posted on - 11:23:00 AM with No comments
Widget artikel terbaru - Widget recent post atau artikel ternaru merupakan widget yang berfungsi sebagi pendukung blog untuk menampilkan artikel artikel baru yang dipublikasikan didalam blog. Widget ini sangat penting yaitu sebagai navigasi bagi pengunjung blog anda untuk memudahkan mereka menemukan artikel artikel baru yang anda publikasikan.
Selain hal diatas tentu saja widget ini mendukung langkah langkah atau upaya SEO yang anda terapkan untuk blog anda. Cara membuat recent post inipun cukup mudah tanpa anda mengubah kode HTML di dalam template blog, anda cukup menambahkan bebrapa kode HTML/ Javascript di tata letak di akun blogger anda. Jika anda berhasil maka widget recent ost yang baru anda buat tampilannya sama seperti recent post yang ada didalam blog ini, namun anda juga bisa membaca artikel kami yang lain yaitu tentang membuat recent post slider otomatis.
Widget Recent Post (Posting Terbaru) Di Blog
Nah berikut adalah tutorial cara membuat widget recent post atau widget posting terbaru di blogger:
Catatan: Ganti warna merah dengan jumlah artikel baru yang akan ditampilkan.
Simpan
Selain hal diatas tentu saja widget ini mendukung langkah langkah atau upaya SEO yang anda terapkan untuk blog anda. Cara membuat recent post inipun cukup mudah tanpa anda mengubah kode HTML di dalam template blog, anda cukup menambahkan bebrapa kode HTML/ Javascript di tata letak di akun blogger anda. Jika anda berhasil maka widget recent ost yang baru anda buat tampilannya sama seperti recent post yang ada didalam blog ini, namun anda juga bisa membaca artikel kami yang lain yaitu tentang membuat recent post slider otomatis.
Widget Recent Post (Posting Terbaru) Di Blog
Nah berikut adalah tutorial cara membuat widget recent post atau widget posting terbaru di blogger:
- Masuk akun blogger anda/ tata letak/ Tambahkan HTML atau Javascript
- Masukkan kode dibawah ini:
<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 = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://sharetipsdancara.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: 14px;font weight:bold;font-family:verdana;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://sharetipsdancara.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: 14px;font weight:bold;font-family:verdana;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>
Catatan: Ganti warna merah dengan jumlah artikel baru yang akan ditampilkan.
Simpan
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
 |
Artikel Terkait Dengan "Membuat Widget Recent Post (Posting Terbaru) Di Blog "
No comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara