Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Buat Recent Post Sederhana Untuk Blog

Untuk membuat menu recent post sederhana pada artikel kami akan shree menu Recent Post Sederhana di Blogger, jadi menu ini saya buat untuk mepercantik blog anda, agar Loading blog kalian lebih ringan atau yaman untuk si pengunjung blog kita, dengan Recent Post Sederhana di Blogger ini cocok untuk blog jadi lebih soe ,karan tidak terlalu berat untuk memakan loading.. karana kode javascript tidak tertalu berat atau banyak pengujung pada kesel menggu loading yang lama, jadi akan terpengaruh untuk pengujung blog kita agar lebih yaman di buka di hp android.

Di banding kita membuat recent post dengan thumbnail blogger lebih baik membuat recent post tanp  thumbnail blogger, karna akan terpengaruh untuk loding blog kita pada saat di buka keceptan internet rendah, contoh di hp android yang masih menggunakan HH+, pah lagi kode membuat recent post berdasarkan label, yang ada di blog kita.

Apah lagi sekarang pengguna hp android untuk mencari infromasi banyak di gunakan di hp android ampir 75 % di banding pengguna komputer/laptop, karna sekrang banyak hp android yang sudah bisa menggunakan data yang lengkap, jadi bagi kalian silahkan kalian bisa pakai untuk menu recent post yang sederhana untuk blog kita.


Cara Recent Post Sederhana di Blogger
DEMO Hitam DEMO Putih

Cara Buat Recent Post Sederhana Untuk Blog

Langakah Permata..

1. Kamu Login saja ke blogger masing

2. Kemudian  kamu pilih saja Menu Tambahkan Wigdet pada Blog anda

3. Dan kamu pilih Saja Menu Tata Letak >> Tambahkan Gendet Dan kamu pilih menu HTML/JavaScript

4.Langkah Selanjutnya kamu masukan kode di bawah pada kotak Wigdet.
<div class="recent-p">
<script src="https://cdn.rawgit.com/Brando07/seocips/newbe/resentpost.js" type="text/javascript"></script>
<script type="text/javascript">var numposts = 11;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://tutorialcid.blogspot.co.id/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=showrecentposts" type="text/javascript"></script>
</div>
<style>
.recent-p {overflow;hidden;margin-bottom:10px;padding:10px; border:1px solid #ddd;box-shadow:1px 1px 4px #ccc inset;}
.recent-p li, .recent-l li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi02NuTS_VtgaoWzX0jCuyvFuvbATc5MqTwmH8gJ7UX9Oksl9gsDpHgryDnaJ68qtXoqBrUPR6XKsSpFFYQA-1FGYgPoHUaA3gN-nalo7pJSIOMoRCKmDb601chY684thyNUG3tSeubl0/s8/pause.png) no-repeat left;line-height:1.3em;margin:0;padding:5px 0 5px 17px;border-bottom:1px dotted #ddd;overflow:hidden;list-style:none;}
</style>

Keterangan
  • http://tutorialcid.blogspot.co.id Gantikan dengan alamat Blog Kalin
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi02NuTS_VtgaoWzX0jCuyvFuvbATc5MqTwmH8gJ7UX9Oksl9gsDpHgryDnaJ68qtXoqBrUPR6XKsSpFFYQA-1FGYgPoHUaA3gN-nalo7pJSIOMoRCKmDb601chY684thyNUG3tSeubl0/s8/pause.png Gantikan Logo anda 

Jika sobat sudah mengantikan logo dan alamat blog anda anda coba save maka tanpil akan seperti pada gambar di atas, semoga dengan kode Recent Post ini loading pege blog kalian akan menjadi super cepet di banding dari sebelumnya.

Mungkin hanya ini saja yang kami bisa cara membuat recent post responsive yang sederhana untuk blog kalian, karnakan membuat recent post tidak menggunakan thumbnail blogger, jadi agar lebih cepat kalau kita buka di tanpilan hp android.

Apah lagi kode widget postingan terbaru dan terbaik untuk blog, dengan kode widget postingan kalian bisa menarik perhatian pengunjung blog kita untuk menampilkan postingan kita pada menu recent post responsive di bandingkan kita menggunakan recent post blogger , maka lebih ringan dengan kode recent post responsive, sampai jumpa di artikel beriktunya wasalam.