Rabu, 26 Oktober 2016

Cara Membuat Recent Post di Blog Tanpa Gambar

Advertisement

Untuk membuat recent post di blog yang keren dan simple sebenarnya sangatlah mudah. Cukup ikuti panduan yang akan saya berikan dan recent post tersebut bisa berjalan di blog anda. Membuat recent post di blog ini sangat berguna bagi para pembaca untuk mengetahui artikel terbaru lainnya melalui sidebar tanpa harus menuju ke halaman homepage lagi. Baca Juga : Cara Membuat Recent Post Dengan Gambar di Blog

Cara Membuat Recent Post di Blog

Lalu seperti apa cara membuat recent post tanpa gambar tersebut? Yuk simak caranya dibawah ini :

Cara Membuat Recent Post di Blog Seo Friendly

1. Login ke akun blog anda.
2. Masuk ke bagian Tata Letak => Tambahkan Gadget => HTML/JavaScript
3. Kemudian masukkan kode berikut ini pada kolom HTML tersebut :
<div id="tb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="http://poin-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>
Keterangan : 
Kode yang berwarna merah merupakan jumlah postingan yang akan tampil
Kode yang berwarna biru silakan anda ganti dengan URL blog anda

4. Simpan dan lihat hasilnya.

Bila anda ingin menampilkan recent post pada halaman tertentu selain di homepage blog anda silakan baca : Cara Menyembunyikan Widget di Homepage Blog

Itulah cara membuat recent post di blog yang bisa anda coba praktikan di blog-blog yang anda punya. Cara diatas sudah saya test di blog-blog saya dan hasilnya berhasil. Tampilan recent post ini sangat ringan karena tidak ada gambar yang ditampilkan hanya judul postingannya saja. Jadi, sangat seo friendly.

Tags :

Related : Cara Membuat Recent Post di Blog Tanpa Gambar

0 komentar:

Posting Komentar

Mohon gunakan bahasa yang sopan dan jangan menaruh link aktif saat berkomentar. Segala bentuk link aktif akan kami hapus. Terima Kasih.

Formulir Kontak

Nama

Email *

Pesan *