Cara Mudah Membuat Recent Post Blog Bergerak kebawah
Membuat Recent Post atau Postingan Terbaru anda berjalan pada blog akan membuat blog anda lebih semakin indah dan menarik pengunjung dan memberikan informasi kepada pengunjung bahwasanya inilah recent post blog ini, Recent post ini menampilkan sejumlah artikel terbaru sobat bergerak kebawah, contohnya anda boleh melihat di samping kanan/ sidebar blog ini.
Berhubung karena mungkin anda sudah tidak sabar lagi untuk mengetahui caranya, silahkan perhatikan penjelasan berikut :
1. Log in ke akun blog sobat.
2. Klik Tata Letak --> Tambah gadget --> HTML/Javascript
3. Masukkan kode yang ada di bawah ini ke dalam konten yang anda buka tadi.
2. Klik Tata Letak --> Tambah gadget --> HTML/Javascript
3. Masukkan kode yang ada di bawah ini ke dalam konten yang anda buka tadi.
<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="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://indrarfa.blogspot.com/2015/02/cara-membuat-postingan-baru-blog-anda.html" target="_blank">get this widget here</a></small>
#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="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://indrarfa.blogspot.com/2015/02/cara-membuat-postingan-baru-blog-anda.html" target="_blank">get this widget here</a></small>
4. Kemudian Klik Save, dan lihat hasilnya..
Berhasilkan sobat, Semoga Bermanfaat...
jangan lupa Koment dibawah yah...
0 komentar:
Posting Komentar