Tutorial Cara Membuat Widget Artikel Terbaru Di Blog Anda
Bagi anda yang tertarik dengan widget artikel terbaru yang sederhana dan
minimalis ini anda bisa mencoba mengikuti langkah-langkah sederhana di
bawah ini:
- Masuk ke akun blogspot saudara.
- Pilih menu TATA LETAK
- Lalu klik TAMBAH GADGET dan pilih opsi "HTML JAVASCRIPT".
- Masukan script di bawah 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 = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://jade202.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>
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://jade202.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>
- Lalu klik simpan dan lihat hasilnya.
Ganti kode berwarna biru dengan alamat url blog saudara. Untuk kode warna hitam yang angka 10 anda bisa mengganti sesuai keinginan anda, kode itu berfungsi jumlah arikel yang akan ditampilkan nantinya. Kode berwarna ungu merupakan kode warna, anda bisa berkreasi dengan mengganti kode warna tersebut
0 Comments