MULTI PASTE - Berikut ini adalah Gadget Recent Posts for blogger yang mungkin dapat dijadikan pilihan untuk menampilkan list Artikel Terbaru di blog anda. Gadget ini selain memiliki tombol scroll pada bagian bawah juga tampilan scroll dapat diatur menjadi automatic scroll seperti Widget Artikel Terbaru yang terpasang pada side bar blog ini, script ini selain dapat menampilkan inline atau konten Ajax, juga dapat dengan mudah menampilkan RSS feed tanpa perlu menginjeksi eksternal script dari peyedia layanan RSS feed lainnya, namun anda harus menggunakan Google's Feed API untuk memfasilitasi script ini.
Penerapan script ini membutuhkan sedikit perlakuan khusus dalam kustomisasi, pengaturan tampilan gadget termasuk ukuran lebar dan tinggi terdapat pada file mpscroller.css. Setelah script selesai diedit anda perlu menambahkan Gadget type HTML/Javascript pada layout blog dan masukkan script induk di bawah ke dalamnya, sebagai referensi anda bisa melihat artikel Cara Menambahkan Gadget di Blog. Agar lebih detail, jika anda ingin menggunakan widget ini, ikuti 3 langkah berikut :
1. Untuk mendapatkan Google API Key
- Kunjungi halaman Google Developer kemudian klik link the Google APIs Console seperti gambar di bawah
- Jika anda belum pernah membuat Google API Key, anda akan diminta memasukkan Google ID dan Password selanjutnya klik tombol Creat project...
- Pada halaman berikutnya klik Menu API Access dan copy Google API Key seperti gambar di bawah ini.
2. Kustomisasi Gadget
- Copy script induk di bawah ini simpan ke Notepad
<script type="text/javascript" src="http://www.google.com/jsapi?key=Google API Key"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="URL file mpscroller.css" />
<script src="URL file mpscroller.js">
/******************************************************
* Multi Paste Content Scroller
* MP Blog : http://www.multipaste.blogspot.com
* Script SAG by Dynamic Drive - Redisign by Multi Paste *******************************************************/
</script>
<style type="text/css">
div#mympscroller1 ul li{
padding:7px;
border-bottom:1px solid gray;
margin-bottom:7px;
}
</style>
<script>
var mpscroller1=new mpscroller({
id:'mympscroller1',
mode: 'manual',
rssdata:{
feeds: [
['MULTI PASTE', 'http://feeds.feedburner.com/multipaste/']
],
linktarget: '_new',
displayoptions: 'date snippet',
entries: 10
},
pause: 2500,
animatespeed: 400
})
</script>
<div id="mympscroller1" class="mpscroller">
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="URL file mpscroller.css" />
<script src="URL file mpscroller.js">
/******************************************************
* Multi Paste Content Scroller
* MP Blog : http://www.multipaste.blogspot.com
* Script SAG by Dynamic Drive - Redisign by Multi Paste *******************************************************/
</script>
<style type="text/css">
div#mympscroller1 ul li{
padding:7px;
border-bottom:1px solid gray;
margin-bottom:7px;
}
</style>
<script>
var mpscroller1=new mpscroller({
id:'mympscroller1',
mode: 'manual',
rssdata:{
feeds: [
['MULTI PASTE', 'http://feeds.feedburner.com/multipaste/']
],
linktarget: '_new',
displayoptions: 'date snippet',
entries: 10
},
pause: 2500,
animatespeed: 400
})
</script>
<div id="mympscroller1" class="mpscroller">
</div>
- Edit script, masukkan Google API Key anda pada kode yang diarsir dengan warna kuning
- Download file di bawah ini dan untuk sementara simpan ke lokal PC untuk diedit menyesuaikan dengan template blog anda setelah itu upload kembali ke tempat hosting script yang anda gunakan dan salin URL-nya untuk dimasukkan ke script induk
- Untuk mengatur style Gadget termasuk ukuran tinggi dan lebar gadget edit file mpscroller.css
- Edit lagi script induk dan ganti kode yang diarsir hijau dengan URL script dari tempat hosting script yang anda gunakan. Jangan lupa mengganti title MULTI PASTE dengan title blog anda serta http://feeds.feedburner.com/multipaste/ dengan URL feed blog anda
- Agar gadget menjadi Auto Scroll ganti tulisan manual dengan auto pada script induk
3. Instalasi Gadget
- Login ke Blogger dengan ID anda
- Pada halaman Dashboar blogger klik menu Layout >> Add a Gadget pilih gadget type HTM/Javascript
- Copy script induk yang telah diedit dan paste ke dalam gadget type HTML Javascript, dan tekan tombol Save untuk menyimpan gadget
- Sesuaikan penempatan gadget pada blog anda, dan simpan perubahannya dengan menekan tombol Save Arragement
- Langkah terakhir periksa blog anda, jika berhasil ucapkan Alhamdulillah...