Beranda » Tutorial Blog » Membuat Recent Post Yang Menarik

Membuat Recent Post Yang Menarik

T Diposting oleh pada 17 Juli 2012
F Kategori
b Komentar Dinonaktifkan pada Membuat Recent Post Yang Menarik
@ Dilihat 888 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

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google ads, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

Komentar dinonaktifkan: Membuat Recent Post Yang Menarik

Maaf, form komentar dinonaktifkan untuk produk/artikel ini

a Artikel Terkait Membuat Recent Post Yang Menarik

Cara Membuat Akun Google Code

T 6 Oktober 2012 F A Darmanto SEO

Cara Membuat Akun Google Code.Sudahkah sobat Membuat File Hosting di google code? Para Sobat,pada Tutorial blog kali ini,saya akan berbagi Cara membuat akun google code.Google Code adalah salah satu tempat menyimpan file yang kita miliki dengan gratis Google Code bisa... Selengkapnya

Cara Mudah Membuat Artikel Lama Selalu Di Homepage

Cara Mudah Membuat Artikel Lama Selalu Di Homepage (1)

T 4 Maret 2014 F A Darmanto SEO

Selamat malam sobat semua.Malam ini saya akan berbagi Tutorial mudah tentang Cara Membuat Posting/artikel Lama Selalu di Homepage.Tutorial ini rupanya masih cukup banyak yang mencarinya.Membuat artikel lama kita selalu berada di halaman utama blog (homepage),biasanya bertujuan untuk membuat ucapan selamat... Selengkapnya

Cara Mempercepat Loading Blog,Cara 1

Cara Mempercepat Loading Blog,Cara 1

T 3 Juli 2012 F , A Darmanto SEO

Cara Mempercepat Loading Blog.Assalamualaikum wr. wb sobat semua…Tanpa terasa semakin hari blog ini mulai terasa berat loading blog saya ini.Padahal salah satu tehnik SEO yang mesti di lakukan oleh seorang blogger agar blognya lebih disukai search engine katanya adalah mempercepat... Selengkapnya

+ SIDEBAR

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

Google Partner

Alamat

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

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358

Butuh Bantuan? Chat Kami Sekarang