Wednesday, 17 November 2010

Tips Blogger | Memasang Widget Recent Posts Dengan Fungsi Sliding Di Blog

S

ebenarnya Blogger dalam Widget Default-nya sudah menyertakan beberapa pilihan widget Recent Post, bahkan disitu telah disediakan 3 pilihan untuk menampilkan Recent Post di Blog kita, yakni Widget Recent Posts dengan memanggil data RSS Feed, Widget Recents Post with Thumbnails buatan Bloggerplugins dan yang terakhir adalah Widget Recent Posts tanpa Thumbnails buatan Blogger Buster.



Nah, apabila ada dari sobat Blogger yang belum puas dengan tampilan ketiga Widget di atas, sobat dapat menggunakan Widget Recent Post third party seberti yang sobat lihat di sidebar Blog saya ini. Widget ini selain mampu menampilkan Judul dan summary artikel, juga mempunyai fitur slider yang sangat cantik. Juga user dimungkinkan untuk memodifikasi tampilannya sesuai dengan selera sobat. Widget ini saya temukan dari beberapa sumber di internet dan saya share kembali buat sobat yang membutuhkannya!

Begini cara memasangnya :

1). Login ke akun Blogger sobat

2. Klik Rancangan >> Elemen Laman

2. Klik Tambah Gadget

3. Pilih HTML/Javascript

4. Masukan kode di bawah ini :

<style type="text/css">
#rp_plus_img{height:350px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://softwarebali.googlecode.com/files/RECENTPOSTJQUERI.JS"></script>
<script type="text/javascript" src="http://softwarebali.googlecode.com/files/slidepost.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 15;
var numchars = 70;
</script>
<script src="http://softwarebali.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>



5). Keterangan Instalasi Widget

>> Untuk merubah warna font judul artikel ubah nilai #FFF pada kode color : #FFF

>> Untuk merubah warna font artikel ubah nilai #DEDEDE pada kode color : #DEDEDE

>> Untuk merubah ukuran gambar mini ubah nilai 55px pada kode width:55px; dan kodeheight : 55px;

>> Ganti nilai 400 pada kode var speed = 400; untuk mengatur kecepatan

>> Ganti nilai 2500 pada kode var pause = 2500; untuk mengatur lamanya artikel tersebut tertahan (pause) sebelum diganti artikel berikutnya

>> Untuk menghilangkan garis tepi ubah nilai 1px menjadi 0 pada kode border:solid 1px #585858;

>> Untuk merubah background ubah nilai #2f2f2f pada kode background-color:#2f2f2f;atau jika tidak ingin menggunakan background hapus kode tersebut

>> Ganti nilai 10 pada kode var numposts = 10; untuk menentukan jumlah artikel yang akan ditampilkan

>> Ganti nilai 125 pada kode var numchars = 125; untuk menentukan jumlah karakter artikel yang akan ditampilkan

>> Feed harus diset "Penuh" melalui "Pengaturan - Feed Situs - Izinkan Feed Blog : Penuh"

>> Ganti alamat Feed yang berwarna merah dengan alamat Blog sobat

>> Agar Widget dapat berjalan sempurna alangkah baiknya jika sobat menghosting sendiri 2 (dua) file java script (js) yang terdapat pada kode ini :

http://softwarebali.googlecode.com/files/slidepost.js
http://softwarebali.googlecode.com/files/RECENTPOSTJQUERI.JS

Selamat mencoba dan semoga berguna!



Artikel Terkait:



Languages : English French German Spain Italian Dutch Russian Japanese Korean Arabic Chinese Simplified


16 komentar:

Singapore web designer said... 1

Really super blog to readers,everyone can motivate from this blog. Good going, give some more pictures in future.

Nama Bayi said... 2

salam kenal .
artikelnya baggus .
thanks .

Wayan Armana said... 3

@Nama Bayi

Salam kenal juga Gan!

hybrid cars said... 4

Weish..manteb sob share-nya. Langsung dipraktekin... :)

Singapore web designer said... 5

Good understanding blog to everyone. Really interesting story give more details about that. Thanks for this sporty blog articles with pictures.

Singapore web designer said... 6

Great thinking about globalization issue . I appreciate with your blog fully,so give inform me when you have update your blog. Thanks

Web design Singapore said... 7

Really super blog to readers,everyone can motivate from this blog. Good going, give some more pictures in future.

souvenir pernikahan murah said... 8

salam kenal

