April 24, 2025
 
Advertisement

Latest News

  1. jQuery Content Scroller
  2. Banner Rotator jQuery
  3. Unleash Accordion Slider
  4. Parallax Slider
  5. Galleria
  6. Showbiz Pro Teaser
  1. Banner Rotator jQuery
  2. Unleash Accordion Slider
  3. Parallax Slider
  4. Galleria
  5. Showbiz Pro Teaser
  6. KenBurner Slider jQuery

ELECTRIC GUITAR

    "How Blogs we immediately famous and swamped" 1. Start by setting Permalinks This is the earliest s...

Published by Admin

TOP LINE

Free Keyword Research Tools 1. Google Adwords Keyword Research Tool Google adwords external keyword tool is the best t...

Published by Admin

LATEST

Blog is short for web log is a web application that resembles the form of writings (published as a post) on a public web pag...

Published by Admin

TUTORIALS

HIGHLIGHT

Demo Download DZS Content Scroller is a solid, ad [...]

Published by Admin
06 Aug 2013 0 comments

Demo Download  UPDATE COMPLETE, VERSION V 3.0 IS AVAIL [...]

Published by Admin
06 Aug 2013 1 comments

Demo Download ChangeLog: Version [1.1] The Slider is Now responsive [...]

Published by Admin
06 Aug 2013 0 comments

PERFORMANCE

Cara Membuat Recent Comment di Blog : Masuk blogger > Design/Rancangan [...]

Published by Admin
18 Sep 2012 1 comments

Ada pilihan untuk memasukan username, warna background, dan jumlah follower. [...]

Published by Admin
18 Sep 2012 0 comments

Tutorialnya mudah, ikuti langkah-langkah dibawah ini : Cara Pertama : [...]

Published by Admin
14 Sep 2012 0 comments

Cara Membuat Recent Post Dengan Thumbnail Pada Blog

By Unknown - Friday, September 7, 2012

Untuk membuat recent post kita bisa menggunakan source code dibawah. Mengenai cara penggunaan code telah saya jelaskan pada posting Full source code "Recent Comments" for blogger" jadi tidak ada perbedaan dalam cara menggunakannya caranya hampir sama, yang membedakan hanyalah source code nya. Jadi, yang ingin saya sampaikan disini adalah recent post dengan thumbnail.

recent post


Bagi temen-temen yang berminat sialahkan copas kode di bawah ini, dan masukkan ke gadged di sidebar teman-teman.
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 250px; height: 450px; text-align: left;">

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;


float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>


<script style="" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>


<script style="">


var numposts = 10;

var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>

<script src="http://
panitah.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
  1. Login Blogger
  2. Design-->> Page Element-->>Add Gadged-->> HTML/Javascript
  3. Save
Catatan :

Yang berwarna merah silahkan ganti dengan URL teman-teman dan jumlah post yang ingin ditampilkan.

Follow our blog on Twitter, become a fan on Facebook. Stay updated via RSS

0 komentar for "Cara Membuat Recent Post Dengan Thumbnail Pada Blog"

Leave a Reply

Pages 22123456 »
Advertisement