Judul : Cara Membuat Recent Posts Blogger dengan Thumbnail
link : Cara Membuat Recent Posts Blogger dengan Thumbnail
Cara Membuat Recent Posts Blogger dengan Thumbnail
Recent posts atau posting terbaru adalah salah widget atau fitur dalam sebuah blog yang sangat penitng. Sama dengan membuat related posts, juga navigasi breadcrumbs, widget ini bisa berfungsi untuk membuat pengunjung blog kita semakin betah.Memang sudah ada widget recent posts bawaan dari blogger tapi sepertinya kurang menarik, dengan menambahkan beberapa fitur pada recent posts seperti thumbnail, komentar, dan summary bisa membuat pengunjung blog sobat tertarik untuk membaca artikel atau postingan terbaru tersebut. Yaudah langsung saja deh ke topik
Cara membuat recent posts atau posting terbaru dengan thumbnail
- Masuk ke blogger, dan jelas kudu login lah hehehe
- Pilih Rancangan (Desing) > Elemen Halaman (Page Elements)
- Tambahkan widget/gadget HTML / Javascript
- Ketikkan kode berikut
<div style="overflow:auto; width:100%px; height:500px; padding:10px; border:1px solid #999999;">
<right><style>
img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recent-posts-with-thumb.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<scripttype="text/javascript"src="http://nama-blog-sobat.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div> - Sobat bisa merubah nilainya seperti menampilkan recent posts thubmnail atau tidak, summary, jumlah posting, tanggal, separator. Atur saja sesuai selera. Jangan lupa nama blognya yang berwarna merah juga diganti sesuai blog sobat.
Mudah kan cara membuat recent posts atau posting terbaru dengan thumbnail? Selamat mencoba :)
Demikianlah Artikel Cara Membuat Recent Posts Blogger dengan Thumbnail
Sekianlah artikel Cara Membuat Recent Posts Blogger dengan Thumbnail kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Recent Posts Blogger dengan Thumbnail dengan alamat link https://anothers-stuff.blogspot.com/2012/01/cara-membuat-recent-posts-blogger.html
