Ini adalah tips dari positif seo untuk membuat recent post blogspot terbaru dan keren di blogspot. Tentunya dengan cara yang mudah
juga ringan untuk blog dan akan membuat
terpesona akan kemantapannya yang luar biasa.
Apa Itu Recent Post Dan Fungsinya?
Recent post
adalah seperti cuplikan artikel, Kali ini yang dibahas di tutorial blog kali
ini bukan recent post biasa, namun recent post yang memiliki cuplikan atau
tampilan yang disertai gambar thumbnail
yang bergerak gerak. fungsinya adalah dapat mempermudah pengunjung untuk
melihat cuplikan cuplikan artikel terbaru sobat.
Langsung cermati
dan perhatikan cara buat recent post gambar thumbnail bergerak di blog dengan
mudah:
Pertama, Login ke akun
blogger.com.
Kedua, Pilih rancangan atau
design yang akan digunakan.
Ketiga, Pilih add gadget
pada bagian page elements dan pilih html javascript.
Keempat,
isi judul dan copy dan paste kode recent post di bawah ini ke dalam kotak
tersebut. Terakhir ganti tulisan yang
berwarna merah sesuai
dengan nama blognya.
<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://www.positifseo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>
Lalu save dan lihat hasilnya...
Semoga bermanfaat
Artikel keren lainnya:
Belum ada tanggapan untuk "Tips dan Trik Cara Membuat Recent Post Terbaru Di Blogspot"
Posting Komentar