Cara Membuat Widget Recent Post Keren dan Ringan


      Hey sob? kali ini saya akan memberikan sebuah cara bagaimana caranya untuk membuat sebuah ricent post di blog anda, widget recent post adalah sebuah widget yang menampilkan beberpa artikel baru dari blog yang kita miliki, widget recent post yang saya berikan kali ini cukup menarik dan keren untuk dilihat karena recent post yang saya akan bagikan ini memberikan fitur berjalan alias berganti-ganti, meskipun begitu widget yang saya berikan ini di jamin ringan karena dilengkapi oleh kode jQuery yang dapat membuat sebuah widget menjadi lebih menarik.

      Selain untuk menambah fitur blog agar menjadi cantik, ternyata widget dari recent post ini juga dapat meningkatkan jumlah pengunjung pada blog anda, karena dengan adanya sebuah gadget ini membuat pengunjung lebih mudah mengakses artikel lain milik anda, dalam kata singkat widget recent post ini SEO friendly untuk blog anda.

      Untuk menambahkan fitur widget recent post pada blogger sebenarnya sangat mudah, anda tinggal mengikuti langkah-langkah berikut ini untuk dapat membuat menambah widget pada blog anda. Oke bagi anda yang ingin memberikan sebuah widget recent post pada blog anda bisa ikuti simak beberapa langkah mudah berikut ini.

Cara Mudah Menambah Widget Recent Post

1. Pertama buka Blog anda.

2. Lalu anda masuk ke menu "Tata Letak".

3. Klik "Tambah Gadget" dan pilih "HMTL/JavaScript".

4. Tuliskan Judul sesuai keinginan anda dan masukan kode script seperti di bawah ini di halaman HTML/JavaScript tadi.

<style type="text/css">
#rp_bsu_img{height:290px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_bsu_img ul{list-style-type:none;margin:0;padding:0}
#rp_bsu_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_bsu_img li{height:70px;padding:1px;list-style:none;}
#rp_bsu_img a{color:#55acee;}
#rp_bsu_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:13px;}
#rp_bsu_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_bsu_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #f5f5f5;width:75px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/77161122610/bsurecentpost.js"></script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_bsu_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

5. Jika sudah anda bisa klik "Simpan".

6. Selesai dan lihat hasilnya.

Oke mudah kan untuk menambah fitur widget recent post pada blog anda? mungkin itu saja yang bisa saya berikan mengenai "Cara Membuat Widget Recent Post Keren dan Ringan" ini, semoga dengan apa yang sudah saya berikan ini dapat bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapatkan info serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan bisa isi pada kolom komentar anda. Terimakasih.

Previous
Next Post »

► Dilarang meninggalkan link aktif
► Dilarang komentar yang mengandung sara, pornografi dsb.
► Semoga artikel bermafaat
► Terimakasih sudah berkomentar :)
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Powered by Blogger.