Loading...

Cara Membuat Recent Post Hanya Thumbnail


Cara membuat recent post keren di blog, blogger, blogspot. Cara menampilkan postingan terbaru hanya gambar atau thumbnail, widget recent post hanya thumbnail, how to make recent post only thumbnail.. tutorial lengkaap cek disini..

Setelah sebelumnya pernah membahas tentang cara membuat random post hanya thumbnail dan tooltip, berikut ini Bangiz mau berbagi lagi tentang tutorial Blogger yaitu membuat recent post atau postingan terbaru yang hanya menampilkan thumbnail saja.

Gimana tertarik? Untuk penempatannya sendiri bisa Anda sesuaikan sendiri misalnya ingin di sidebar blog, bagian footer, di atas postingan maupun di bawah postingan. Kalau Anda suka dengan tampilan recent post hanya menampilkan thumbnail, langsung ikuti saja caranya sebagai berikut:

--> Masuk Dasbor Blogger.
--> Pilih Tata Letak > Tambahkan Gadget > cari HTML/Javascript.
--> Copy-paste kode berikut pada kolom tersedia selain judul untuk widget:
<style type='text/css'>
.bp_item_thumb {
background:#fff url(http://3.bp.blogspot.com/-VMqaDSbeqEQ/UmeMXcHlDGI/AAAAAAAAA_s/c7LnRug98DE/s1600/zoom.png) no-repeat center;
position: center;
display: block;
}
.bp_item_thumb img {
border: 1px solid #c6c6c6;
text-decoration: none;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:3px;
}
.bp_item_thumb img:hover{
opacity: 0.6;
background-color: rgb(255, 255, 255,);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.6s ease-in-out;
}
</style>
<div id='bp_recent'></div>
<script style='text/javascript' src='https://lioneldandy.googlecode.com/files/xc-recentpost.js'></script>
<script style='text/javascript'>
var numberOfPosts = 16;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 10;
var mediaThumbsOnly = false;
var showReadMore = false;
</script>
<script src='http://bangiz.blogspot.com/feeds/posts/summary?max-results=16&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>
--> Simpan dan lihat hasilnya
Recent Post Hanya Thumbnail
Recent post thumbnail
Keterangan:

  • Silahkan ganti http://bangiz.blogspot.com dengan url blog Anda.
  • Angka 16 adalah jumlah thumbnail yang akan ditampilkan.
  • Angka 100 adalah ukuran thumbnail gambar.
  • Untuk pengaturan lainnya silahkan atur supaya sesuai dengan template yang digunakan.
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Membuat Recent Post Hanya Thumbnail
Cara Membuat Recent Post Hanya Thumbnail
Cara membuat recent post keren di blog, blogger, blogspot. Cara menampilkan postingan terbaru hanya gambar atau thumbnail, widget recent post hanya thumbnail, how to make recent post only thumbnail.. tutorial lengkaap cek disini..
https://4.bp.blogspot.com/-UAHZyQidu4Q/U0dvBVdg98I/AAAAAAAAMq0/fVOJgSpF4vQ/s1600/thumbnail.jpg
https://4.bp.blogspot.com/-UAHZyQidu4Q/U0dvBVdg98I/AAAAAAAAMq0/fVOJgSpF4vQ/s72-c/thumbnail.jpg
Bangiz
https://bangiz.blogspot.com/2014/04/Recent-post-thumbnail.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2014/04/Recent-post-thumbnail.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy