Tutorial Cara membuat widget recent post dengan gambar keren di Blog

Ulasan kali ini tentang bagaimana cara kita membuat widget recent post dengan gambar keren di blog kita. Kalian pasti tau dong apa itu widget? bagi yang belum tau saya akan memberitahu apa itu widget. Widget merupakan suatu aplikasi pelengkap dan tambahan yang tidak memonopoli intensi dari pengguna, ada juga yang memberikan makna bahwa widget itu adalah sebuah jendelan baru yang di dalamnya ada sebuah kotak form yang diisi dengan script koding.

Langsung saja ya bagaimana cara membuat widget recnet post dengan gambar atau thumbnail cekidot guys.

Gambar dari Bos tutorial

Ini lah caranya membuat widget recent post dengan gambar yang keren di blog sobat.

1. Buka akun blogger kalian sendiri.

2. Masuk ke bagian Elemen atau Tata Letak

3. Pilih opsi Add Widget atau Tambah Gadget pada jendela baru yang ditujukan kepada sobat.

4. Apabila jendela baru itu sudah muncul lalu pilih HTML/Javascript

5. Copy dan salin kode script yang di bawah ini

<div id='bp_recent'></div>

<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>

<script style='text/javascript'>

var numberOfPosts = 20;

var showPostDate = false;

var showSummary = false;

var titleLength = 0;

var showCommentCount = false;

var showThumbs = true;

var showNoImage = true;

var imgDim = 55;

var imgFloat = 'left';

var myMargin = 5;

var mediaThumbsOnly = true;

var showReadMore = false;

</script>

<script src='http://tutorialblogblidee.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

6. Setelah menyalin kode diatas lalu Simpan Widget yang baru saja anda buat.

7. Tunggu dan Lihat hasilnya.

Catatan :

Kalimat diatas http://tutorialblogblidee.blogspot.com silahkan sobat ganti dengan alamat URL / Blog anda sudah di daftarkan. Sobat bisa mengatur sesuaikan jumlah post yang berada di recent post tersebut dengan keinginan sobat caranya adalah ganti angka 20 tersebut dengan angka post yang ingin munculkan di tepat recent post sobat.

Mudahkan caranya. Terimakasih sudah membaca artikel ini Tutorial Cara membuat widget recent post dengan gambar keren di blog  semoga kalian sukses mencobanya.

Share this

Unknown