Terima kasih telah mengunjungi blog ini muda-mudahan dengan adanya isi blog ini berguna bagi kita sobat blogger.................SALAM PERSAHABATAN

Minggu, 08 Mei 2011

membuat twitter scroll box jQuery

 Nah ini dia yang ditunggu tunggu oleh sobat blogger, kali ini saya akan mempostingkan bagaimana cara membuat twitter scroll box jQuery, dengan adanya twitter scroll box ini status twitter kalian bisa muncul di blog. Masih banyak twitter box yang lain tapi kali ini sangat berbeda yaitu dengan efek jQuery yaitu dan penambahan toolip contohnya bisa kalian lihat di blog demo jaya disini
Tertarik untuk memasang widget ini? oke langsung saja ikuti caranya sebagai berikut:

* Seperti biasa kalian login ke blogger terlebih dahulu
* Masuk ke Rancangan dan Masuk ke Edit HTML
* Tekan F3 dan cari kode <head> letakan kode jQuery dibawah ini diatas atau sebelum kode <head>

<link href='https://sites.google.com/site/jayablogdemo/tweet-1/jquery.jtweetsanywhere-1.2.1.css' media='all' rel='stylesheet' type='text/css'/>
<link href='https://sites.google.com/site/jayablogdemo/tweet-1/stylesheet.css' media='all' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/jayablogdemo/tweet-1/jquery-1.4.2.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/jayablogdemo/tweet-1/jquery.jtweetsanywhere-1.2.1.min.js' type='text/javascript'/>

* Kalau sudah simpan template kalian
* Setelah itu pergi ke  Elemen Laman
* Copy dan pastekan kode dibawah ini di dalam gadget HTML/JavaScript
* Caranya tambah gadget dan pilih HTML/JavaScript

 <div id="jTweetsAnywhereEndlessScrollingSample">
</div>

<script type="text/javascript">
$('#jTweetsAnywhereEndlessScrollingSample').jTweetsAnywhere({
    username: 'twitter',
    count: 10,
    showTweetFeed: {
        showProfileImages: true,
        showUserScreenNames: true,
        paging: {
            mode: 'endless-scroll'
        }
    },
    onDataRequestHandler: function(stats) {
        if (stats.dataRequestCount < 11) {
            return true;
        }
        else {
            alert("To avoid struggling with Twitter's rate limit, we stop loading data after 10 API calls.");
        }
    }
});</script>
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=ZSO1guB57M6u0lm4cwqA&v=1"></script>

* Dan langkah terakhir ganti username twitter dengan username twitter kalian masing masing
* Dan angka 10 bisa diganti sesuai selera kalian masing masing, ini fungsinya seberapa banyak status twitter yang akan ditampilkan pada scroll box
* Simpan dan lihat hasilnya kalau ada yang kurang jelas bisa comment

0 komentar:

Posting Komentar

◄ Posting Baru Posting Lama ►
 

Follows

DMCA.com

Special Song


Iklan Melayang
Iklan Melayang
Flag Counter
blog sementara di renofasi untuk sementara aja TNK"S