Cara Memasang Judul Postingan Terbaru Bergambar

Pada postingan sebelumnya, aku telah membahas cara memasang judul judul postigan terbaru di blog, tapi hanya goresan pena nya saja yang ditampilkan. Untuk lebih mempercantik dan memperindah, dalam formasi postingan postingan terbaru di blog, sanggup juga dipasang gambarnya
, jikalau dalam postingan tersebut terdapat gambar, yang menggambarkan isi dari sebuah blog.
Karena memang sebuah gambar di postingan blog terutama gambar utama yang biasanya terletak diatas sesudah judul sanggup mendeskripsikan isi dari sebuah postingan blog tersebut.

Untuk memasang judul judul postingan terbaru di blog yang sekaligus menampilkan gambarnya, cara nya sebagai berikut

1. masuk ke dasbor blog
2. pilih tata letak
3. pilih tambah gadget di side kafetaria atau di foter
4. klik html/javascript
5. masukkan aba-aba berikut

<div style="border: 1px solid rgb(153, 153, 153);overflow: auto;width:ancho;height:300px; padding: 10px;">
<ul>

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });

</script>
<ul id="rp_plus_img"><script>
    var numposts = 6;
    var numchars = 0;

</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small></small>
<small><a href=" http://tekomdgame.blogspot.coid" target="_blank">News Article</a></small>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</ul></div>

masukan judul yang diinginkan


warna biru yaitu jumlah postingan yang akan ditampilkan
warna merah ganti dengan url blog anda


klik simpan dan lihat hasilnya

 demikianlah cara memasang judul judul postingan terbaru bergambar di blog
supaya bermanfaat..!!!