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
Ganti bebenkoben dengan account twitter masing-masing. Sok disave dulu deh, semoga saja tidak ada yg error :P<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>
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 :-"
Kita tinggal menggunakan tag @ diikuti dengan account twitter sapa saja maka akan tampil hovercards gaya punya.
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 itFollow buttons
Kode HTML-nya<span id="follow-b2n-twitter"></span>Result like thisHovercards
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.
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/
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('.box_container').hover(function(){
var width = $(this).outerWidth() / 2;
$(this).find('.left').animate({ right : width },{queue:false,duration:300});
$(this).find('.right').animate({ left : width },{queue:false,duration:300});
}, function(){
$(this).find('.left').animate({ right : 0 },{queue:false,duration:300});
$(this).find('.right').animate({ left : 0 },{queue:false,duration:300});
});
});
//]]>
</script>
<style>
.box_container {
position: relative;
width: 300px;
height: 225px;
overflow: hidden;
background: #333;
color: #ff0;
text-align: center;
cursor: help;
}
.images_holder {
position: absolute;
}
.image_div {
position: relative;
overflow: hidden;
width: 50%;
float: left;
}
.right img {
margin-left: -100%;
}
.clear {
clear: both;
}
</style>
<div class='box_container'>
<div class='images_holder'>
<div class='image_div left'>
<img class='box_image' src='http://hosting.gmodules.com/ig/gadgets/file/116495266976257712756/prodigy-of-head.jpg' style='width:300px'/>
</div>
<div class='image_div right'>
<img class='box_image' src='http://hosting.gmodules.com/ig/gadgets/file/116495266976257712756/prodigy-of-head.jpg' style='width:300px'/>
</div>
</div>
Ini address link blog akyuh
http://beben-koben.blogspot.com/
Kunjungi selalu yaaa ... \m/
</div>