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 871 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 Tulisan Yang Disorot Bergoyang

Cara membuat Tulisan Yang Disorot Bergoyang

T 28 Juni 2012 F A Darmanto SEO

Cara membuat tulisan yang disorot bergoyang.Membuat tampilan blog kita semakin indah tampilannya adalah salah satu hal yang perlu bagi saya untuk dilakukan.Dan berbagai cara tutorial memodifikasi blog pun coba di terapkan dan tentunya isi atau content dari blog itu sendiri... Selengkapnya

Cara Membuat Artikel Terkait With Scroll

Cara Membuat Artikel Terkait With Scroll

T 13 April 2012 F A Darmanto SEO

Cara Membuat Artikel Terkait With Scroll. Sobat Darmanto semua,setelah beberapa waktu yang lalu saya berbagi catatan membuat artikel terkait,pada catatan saya kali ini yang masih berisi seputar tutorial blog akan dilanjutkan dengan Membuat artikel terkaitĀ  namun dilengkapi dengan fungsi scoll.Membuat... Selengkapnya

Alat Webmaster Peta Situs

Cara Membuat Sitemap Di Google Webmaster

T 24 April 2013 F , A Darmanto SEO

Membuat Sitemap/peta situs Di Google Webmaster memiliki fungsi sebagai rujukan Search Engine untuk melakukan crawling halaman website/blog. Hal ini diterapkan di layanan raksasa mesin pencari Google Webmaster Tools dan Bing Webmaster Tools (terintegrasi dengan Site Explore Yahoo Webmaster Tools)dan lain... Selengkapnya

+ SIDEBAR

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

Operation time

Senin-Jumat: 08.00-17.00
Sabtu: 08.00-16.00
Minggu: Buka dengan buat janji dulu
Email: admin(at)darmanto.com

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