Tuesday, April 24, 2012

Tutorial Blog | Cara Pasang Recent Post di blog

Cara Pasang Recent Post di blogTutorial 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 


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 biru, silahkan sobat ganti tulisan yang berwarna biru dengan alamat blog milik sobat masing masing
8.     Terakhir cape dech...minum kopi dulu ya sobat   haus bos mengetiknya

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

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari Hayardin-blog di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

cara membuat website
bisnis pulsa elektrik paling murah

Artikel Terkait Lainnya Yang Bisa Anda Baca:

Posted by : Hayardin.com ~ Cara Bisnis Online | Peluang Bisnis Online | Belajar Bisnis Online

Artikel Tutorial Blog | Cara Pasang Recent Post di blog diposting oleh Hayardin.com pada Tuesday, April 24, 2012 . Terima kasih atas kunjungannya. Kritik dan saran dapat Anda sampaikan lewat kotak komentar di bawah ini.Saya akan berlakukan DMCA Complaint jika Anda melakukan Copy Paste tanpa mengikuti ketentuan yang berlaku. Copy paste wajib ijin dari Admin Hayardin.com
Terimakasih. Happy blogging dan Salam SUKSES !
Anda sedang membaca artikel tentang Tutorial Blog | Cara Pasang Recent Post di blog dan anda bisa menemukan artikel Tutorial Blog | Cara Pasang Recent Post di blog ini dengan url http://www.hayardin.com/2012/04/tutorial-blog-cara-pasang-recent-post.html , copy paste wajib ijin dari saya jika ingin menyebarluaskan artikel mengenai Tutorial Blog | Cara Pasang Recent Post di blog serta menggunakan link Tutorial Blog | Cara Pasang Recent Post di blog sebagai sumbernya. Saya akan berlakukan DMCA Complaint jika Anda melakukan Copy Paste tanpa mengikuti ketentuan yang berlaku

Item Reviewed : Tutorial Blog | Cara Pasang Recent Post di blog
Description : Tutorial Blog | Cara Pasang Recent Post di blog
Reviewer : Hayardin Putra - Rating : 5
Posted by: Hayardin, S.Pd
Hayardin.com, Updated at: 10:47 AM

1 comment :

  1. Gan Saya mau yang kaya agan pake sekarang ini .. Ituh trik nya gimana gan ??
    plis gan . Thx ..

    ReplyDelete

Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...

Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...

Salam SUKSES !

Hayardin, S.Pd