• Versi Mobile
  • About Us
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact Us
  • Follow

Blog Aan

Belajar Dan Berbagi

  • Tutorial Android
  • Honda CB
  • Blogging
  • Info Gadget
  • Tekno
  • Download
    • Software
    • Android Apps
    • Games
      • Games PC
      • Games Android
  • Gallery
    • Pictures
    • Musik
    • Video
  • Trik dan Tips
    • Tips FB
    • Tips Inet
    • Tips Komputer
    • Tips Smartphone
    • Tips Sehat
Home » Blogging » Tips And Trick » Tips Blogging » Cara Membuat Slideshow Postingan Blog

Cara Membuat Slideshow Postingan Blog


Membuat Recent Post Dengan Slideshow

Kali saya mau share tips dan trik blogging yaitu cara membuat slideshow postingan blog. Berikut langkah-langkahnya:

1. Buka dulu akun blogger kalian.
2. Pilih menu tata letak
3. Kemudian klik tambah gadget
4. Pilih HTML/javascript
5. Kemudian pastekan code javascript dibawah ini.

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://aan-punya.googlecode.com/svn/Slideshow%20Postingan.js"></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 style="text/javascript">
var numposts = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

6. Terakhir save / simpan dan lihat hasilnya

Untuk contohnya bisa anda lihat di sidebar kana blog saya.

Sekian dulu postingan saya kali tentang cara membuat slideshow untuk postingan terbaru blog.
Selamat mencoba

Ditulis oleh Aan Rusmanto , Thursday, August 29, 2013 - Rating: 4.5
Judul : Cara Membuat Slideshow Postingan Blog
Deskripsi : Membuat Recent Post Dengan Slideshow Kali saya mau share tips dan trik blogging yaitu cara membuat slideshow postingan blog . Berikut ...
Anda baru saja membaca artikel yang berjudul Cara Membuat Slideshow Postingan Blog . Anda bisa bookmark halaman ini dengan URL https://cara-aan.blogspot.com/2013/08/cara-membuat-slideshow-postingan-blog.html . Terima kasih!

Bagikan ke

Facebook Google+ Twitter Reddit Linkedin Technorati Tumblr

5 komentar untuk " Cara Membuat Slideshow Postingan Blog "

  1. AnonymousAugust 29, 2013 at 8:39 PM

    mantab nih kodenya juga gak terlalu banyak. ^_^

    ReplyDelete
    Replies
    1. Aan RusmantoSeptember 9, 2013 at 1:00 PM

      iyaa sob

      Delete
      Replies
        Reply
    2. Reply
  2. AnonymousSeptember 7, 2013 at 5:05 PM

    makasih sob sudah berbagi Membuat Recent Post Dengan Slideshow sangat bermanfaat.

    ReplyDelete
    Replies
    1. Aan RusmantoSeptember 9, 2013 at 1:00 PM

      sama-sama sobat

      Delete
      Replies
        Reply
    2. Reply
  3. AnonymousMarch 6, 2014 at 11:14 PM

    Sob aku mau buat slideshownya di bawah header bisa gak?
    sama percis slideshow ini. tapi mau hilangkan tulisan recent post dan buat jadi horizontal gmana?
    iHacksCom8@gmail.com

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Silahkan berikan komentar Anda sobat!

Komen apa aja yang penting SOPAN!!! ok

WARNING: Link aktif auto deleted!

Newer Post
Older Post
Home
Subscribe to: Post Comments ( Atom )

Software Gratis

Loading...

Apk Gratis

Loading...

Recent Post

Site Info


DMCA.com

Partner

  • Modifikasi Honda CB

Kumpulan Trick Dan Tips

Loading...

PC Games

Loading...

Kumpulan Game Gratis

Loading...

Android Games

Loading...

Info Bola

Loading...
Copyright © 2013 Blog Aan - All Rights Reserved
Free Android Apps Powered by Index Apk