Home » » Cara Membuat Recent Post Bergerak pada Blog

Cara Membuat Recent Post Bergerak pada Blog


Recent Post micro cyber 2Micro Cyber 2 - Hey sob, saya akan berbagi tutorial blog lagi nih ... Yaitu tentang Cara Membuat Recent Post Bergerak pada Blog.
Sebelumnya Apa Sih Itu Recent Post ??  
Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.

Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak/berjalan (animasi) ke bawah.





Nah, Sekarang saya akan memberi tahu sobat, cara memasangnya dan membuatnya bergerak :

1. Login ke akun blog sobat (www.blogger.com)
2. Masuk ke menu "Tata Letak" Klik "Tambahkan Gadget" Lalu pilih "HTML/ JavaScript"
3. Masukkan kode dibawah ini ke dalam "HTML/ JavaScript"

<style type="text/css">#rp_plus_img{height:377px}#rp_plus_img li{height:60px;padding:5px;list-style:none;background-color:#fff;border:solid 1px #000}#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="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script> </ul>
<small><a href=" http://microcyber2.blogspot.com/2014/04/cara-membuat-recent-post-bergerak-pada.html " target="_blank">Get This Widget</a></small>

PERHATIAN :
Kode Block Warna Merah, bisa sobat ganti dengan jumlaha artikel yang akan ditampilkan.


4. Simpan, dan lihat hasilnya.


Bagaimana sob, Mudah bukan ? Selamat mencoba dan semoga berhasil ya sob !! :D


.:: www.microcyber2.blogspot.com ::.

0 komentar:

Posting Komentar

Mengenai Saya

Arsip Blog