Selasa, 31 Januari 2017

Cara Membuat Recent Post Bergerak Pada Blog

         Kalau kemarin kita sudah membahas tentang bagaimana cara membuat Recent Post yang sederhana kali ini kita akan membahas topik yang sama dan yang pasti tanpa harus edit HTML.Yang membedakan
Recent post kali ini adalah walaupun sama" tanpa edit HTML tetapi bisa bergerak alias bergulir dan caranya pun tidak susah .
 Oke langsung saja saya jelaskan bagaimana cara membuat recent post berlgulir ke bawah

-Pertama sobat harus log in ke akun blog sobat dulu
-Masuk ke setelan dasar
-Setelah itu masuk ke Tata letak
-Seperti biasa tambahkan gadget
-Pilih HTML/Javasricpt
-Silahkan copas kode di bawah 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="https://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="https://kohafoek.blogspot.co.id//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="https://kohafoek.blogspot.co.id//search/label/Widget%20Blog" target="_blank">Blogger Widget</a>
<small><a href="https://kohafoek.blogspot.co.id//2017/01/cara-membuat-recent-post-bergerak-pada.html" target="_blank">MS.Official</a></small>
</small>


Keterangan :
- Untuk warna biru ialah jumlah post yang diterbitkan.
- Untuk warna merah ialah URL blog, ganti dengan URL blog sobat.

- Masukan kode yang telah di copy 


-Terakhir silahkan save hasilnya bisa di view sendiri pada btampilan blog sobat .

   Jika ada yang perlu di tanyakan monggo tinggalkan komentar di bawah jangan sungkan-sungkan ya sob. Oke itu saja yang bisa saya sharing ke sobat semoga bermanfaat. Terima kasih





.

Bagikan

Jangan lewatkan

Cara Membuat Recent Post Bergerak Pada Blog
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

Untuk menyisipkan kode pendek, gunakan <i rel="code"> ... KODE ... </i>
Untuk menyisipkan kode panjang, gunakan <i rel="pre"> ... KODE ... </i>
Untuk menyisipkan gambar, gunakan <i rel="image"> ... URL GAMBAR ... </i>