Monday, May 26, 2014

Membuat related post gambar dengan HTML/Javascript

Anak Indonesia, Halo teman - teman kali ini saya akan membahas tentang cara membuat related post yang berupa gambar dengan menggunakan Widget HTML/Javascript, saya akan memberikan contoh dengan gambar di bawah.
related post gambar
Related post gambar
Cek juga Cara membuat related post di bawah postingan .Langsung saja kita ke pembahasannya teman - teman.
Cara membuat related post gambar
  1. Log in ke blogger
  2. Masuk ke dalam dashbor blog kalian.
  3. Pilih Tata letak dan Tambah widget.
  4. Pilih yang HTML/Javascript dan masukkan script 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://samasajaa.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
   5. Simpan dan atur letaknya .
   6. Simpan setelan dan lihat blog kalian.

Catatan
Tulisan angka yang berwarna merah adalah jumlah related post yang ingin kalian tampilkan , ganti sesuai dengan jumlah yang kalian mau. Sedangkan tulisan yang berwarna biru ganti dengan alamat URL blog kalian.
Semoga bermanfaat dan selamat mencoba, Jika ada yang kurang jelas silahkan coret - coret dengan komentar di bawah tapi ingat jangan SARA dan Negatif. Terima kasih telah membaca artikel ini


Comments
0 Comments

0 komentar:

Post a Comment