Cara Membuat Recent Post Responsive - Setelah sebelumnya share tentang cara membuat recent post tanpa gambar yang cukup simple, kali ini emuid akan share tutorial cara membuat recent post yang hampir mirip dengan postingan sebelumnya, yang membedakan dari recent post ini yaitu pada tampilannya saja.
Tampilan recent post kali ini mungkin cukup enak dilihat oleh para pembaca dengan sedikit bumbu css yang responsive. Sebenarnya menarik atau tidak nya recent post ini tergantung pada sudut pandang masing-masing karena penilaian menarik ini saya ambil dari sudut pandang saya pribadi.
Untuk tampilan detail dari recent post terbaru ini akan tampak seperti gambar dibawah ini.
Cara Membuat Recent Post Responsive Tanpa Gambar
1. Silakan login ke akun blog sobat.2. Masuk kebagian "Tata Letak"
3. Pilih lokasi yang sesuai dan "Tambahkan Gadget" kemudian pilih "HTML/Java Script"
4. Masukkan kode dibawah ini :
<div id="tb">Ganti kode yang berwarna biru dengan url alamat blog sobat.
<script type="text/javascript" src="https://googledrive.com/host/0B8tm1_SeHWhdZTN0Q3ZOWXNEVFE/recent_post_tanpa_gambar_emuid.js"></script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="http://emu-id.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<style type=text/css>
#tb { }
.rctitles2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Untuk kode yang berwarna merah adalah jumlah post yang akan tampil.
5. Simpan dan lihat hasilnya.
Itulah cara membuat recent post seo responsive yang bisa sobat terapkan pada blog-blog yang sedang sobat kerjakan. Bila sobat kurang tertarik dengan tampilan recent post tanpa gambar, sobat bisa coba cara membuat recent post bergerak dengan gambar yang mungkin cukup menarik bagi sudut pandang sobat.
0 komentar:
Posting Komentar
Bila ada script yang tidak work silakan komentar dibawah. Mohon gunakan bahasa yang sopan dan jangan menaruh link aktif pada form komentar. Terima Kasih.