Ads 728x90

Dede Ubed 18 November 0 komentar Read
adscblog
Cara membuat Widget Recent Post bergerak ke bawah - Widget Recent Post adalah widget yang dimana menampilkan artikel yang baru anda posting di blog,Seperti yang telah saya share di blog ini ada beberapa Artikel yang menyangkut tentang Widget Recent post ini atau mungkin sudah banyak

Banyak sekali ke kreatipan para blogger untuk membuat Blog nya semakin unik dan semakin bagus yaitu salah satu nya dengan membuat Recent post ini,tidak hanya Recent post saja untuk membuat tampilan blog anda smakin keren,dan anda bisa melihat artikel lain nya yang sudah saya share di blog ini tentang mempercantik widget blog


Dengan anda memasang Widget Recent post ini semua yang baru anda Update di blog akan di tampilkan dan keunikan dari Recent Post ini Bisa bergerak sendiri nya ke bawah maka dari itu tampilan recent post ini akan semakin keren bukan

Dengan memasang Recent Post ini akan memudahkan para pengunjung untuk melihat atau mengetahui artikel apa saja yang baru anda buat di blog anda,sehingga dengan begitu para pengunjung dapat melihat atau menjelajahi artikel lain nya

Tutorial Memasang Widget Recent Post Bergerak Ke bawah

Widget Recent post ini bisa anda pasang di blog sobat dengan gampang atau juga bisa mengikuti langkah langkah pembuatan nya di bawah ini
Masuk ke blogger > tataletak (layout) > Add a Gadget > Javascript/Html
Kemudian masukan kode berikut di kolom yang sudah tersedia
<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&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://www.infotrens.com/2016/11/cara-membuat-widget-recent-post-bergerak-ke-bawah.html" target="_blank">get this widget here</a></small>
Kemudian klik tombol save dan lihat hasil nya
Jika anda menginginkan Recent post ini bergerak tidak terlalu cepat silahkan anda merubah angka 1500 pada bagian "var speed" sedangkan ingin menambah Jumlah postingan yang tampil nya bisa anda tambahkan angka pada bagian "var numposts=5" lihat di bagian atas

Nah itulah cara membuat Widget Recent Post di blog semoga bermanfaat dan bisa membantu sobat blogger semua.
adscblog

ads1
Posted by Dede Ubed, Published at 18 November and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi

Ads 728x90