Cara Membuat Recent Post Di Blog - Pada Kali ini kita akan membuat recent post atau widget artikel terbaru di blog. Recent post merupakan suatu element atau widget untuk menampilkan postingan atau artikel terbaru 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. Bagi anda yg ingin membuat widget recent post di blog, simak langkah-langkah berikut ini.
Live Demo
CSS Recent Post Blog
- Login ke akun blogger.
- Kemudian klik menu template.
- Klik edit html.
- Pastekan css berikut diatas ]]></b:skin>.
#recent-posts li {list-style: none;border-bottom: 1px dotted #ff5848;padding-bottom: 10px;padding-top: 10px;}
- Kemudian klik simpan
Script Recent Post Blog
HTML Recent Post Blog
- 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"/>
- Klik simpan
Jangan lupa ganti var homePage = "http://www.tapike.com/"dengan url blog anda. numPosts = 10 ganti dengan jumlah postingan yg ingin ditampilkan. Demikianlah tutorial mengenai cara membuat recent post atau cara membuat widget artikel terbaru di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.
Sukses, thx infonya sob... :)
BalasHapusMakasih mas, saya coba praktekkan :)
Hapusaahh mantep ini sob yang saya cari cari , ijin masang di blog ane
BalasHapusCSS nya bikin berat bloga gak ya?
BalasHapusJika CSS diletakkan pada tempatnya ( di antara b:skin) tidak membuat blog menjadi berat. Script recent post ini pun sudah saya Inline kan, alias tidak memakai situs penyimpanan javascript untuk meload javascriptnya :)
HapusWuih mantap postnya, jadi pingin coba praktekkan
BalasHapusterimaksih infonya gan...manfaat banget bagi pemula
BalasHapusTerima kasih juga sudah berkunjung :)
Hapusbro ini scriptnya disimpen dobel kah sama yang satunya lagi?
BalasHapusiya kedua script di copy, terus di pastekan di tempat yg sama, di mana ingin dipasang widget recent post-nya
Hapusthanks infoya gan,..
BalasHapusmampir juga d blog saya..
http://sh4reilmu.blogspot.com
thanks
Terimakasih, berhasil kang. :)
BalasHapuswah demonya mana nih?
BalasHapusDemonya ada di sidebar gan :)
Hapusmantap gan udah saya coba
BalasHapushttp://tutorial-gitar.blogspot.com/
http://hanyalakukan.blogspot.com/
Terima kasih mas cara membuat recent postnya sangat membantu sekali ini postingannya :)
BalasHapusMantap gan ,,,mau di terapin di blog nih !! folback blog gan :)
BalasHapusmakasih gan, izin coba di blog saya ini http://www.softwareall.info
BalasHapusMakasih mas, saya coba dulu moga langsung bisa
BalasHapusMantap bro..saya maw langsung praktekan ^^
BalasHapusKeren artikelnyaa, sangat bermanfaat..
BalasHapusGw coba pakai cara ini... kok tiba-tiba muncul pt> doang ya... script post terbarunya enggak ada.. izin pencerahannya gan..
BalasHapusUdah di update gan scriptnya, silahkan di coba lagi :)
Hapusini yang ada nomornya itu ya om?? punya saya lambat kebnyakan javascript kayaknya nih
BalasHapusBukan gan, demonya bisa agan liat di sidebar tapike.com :)
Hapusmakasih ya kak, saya coba terapin di blog http://resepmasakbaru.blogspot.co.id/ saya
BalasHapusmakasih infonya gan...sangat bermanfaat..
BalasHapuskunjungi blog ane tentang infromasi pajak indonesia di
www.mas-fat.com
ko gak mau muncul ya saya pasang di blog saya? script yang terakhir dimpen dmn gan?
BalasHapusSekalian sama javascriptnya gan. Coba di tes lagi aja gan :D
Hapusakhirnya bisa juga deh .. nambahin widget recent postnya .. :)
BalasHapusmas , kalo untuk tampilkan gambar di recent postnya gimana ya?
Baca di sini bang http://www.tapike.com/2015/11/cara-membuat-recent-post-dengan-gambar-di-blog.html
Hapusgak muncul nih gan
BalasHapusSudah saya fix semua gan, coba lagi. Kalo masih gak bisa mungkin perlu penambahan jquery library di blog agan. < script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' />
Hapussukses gan, sudah saya pasang di footer http://www.annisadiary.com
BalasHapusTerima kasih yaa ^_^
Sama-sama mbak, jangan lupa share ya mbak :)
Hapusmakasih gan infonya
BalasHapuswork. thanks gan
BalasHapus