Cara Mudah Membuat Recent Post Sederhana Keren Responsive

Setiap blogger tentunya mempunyai kesukaan sendiri-sendiri dalam menerapkan widget pada blognya. Ada yang suka blognya tampil rame biar kelihatan keren namun ada juga yang suka blognya tampil sederhana biar kelihatan elegan. Berikut ini merupakan cara mudah membuat recent post sederhana keren responsive, tampaknya recent post ini cocok sekali bagi sobat yang ingin blognya kelihatan elegan. Silahkan simak langkah-langkahnya.

Baca juga cara mudah merubah tampilan kursor pada blog

1. Login ke Blogger

2. Pilih Tata Letak ► Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukkan kode dibawah ini ke dalam kolom HTML/JavaScript

<div id="tb">

<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>

<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://copasange.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<style type=text/css>

#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRQvMIg_blKIXslga1icxvwgkNDvR0UKaunpeWsJBsNd5L41NLppDsZ6-z7KR9ocniJEHeRAPoxmvuAZAPz8db3JRnStpbY0Uzhz2lMrx16QvqX-uBNA8QZqnxPU_tm9n1yzMfNZFi5l6o/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:none;}

#tb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

Baca juga cara mudah membuat tombol share keren dibawah postingan

Angka 5 merupakan jumlah artikel yang ditampilkan, ganti sesuai yang sobat inginkan
Yang berwarna biru ganti dengan alamat blog sobat

5. Simpan dan lihat hasilnya

Demikian cara mudah membuat recent post sederhana responsive, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Membuat Recent Post Sederhana Keren Responsive. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="http://copasange.blogspot.com/2016/04/cara-mudah-membuat-recent-post_27.html" target="_blank">Cara Mudah Membuat Recent Post Sederhana Keren Responsive</a>

:: Salam Blogger ! ::