Irawansite.com – Salah satu cara untuk membuat blog kita menjadi indah serta memberitahukan kepada pungunjung tentang artikel terbaru dengan menambahkan slide artikel terbaru pada sidebar blog. berbicara masalah “Letak” sebenarnya bukan hal yang wajib, karena slide ini bisa anda letakkan dimana saja yang anda inginkan (bukan hanya pada sidebar).
Pada artikel ini kita akan membahas “Cara Memasang Slide Artikel Terbaru Pada Blog”. Script yang akan saya posting disini berupa Slide artikel blog berjalan kebawah, dilengkapi dengan gambar dan judul artikel.
Cara Memasang Slide Artikel Terbaru Pada Blog
1. Login ke akun blog Anda
2. Pilih Tata Letak
3. Kemudian Klik “Tambah Gatget” / “Add Gadget"
4. Pilih "HTML/javascript"
5. Copy kode dibawah ini kemudian paste di Kotak HTML/javascript tadi.
Kode Slide Artikel Terbaru Pada Blog
<style type="text/css">Keterangan
#rp_plus_img{height:450px;overflow:hidden;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;border-radius: 10px;background:#FFFFFF}
#rp_plus_img li:hover{background-color: #DDDDDD;}
#rp_plus_img a{color:#3300FF;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:12px;} #rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;border-radius: 10px}
</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://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>
height:450px ; Tinggi Tampilan Slide
#FFFFFF; Warna background
#DDDDDD; Warna background saat disorot kursor
#3300FF; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
6. Setelah selesai melakukan pengeditan sesuai selera yang diinginkan silahkan klik “Simpan” atau “Save”
Silahkan lihat blog anda, apabila Slide Artikel Terbaru sudah muncul berarti Pemasangan Scrpt Slide Artikel Terbalu telah sukses.
Demikian artikel tentang Cara Memasang Slide Artikel Terbaru Pada Blog. Semoga artikel yang singkat ini dapat bermanfaat bagi anda yang membutuhkan dalam mempercantik blog.
Terima Kasih atas kunjungan anda ke Blog Irawansite.com.
0 comments:
Post a Comment