Cara membuat widget Pos Terbaru (recent post) bergerak di Blog

hai sobat ..
kali ini saya akan membahas mengenai sebuah widget yang bikin efisien dan menarik tampilan blog anda. widget pos terbaru merupakan widget yang penting dan harus dipasang didalam sebuah blog, tapi kalau yang standar-standar terkadang suka memakan tempat bukan? maka dari itu saya akan memberikan cara memasang widget Recet Post di blog anda.
langkah-langkahnya adalah :
1. Login ke dashboard blog
2. Klik Tata Letak Blog
3. Klik posisi yang anda inginkan lalu pilih HTML
4. Copykan kode dibawah ini :

<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 = 5;

    var numchars = 0;

 

</script>     <script src="http://aksesdataseru.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script>     </ul>

<small><a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>

<small><a href="http://http://aksesdataseru.blogspot.com/2013/06/cara-membuat-widget-pos-terbaru-recent.html" target="_blank">Get This Widget</a></small>

Ganti kode yang diberi tanda merah dengan URL anda sendiri lalu klik Ok!

Maka sobat sudah berhasil memasang Recent Post yang bergerak di Blog anda.
Selamat Mencoba :)

Cara membuat widget Pos Terbaru (recent post) bergerak di Blog 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara membuat widget Pos Terbaru (recent post) bergerak di Blog' On ...

Artikel yang baru saja Anda baca berkategori HTML / Tutorial dengan judul Cara membuat widget Pos Terbaru (recent post) bergerak di Blog. Anda bisa bookmark halaman ini dengan URL http://aksesdataseru.blogspot.com/2013/06/cara-membuat-widget-pos-terbaru-recent.html. Terima kasih!

Ditulis oleh: Alfy Maghfira - Tuesday 4 June 2013