Home » » Membuat Recent Post Dengan Thumbnail 1

Membuat Recent Post Dengan Thumbnail 1

Membuat Recent Post Dengan Thumbnail 1 - Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judul posting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjung melihat urutan posting yang telah kita buat. 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://haris715.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.

Selamat mencoba, semoga berhasil.
Description: Membuat Recent Post Dengan Thumbnail 1
Rating: 4.5
Reviewer: riz liz
ItemReviewed: Membuat Recent Post Dengan Thumbnail 1

0 komentar:

Post a Comment

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Mohon Berkomentarlan dengan baik sesuai dengan tema / isi posting di atas
Serta tidak mengandung PORNO,SARA,KATA2 KASAR DAN JOROK
Terima kasih atas perhatianya :)