7 Langkah Mudah Cara Pasang Recent Post di blog

Tutorial blog kali ini akan membahas mengenai bagaimana cara pasang recent post di blog setelah pada postingan yang lalu telah di bahas mengenai Cara membuat postingan di blog autopost di facebook dan twitter, jika sobat belum sempat membacanya, silahkan sobat membaca tutorialnya sebelum melanjutkan tutorial tentang Cara Pasang Recent Post di blog.

Cara pasang recent post di blog sebenarnya sudah banyak sekali yang sudah posting, tapi kali ini recent post yang akan dibahas mungkin agak sedikit berbeda dengan recent post sebelumnya karena recent post yang akan dibahas disini nantinya akan dilengkapi dengan thumbnail yang bergerak kebawah, jadi baca terus ya sobat mengenai bagaimana cara pasang recent post di blog 

Memasang recent post di blog merupakan salah satu cara yang digunakan pemilik blog untuk meningkatkan pageview blog miliknya, dengan adanya recent post yang dipasang tentunya pengunjung akan tertarik untuk melihat postingan lain kita karena dilengkapi dengan thumbnail yang bergerak kebawah. Sahabat blogger mungkin masih ada yang bertanya tanya apa sebenarnya recent post itu ? Dari uraian diatas dapat disimpulkan bahwa recent post merupakan cuplikan dari postingan postingan yang ada didalam blog milik kita yang ditampilkan di sidebar blogspot. 

Bagaimana cara memasang Recent Post di blog ? mungkin inilah pertanyaan yang sering muncul bagi seorang newbie seperti saya, oleh karena itu lewat postingan yang sederhana ini saya ingin berbagi mengenai bagaimana cara pasang Recent Post di blog, berikut langkah langkahnya sobat 

Cara Pasang Recent Post di blog 

1.     Seperti biasa kunjungi situs blogger.com

2.     Masukkan alamat E-mail dan Pasword Anda

3.     Setelah halaman blog sobat terbuka,silahkan alihkan perhatian Sobat disudut Kanan atas,nah disitu ada tulisan Desain.Klik tulisan Desain tersebut

4.     Jika halaman Desain sudah terbuka pilih Rancangan lalu Eleman halaman kemudian Tambah Gadget.Jika gadget sudah terbuka,Pilih HTML/Javascript

5.     Isi judul Gadget yang Anda inginkan, Misalnya Recent post

6.     Copy paste kode dibawah ini didalam HTML

<center><style type="text/css">

#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:60px;padding:5px;list-style:none;}

#rp_plus_img a{color:#F68629;}

#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}

#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

</script>

<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">

</script>

<script type="text/javascript">

var speed = 1000;

var pause = 2500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img"><script>

var numposts = 20;

var numchars = 0;

</script> <script src="http://hayardin-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script> </ul>

</center>

7.     Perhatikan tulisan yang berwarna merah, silahkan sobat ganti tulisan yang berwarna biru dengan alamat blog milik sobat masing masing

Selesai sudah sobat Tutorial blognya mengenai bagaimana cara PasangRecent Post di blog dengan thubnail bergerak ke bawah. Semoga bermanfaat and happy blogging...

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

Lokasi:

Berbagi :