Unknown said... 9

wah ini tampilannya bagus, kemaren ane bikin tampilannya kurang menarik bang...ikut belajar di sini dan mohon bimbingannya. makasih bang

Hellen said... 10

Makasih kawan.. sudah saya praktekkan dan berhasil

Nikmaya John said... 11

Mantapp brow,,,, thanks

RifkyMediaâ„¢ said... 12

keren nih gan widgetnya,ane comod ya buat blog teman ane

toko bunga gombong said... 13

Dapat untuk memperindah blog nih

dewapoker.net said... 14

boleh dicoba nih widget

chiko said... 15

It’s really a great and useful piece of information. I’m glad that you just shared this helpful information with us.
Please stay us informed like this. Thanks for sharing. ??

Agen Bola
Agen Bola Terpercaya
Poker Online Uang Asli
Poker Uang Asli
Agen Poker Online
Poker Online
DellPoker
PokerGalaxy
IngatPoker
Axioobet

IDNPlay Poker APK said... 16

Bonus yang diberikan Pokervit :
* Bonus rollingan 0.5%,setiap Jum'at di bagikannya
* Bonus Refferal 10%,seumur hidup
* Bonus Deposit Member Baru 20%
* Bonus Jackpot, yang dapat anda dapatkan dengan mudah
* Minimal Depo 10.000
* Minimal WD 50.000

WITHDRAW IDN POKER 99
IDNPLAY POKER99 TERBARU

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

loading...
Warga Cirebon Nikmati Layanan 4G XL
PT XL Axiata Tbk terus memperluas jaringan 4G milik mereka. Kini warga Cirebon, Jawa Barat bisa menikmati layanan 4G dari XL.
Mengenalkan Teknologi dengan Pendekatan Non-Teknologi
Presiden Jokowi menginginkan desa tertinggal di Indonesia bisa jadi lebih maju dengan teknologi. Namun faktanya, tidak semudah itu untuk mewujudkannya.
Dicari! 50 Aplikasi Lokal untuk Majukan Desa Tertinggal
Keinginan Presiden Joko Widodo untuk memajukan desa tertinggal melalui teknologi berbasis aplikasi coba diwujudkan Menkominfo Rudiantara.
Smartfren Jadi Operator Pertama Jajal Roaming VoLTE
Tak hanya untuk halo-halo di Indonesia, Voice over LTE (VoLTE) Smartfren juga bisa dipakai untuk menghubungi kerabat di luar negeri.
Snapchat Punya Sticker Unik
Tak mau kalah dengan pesaingnya, Snapchat pun memanjakan penggunanya dengan beragam fitur baru, antara lain menghadirkan fitur sticker yang unik.
Ini Nama Phablet Anyar Xiaomi
Xiaomi membuat polling guna memilih nama yang akan disematkan pada perangkat phablet anyarnya. Nah, nama apa yang akhirnya banyak dipilih?
Smart VoLTE, Aplikasi untuk Ponsel Non-VoLTE
Belum banyak perangkat yang mendukung layanan Voice over LTE (VoLTE), namun Smartfren menjawabnya dengan menyiapkan Smart VoLTE. Apa itu?
Kelurahan Terbaik di Jakarta Jatuh Kepada....
Berdasarkan laporan dan kepuasan warga Jakarta, terpilih Kelurahan dan Kecamatan terbaik versi Qlue Indonesia. Siapa kira-kira?
Kwarnas Gerakan Pramuka Surati Kominfo Soal 'Salam Pramuk...
Kwarnas Gerakan Pramuka menyikapi isu yang ramai di sosial media terkait video mesum pelajar beseragam Pramuka yang muncul di Google.
Cobaan e-Commerce Lokal: Pajak Cuma-cuma & Jaminan Keamanan
Di tengah geliat pelanggannya, industri e-commerce lokal tengah mendapat cobaan. Mulai dari isu keamanan sampai pajak cuma-cuma untuk listing gratisan.
Seribu UKM Tanah Abang Jadi Pedagang Digital
Telkom melalui Divisi Business Service membawa sekitar seribu pelaku Usaha Kecil dan Menengah (UKM) Goes Digital di Tanah Abang dengan platform Grosir Bersama.
Balapan Drone Makin Ngehits
Tak sekedar hobi, drone telah menjelma menjadi liga semi-profesional. ESPN pun tertarik untuk menyiarkan balapan drone di berbagai penjuru dunia.