Kumpulan informasi tutorial blog dan emulator komputer terbaru dan terlengkap.

Cara Membuat Recent Post Responsive Tanpa Gambar

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
Bagi sobat yang ingin memasang recent post seo responsive terbaru ini caranya cukup mudah dan hampir sama seperti cara pada postingan sebelumnya. Berikut detailnya 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">
<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>
Ganti kode yang berwarna biru dengan url alamat blog sobat.
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.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Recent Post Responsive Tanpa Gambar

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.