JeritanBlog telah ditukar nama BelajarBlogs...
Home » » Widget recent post beserta thumbnail

Widget recent post beserta thumbnail


Dengan adanya recent post ini ia juga dapat menyerikan blog anda http://freecutemsn.com/wp-content/uploads/2008/04/animated-love-cool-monkey-emoticons.gif.Untuk pemasangannya sila ikut tutorial dibawah ini dengan telitihttp://freecutemsn.com/wp-content/uploads/2010/01/bubble-bear-cute-yoyo.gif

Langkah 1

  1. Log In blogger.com
  2. Setelah masuk dashboard lalu masuk ke Design
  1. Kemudian pilih tempat dimana Anda akan memasang kemudian klik "Add a gadget"




Langkah 2

Selepas itu anda copy kode ini dan paste Di dalam HTML/JavaScript

<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="text/javascript" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script><script style="text/javascript">var numposts = 5;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://yourblogname.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Info
Tukar dengan URL Blog anda
http://yourblogname.blogspot.com/

Bilangan post yang ingin anda tampilkan
var numposts = 5


Akhir sekali, klik save.

0 comments:

Blogger Tricks And TipsComment here