Home » » Membuat Recent Post Bergambar Cantik

Membuat Recent Post Bergambar Cantik

Sekarang saya akan membantu sobat semua bagaimana cara pemasangan script recent post bergambar  pada blog atau website. Resent post bergambar tersebut tidak bergerak ataupun tidak bergerak kebawah melainkan berupa gambar saja, biasanya pemasanagan itu di sidebar sebelah kanan atau kiri. Bila sobat ingin menampilkan / memasang di tempat halaman blog yang lainnya juga bagus, tergantung cara mengaturnya aja agar tampak lebih cantik dan keren. Jumlah postingan tergantung sobat untuk menampilkan postingan tersebut, tapi sebaiknya maksimal 20 postingan dan poostingan tersebut muncul hanya berupa gambar. 
Semoga ini bisa membantu sobat untuk terus bersemangat dalam berkarya, juga menjadikan motivasi keberhasilan bisnis sobat
Screenshotnya :



Caranya sebagai berikut :   
  • Login ke blog sobat
  • Pilih rancangan 
  • Pilih Tambah gadged
  • Pilih HTML / Java script
  • Copy kode dibawah ini
  • Dan Pastekan kode tersebut sesuai penempatan dengan keinginan sobat 
  • Lalu save
  • Lihat hasilnya dan semoga sukses 
Scriptnya dibawah ini :


<div id='bp_recent'></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.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://arivobisnis.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


Catatan :  Warna Biru untuk menampilkan jumlah postingan, sobat bisa ganti. 
                   Warna Merah ganti dengan URL nama  blog sobat

Semoga bermanfaat dan salam sukses selalu........


0 komentar:

Posting Komentar


resize...resize
picasion picasion picasion resize picasion picasion resize
http://picasion.com/