Cara Membuat Widget Recent Post Dengan Sangat Mudah

Tutorial Blog- Halo sahabat blogger. Lagi-lagi Catatan Adi akan berbagi cara membuat recent post yang super sederhana. Ini cocok buat kalian yang emang ga suka tampilan yang terlalu rame.

Emang sih ada yang suka blog simpel. Namun sesimpel apapun ada elemen yang harus tetap ada ya. Salah satunya adalah recent post.

Recent post ini punya beberapa nama lain, seperti : post terbaru, artikel terbaru, newest articles, recent articles. Terserah sahabat kalo umpama mau mengganti namanya. 

Selain terlihat lebih elegan, memang blog yang sederhana juga memiliki keunggulan di bidang loading blog. 

Selain mengurangi kecepatan loading blog, penggunaan widget berlebihan juga tidak enak dipandang mata. Olehnya itu, kali ini Catatan Adi akan memberikan satu tutorial penggunaan widget recent posts yang sederhana.

(Baca Juga: Cara Membuat Tabel Dalam Postingan Blog)

Meski sederhana, namun recent posts ini cukup memukau karena bisa menyesuaikan diri dengan tema blog. Contohnya bisa dilihat pada gambar berikut ini:

cara membuat recent posts
Cara Membuat Widget Recent Post



Bagaimana caranya? Ternyata sangatlah mudah! 

Silahkan ikuti dengan seksama ya....

(Baca Juga: hal-hal yang membuat blog Anda sepi)


1. Masuk ke dashboard Blogspot Anda.

2. Buka pilihan tata letak.

3. Fokus ke bagian sidebar.

4. Pilih tambah gadget.

5. Pilih tambah java script / html.

Masukkan skrip di bawah ini. 

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

6. Setelah itu, masuk ke menut tema.


7. Masuk ke bagian Edit HTML Anda dan paste kode berikut ini tepat diatas </head>

<style type='text/css'>
#recent-posts{
    width:auto;
    padding:0 10px;
    margin:0 auto;
    border:1px solid #ddd;
}
#recent-posts ul,#recent-posts li {
    list-style:none;
}
#recent-posts a{
    text-decoration:none;
}
#recent-posts li{
    border-top:1px solid #ddd;
    padding:6px 0
}
#recent-posts li:first-child{
    border-top:none;
}
</style>


8. Setelah usai, klik Simpan dan lihat hasilnya diblog Anda. 

(Baca Juga: Tutorial mendapatkan uang dari blog)

Ternyata sangat mudah dan keren bukan! Selamat mencoba.


Baca terus artikel menarik lainnya dari Catatan Adi seputar dunia blogging. Semoga beruntung!

0 Response to "Cara Membuat Widget Recent Post Dengan Sangat Mudah"

Post a Comment

Komentar Anda akan muncul setelah kami review.

Mau Kirim Artikel? Atau Tanya-Tanya? Boleh Kok

Name

Email *

Message *

Baca Juga

Labels

Random artikel #opinicatatanadi tutorial blogging politik blog produktivitas #lawas esai motivasi kesehatan Seri Artikel : Catatan Marhaenis curhat misteri menulis sejarah cerita Travelling #lagiviral artikel inggris budaya psikologi #cerpencatatanadi Hantu menjaga kesehatan tips menulis sepakbola #puisicatatanadi Seri Artikel : Ngeblog Personal Ala Catatan Adi artis puisi inspirasi kreatifitas liverpool motivation pendidikan #pesohorduniamaya Fenomena Kristen Supranatural blogger cerpen entrepreneurship gaya hidup mendapatkan uang dari blog pemilu perang sepeda motor tokoh Amerika Serikat bahasa film grace natalie indonesia inspirator investasi jawa jepang kuliner menulis dan dibayar menulis tiap hari profil riddle tetangga berisik topik wisata Alam Andi Arief Ekologi Ghaib Google Adsense Hutan Aokigahara Iran Kuyang Listicle Misteri Darah Perawan Natal PES Partai Demokrat Planned SD Mutiara Persada Bantul Sepeda Surat Teori Gaia The Pursuit Of Happiness Tuyul asam lambung badak berhenti merokok bersyukur bisnis buah buah khas Indonesia bumi manusia catatan baca alkitab cerbung che guevara cina cinta einstein filsafat flying dutchman fokus foto gamelan games gelandangan gerakan mahasiswa gerrard hari buruh hoax hobi hubungan hujan ide jokowi kabinet kapal kejahatan kesuksesan khotbah kristen kisah lalu lintas lowongan kerja lowongan penulis artikel macam-macam artikel mahasiswa makanan mane medium membuat blog personal menjadi pintar menteri menulis artikel yang menarik mesir miskin mistis mitos my nafsu nasi goreng magelangan nasihat hidup news niche november pandangan dunia panduan komunitas parenting pasar malam pecandu politik pelajar sukses peluang usaha pemerintah pengetahuan penyakit percaya diri pola makan pramudya ananta toer resensi film revolusi rokurokubi sains salah santet senja seram serangga smartphone sosial media sukses susah tidur tan malaka tank teknologi trafik writers' block

Artikel Menarik Lainnya

Artikel Populer

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel