Home » , , » Membuat Twitter Scroll Box jQuery

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 comments:

Post a Comment

Visitor

RECENT POSTS

Followers