Widget recent post, selamat sore sobat blogger semuanya, ketemu lagi dengan antoncabon di non-blog, kali ini saya akan berbagi cara membuat widget recent post dengan thumbnail, widget ini perlu di pasang di blog, karena fungsinya dapat menampilkan posting terbaru dari blog anda. Untuk memasangnya sangatlah mudah, ikuti langkah berikut:
1. Masuk ke akun blogger2. Pilih tata letak
3. Lalu klik tambahkan gadget atau add gadget
4. Pilih HTML/Javascript
4. Masukan kode dibawah ini
5. Save template
6. Selesai
<style scoped="scoped">
#bon_recent-post {
font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
color:#000000;
margin:0 auto;
padding:0;
min-height:100px;
background:#ffffff;
}
#bon_recent-post li {
list-style:none;
margin:0;
padding:7px;
background-color:#ffffff;
border-bottom:0px solid #eee;
}
#bon_recent-post li a img {
float:left;
margin:0 10px 0 0;
padding:0;
border:none;
background:none;
outline:none;
}
#bon_recent-post li a.title {
display:block;
font-size:12px;
text-decoration:none;
color:#FE9E01;
}
#bon_recent-post li a.title:hover {
color:#FD0202;
text-decoration:none;
}
#bon_recent-post li span.foot {
clear:both;
display:block;
color:#ccc;
margin-top:0px;
font-size:10px;
}
</style>
<ul id="bon_recent-post"></ul>
<script>
//<![CDATA[
var rp_homePage = "http://non-blog.blogspot.com",
rp_numPosts = 7, // How many posts?
rp_thumbWidth = 72, // Thumbnail width. Change to 0 if you want to disable the post thumbnail
rp_numChars = 150, // Number of posts summary
rp_sortByLabel = false, // Replace `false` with your specific label name to display posts by specific label
// Example: rp_sortByLabel = "JQuery", to sort posts by label "JQuery"
rp_noImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F29Qe8cLIMEAbleD0r4jIk1nQ8voo72IIHzaXPyebVDhyBENbCX4FXMJwd4XjyqxOkLjED3wlmJ5u2wde0dG1e_BgiaEsR9bU8ihgIRPZGTGnAOj_n7P_slMUUgflmxgK8_rVgA6UxE/s1600/noimage.png", // A 'no-image' image
rp_monthNames = [
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
rp_newTabLink = true, // If true, then all the widget links will automatically opens in new window/new tab
rp_loadTimer = "3000"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...)
//]]>
</script>
<script src="https://myprojecthos.googlecode.com/svn/recent-post.js"></script>
Keterangan:Ganti Url http://non-blog.blogspot.com dengan Url blog anda.
Posting Komentar