SELAMAT DATANG DI BLOG DUNIA KOMPUTER DAN INTERNET

Saturday, June 18, 2016

Cara Memasang Judul Postingan Terbaru Bergambar


Pada postingan sebelumnya, saya telah membahas cara memasang judul judul postigan terbaru di blog, tapi hanya tulisan nya saja yang ditampilkan. Untuk lebih mempercantik dan memperindah, dalam deretan postingan postingan terbaru di blog, bisa juga dipasang gambarnya
, jika 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 setelah judul bisa 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 bar atau di foter
4. klik html/javascript
5. masukkan kode 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 adalah 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
semoga bermanfaat..!!!


No comments:

Post a Comment

Silakan tuliskan komentar atau masukkan anda tentang blog ini ataupun tentang isi dari blog ini, masukkan anda sangat berarti untuk kemajuan blog ini