Sabtu, 11 Juni 2011

Anywhere Aplikasi from Twitter Developer for Blogger

Kembali dengan salah satu trick dari master blogger kita bercerita mengenai How to Add Tweet Box to Blogger. Dalam bahasa Indonesia, memasukan salah satu fitur dari web jejaring terkenal yaitu Twitter. Beben Koben si Bloglang anu ganteng kalem tea akan mempermudah cara master bloggerplugins tersebut. Ikuti awal langkah-langkahnya dari sana yah ;)
Untuk menggunakan feature @Anywhere twitter ini, sobat harus sudah membuat yang namanya @Anywhere Application! Jika belum punya silahkan membuatnya terlebih dahuluGRATIS Create an @Anywhere application »
Tidak lain yaitu untuk mendapatkan API KEY or ID. Like this<script src="http://platform.twitter.com/anywhere.js?id=YOUR-UNIQUE-ID-OR-API-KEY" type="text/javascript"></script>Masukan script diatas tag </head>

Kemudian cari tag </body> dan masukin script pemanggil berikut ini

<script type="text/javascript">
//<![CDATA[
twttr.anywhere(function(T) {
T.hovercards();
T('#follow-b2n-twitter').followButton("bebenkoben");
T("#b2n").tweetBox ({
height: 100,
width: 400,
defaultContent: "Follow me!!!"
});

T("#login").connectButton({
authComplete: function(user) {
// triggered when auth completed successfully
},
signOut: function() {
// triggered when user logs out
}
});
});
//]]>
</script>
Ganti bebenkoben dengan account twitter masing-masing. Sok disave dulu deh, semoga saja tidak ada yg error :P
Selalu lakukan Download Full Template terlebih dahulu jika sobat-sobat mau melakukan edit-mengedit dalaman template sekecil apapun itu.Beben Koben
Sekarang urusan memasukan & penempatan kedalam template menggunakan kode HTML. Silahkan lakukan Expand Widget Templates guna mendapatkan proposisi yang dinginkan ;) Setiap template bakal berbeda, namun ada kemiripan. Template sobat sendiri, maka yang tauk ID Uniquenya yaa sobat sendiri ;)) :D
Script pemanggil yg Beben snippet akan menghasilkan 4 buah fitur aplikasi anywhere :-"

User login & signup

Kode HTML yg digunakan<span id="login"></span>This is will be like it

login

Follow buttons

Kode HTML-nya<span id="follow-b2n-twitter"></span>Result like this

follow

Hovercards

Look demo yg ditanam pada blog ini @BebenKoben, @Bloggerplugins, @Anywhere and blabla...
Kita tinggal menggunakan tag @ diikuti dengan account twitter sapa saja maka akan tampil hovercards gaya punya.

Tweet Box

This coded html<div id="b2n"></div>Hasil akan keliatan yg ada dibawah kotak komentar sayah :">

Hanya itu yg bisa Beben kasih kepada kalian. Soalnya kalo mau banyak nanti malah puyeung 7 keliling. Tapi kalo memang minat apa-apa saja yg bisa kita dapet dari membuat aplikasi anywhere monggo dicek pada laman Welcome to @Anywhere dev.twitter.com.
UPDATE
This application will be turned off along with API v1.
https://dev.twitter.com/discussions/10707
https://dev.twitter.com/blog/sunsetting-anywhere
Happy anywhere \m/

Tidak ada komentar:

Posting Komentar