Tapike.com

Cara Membuat Recent Post Slider Di Blog

Cara Membuat Recent Post Slider Di Blog
Cara Membuat Recent Post Slider Di Blog - Pada kali ini kita akan membuat recent post slider atau membuat recent post slider otomatis di blog. Recent post slider merupakan suatu element atau widget untuk menampilkan postingan atau artikel terbaru dari blog dalam bentuk slider dan sangat berguna untuk seo blog karena dapat memberikan internal link. Dengan ini pengunjung dapat mengetahui postingan terbaru dari blog kita. Recent post slider ini sangat minimalis serta otomatis sehingga bisa di pasang di sidebar blog. Bagi anda yg ingin membuat recent post slider di blog, simak langkah-langkah berikut ini.

Live Demo

CSS Recent Post Slider

  • Login ke akun blogger.
  • Kemudian klik menu template.
  • Klik edit html.
  • Pastekan css berikut diatas ]]></b:skin>.

Javascript Recent Post Slider

  • Login ke blogger.
  • Kklik menu template.
  • Edit html.
  • Pastekan script berikut diatas </head>.

  • Kemudian klik simpan template

HTML Recent Post Slider

  • Masuk ke blogger.
  • Klik menu tata letak.
  • Klik tambahkan element/ add gadget.
  • Lalu pilih HTML/Javasript.
  • Kemudian pastekan kode di bawah ini.
<div class="recent-slider-wrap">
<div class="recent-post-slider">
<div class="image_reel">
<script src="//tapike.com/feeds/posts/default/?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2"></script>
</div>
<script src="//tapike.com/feeds/posts/default/?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1"></script>
</div>
<div class="paging">
<a href="#" rel="1"></a>
<a href="#" rel="2"></a>
<a href="#" rel="3"></a>
<a href="#" rel="4"></a>
<a href="#" rel="5"></a>
<a href="#" rel="6"></a>
</div>
</div>
  • Klik simpan
Demikianlah tutorial mengenai cara membuat recent post slider atau cara membuat recent post slider otomatis di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.
0 Comments Blogger
Disqus


Join This SiteInstagram