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

  • Cara Membuat Link Membesar Saat Disentuh KursorCara Membuat Link Membesar Saat di Sentuh Kursor - Nah, cukup banyak cara yang dapat anda lakukan untuk membuat blog agar terlihat lebih cantik. Salah satunya yaitu memb ...
  • Cara Memainkan Game PS1 di Komputer | PCPlay station one atau lebih dikenal dengan sebutan PS1 merupakan perangkat game ps pertama yang sudah lama punah atau sudah tidak dijual lagi. PS1 merupakan perangkat ga ...
  • Cara Menampilan Widget di Halaman Tertentu BlogMenampilkan widget di halaman tertentu merupakan sebuah cara yang bertujuan agar para pembaca bisa melihat widget tertentu yang muncul entah itu di halaman pertama blog, ...
  • Cara Membuat Tombol Like Lengkap di BlogCara Membuat Tombol Like - Bagi anda yang ingin membuat tombol like seperti facebook, google plus, twitter di blog kesayangan anda, silakan baca tutorial kali ini. Selai ...
  • Cara Membuat Recent Post Tanpa Gambar di BlogCara Membuat Recent Post Tanpa Gambar - Membuat recent post atau artikel terbaru tanpa gambar bukanlah hal yang terlalu sulit bila sobat mengetahui kode yang akan dipasa ...

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.