jQuery Accordion Recent Post with Thumbnail

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Elemen Laman"
Langkah 3
Tambahkan sebuah gadget baru dengan tipe "HTML/JavaScript"
Langkah 4
Masukan (copy paste) kode dibawah ini pada bagian konten:

<center><style type="text/css">
#acrec-post{
 font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#fff;
 padding:2px 0;
 border:1px solid #212A33;
}
.acrecpost-label{
 font-weight:bold;
 line-height:1.4em !important;
 overflow:hidden;
 vertical-align: baseline;
 margin: 1px 3px;
 outline: none;
 cursor: pointer;
 text-decoration: none;
 padding: 0px 10px;
 color: #FFF;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 border:1px solid #F68629;
}
.acrecpost-label:hover{
 color:#003366;
}
#acrecpost{
 overflow:hidden;
 line-height:1.3em;
 margin:1px 3px !important;
 padding:0px !important;
 border:1px solid #F68629;
 background-color:#000000;
}
#acrecpost li{
 height:65px;
 padding:5px;
 list-style:none;
}
#acrecpost .news-title{
 display:block;
 font-weight:bold;
 margin-bottom:4px;
 font-size:11px;
}
#acrecpost .news-text{
 display:block;
 text-align:justify;
 padding:0 5px 0 70px;
}
#acrecpost a{
 text-decoration:none !important;
 color:#FF0000;
}
#acrecpost img{
 float:left !important;
 margin-right:5px !important;
 padding:4px !important;
 border:solid 1px #F68629;
 width:55px !important;
 height:55px !important;
}
</style>


<script type="text/javascript" src="http://www.googledrive.com/host/0B9fNfRn9crpBUTdua09vUHdrb00"></script>
<script style="text/javascript">
var numposts = 17;
var numchars = 90;
</script>
<script src="http://the-plick.blogspot.com/feeds/posts/default/-/Software?orderby=published&amp;alt=json-in-script&amp;callback=accrecentpost"></script></center>


ganti tulisan bewarna biru dengan alamat blog kamu

Langkah 5
Simpan gagdet tanpa judul dan preview blog anda...