Tapike.com

Cara Membuat Recent Post Dengan Gambar Di Blog

Membuat Recent Post Dengan Gambar
Cara Membuat Recent Post Dengan Gambar Di Blog - Pada Kali ini kita akan membuat recent post dengan gambar atau memasang widget artikel terbaru dengan thumbnail di blog. Recent post dengan gambar merupakan suatu element atau widget untuk menampilkan postingan atau artikel terbaru ditambah dengan gambar dari blog dan sangat berguna untuk seo blog karena dapat memberikan internal link. Dengan ini pengunjung dapat mengetahui postingan terbaru dari blog kita. Sebenarnya blogger juga menyediakan widget feed yg fungsinya sama seperti recent post dengan gambar. Bagi anda yg ingin membuat recent post dengan gambar di blog, simak langkah-langkah berikut ini.

CSS Recent Post Dengan Gambar

  • Login blogger.
  • Klik template.
  • Klik edit html.
  • Pastekan css recent post dengan gambar berikut diatas ]]></b:skin>.

Javascript Recent Post Gambar

  • Login ke akun blogger.
  • Kemudian klik template.
  • Klik edit html.
  • Pastekan javascript recent post dengan gambar berikut diatas </head>.

HTML Recent Post Gambar

  • Masuk ke blogger.
  • Klik menu tata letak.
  • Klik tambahkan element/ add gadget.
  • Lalu pilih HTML/Javasript.
  • Kemudian pastekan kode di bawah ini.
<div id='recent-posts'></div>

Pengaturan

  • Ganti var homePage = "http://www.tapike.com", dengan domain Anda.
  • numPosts = 10; adalah jumlah postingan yg ingin ditampilkan pada recent post dengan gambar.
  • thumbsize = 72; ukuran gambar recent posts=
Demikianlah tutorial mengenai cara membuat recent post dengan gambar atau memasang widget artikel terbaru dengan thumbnail di blog. Semoga dapat bermanfaat bagi kita semua. Jangan lupa berlangganan artikel terbaru dari tapike.com.
5 Comments Blogger
Disqus
  1. demonya tidak ada, atau barang kali prinscren hasilnya...

    BalasHapus
    Balasan
    1. Live demonya bisa diliat di sidebar http://tapikeblogdemo.blogspot.com/ gan!

      Hapus
  2. recent postnya kok tidak bisa iya diterapkan disitus kami, gan??

    BalasHapus
    Balasan
    1. coba javascriptnya di compres dulu mas untuk menghilangkan spasi.

      Hapus


Join This SiteInstagram