Beranda » Tutorial Blog » Membuat Recent Post Yang Menarik

Membuat Recent Post Yang Menarik

T Diposting oleh pada 17 July 2012
F Kategori
b Belum ada komentar
@ Dilihat 398 kali
Recent PostMembuat Recent Post Yang menarik.Membuat Recent post atau postingan terakhir adalah salah satu cara agar beberapa postingan terakhir blog kita bisa di ketahui oleh para pengunjung blog kita.Biasanya pada sebuah blog,widget recent post adalah salah satu widget favorit yang banyak di pasang oleh para blogger.

Pada catatan kali ini saya akan berbagi cara membuat recent post yang menarik.Silahkan lihat screen shot nya,menarik bukan?Kalau ingin lihat demonya yang sudah jadi,sobat bisa lihat DISINI!Saya katakan Recent post ini menarik sebab recent post ini di lengkapi dengan thumbnail dan slide sow.Bagi sobat yang ingin membuatnya ayo ikutin tutorial blog kali ini tentang Membuat recent post yang menarik.
Langkah pertama adalah:

1.Login ke dashboard blog sobat

2. Pilih tata letak
3.Pilih tambah gadget
4.Pilih tambah HTML/Javascript

Widget HTML

5.Copy kode HTML di bawah ini dan paste kan pada Box HTML/Javascript:

<style type=”text/css”>
#rp_plus_img{height:370px;}
#rp_plus_img li {height:50px;padding:5px;list-style:none;
background-color:transparent;
border:solid 1px transparent;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:12px;
text-align:left;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<script type=”text/javascript” src=”http://fahdisjro.googlecode.com/files/recentpost.js”></script>
<script type=”text/javascript”>
var speed = 3000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id=”rp_plus_img”>
<script style=”text/javascript”>
var numposts = 5;
var numchars = 0;
</script>
<script src=”/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt”></script></ul>

Keterangan:

-Ganti tulisan yang berwarna merah dengan url blog milik sobat.

Nah sobat,demikianlah catatan saya mengenai cara Membuat recent post yang menarik.Semoga bisa membuat recent post blog sobat lebih menarik.

Diposting oleh

CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google adwords, jasa SEO profesional. Hubungi CS Kami telpon/SMS/WA: 082310361484 (Puspa) PIN BB: SEO2402 untuk respon layanan cepat

Belum ada Komentar untuk Membuat Recent Post Yang Menarik

Silahkan tulis komentar Anda

Your email address will not be published. Required fields are marked *

*

a Artikel Terkait Membuat Recent Post Yang Menarik

Cara Membuat Menu TabView dengan JQuery

Cara Membuat Menu TabView dengan JQuery

T 11 May 2012F A Darmanto SEO

Cara Membuat Menu TabView dengan JQuery.Setelah catatan membuat menu multi tab kemarin saya bagikan,pada catatan saya kali ini akan dilanjut dengan membuat multi TabView pada blog namun dengan Jquery. Membuat tab view dengan Jquery lebih mudah ngga seperti membuat tab... Selengkapnya

Cara Menghilangkan Tanggal Postingan

Cara Menghilangkan Tanggal Postingan WordPress

T 29 December 2013F , A Darmanto SEO

Menghilangkan Tanggal Postingan di Blog WordPress pada pagi hari ini akan menjadi tutorial wordpress dari saya yang sudah lama tidak menulis tutorial blog wordpress.Tutorial ini saya buatkan karena ada salah satu sobat yang katanya ingin menghilangkan tanggal postingan wordpress tapi... Selengkapnya

Cara Membuat Recent Comments

Cara Membuat Recent Comments

T 9 April 2011F A Darmanto SEO

Tutorial blog tentang cara membuat recent comment pada blog blogspot akan Kami bagikan. Agar kamu dapat mengetahui komentar terbaru di blog kamu, maka kamu perlu mamasang Recent Comments/Komentar Terbaru di blog kamu. Langkah-langkahnya sama seperti membuat PostinganTerbaru/Recent Post. Berikut Cara... Selengkapnya

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.

Legalitas Usaha

CV. STUDIO WEB
SIUP: 503.9/192/KPPT/PMK/11-22/II/2015
TDP: 112236321645
Akta Notaris no. 01
Detail Legalitas Kami Klik disini

Alamat

Office:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358