Sabtu, 20 November 2010

Balakutak Posted

Siap-siap nih dengan artikel satu ini!!! Karena Beben si bloglang ganteng kalem tea akan membagikan penulisan² yg mungkin bisa sobat pakai dalam menghiasi blog agar menjadi gaya and full stylish b-) Mungkin bisa jadi kalau mau diterapkan diblog dengan jalan metode Add a GadgetHTML/Javascript :D Pakailah sesuai kebutuhan dengan bijak ;)) Hmmm...seperti embed frame kalender dari G-Mail ini...<iframe src="http://www.google.com/calendar/embed?height=350&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=YOUR-ID-GMAIL%40gmail.com&amp;color=%232952A3&amp;ctz=America%2FNew_York" style=" border-width:0 " width="100%" height="350" frameborder="0" scrolling="no"></iframe>Ganti tulisan berwarna merah dengan account Gmail sobat. Sobat mau membuka secara pop-up kayak begini Try it!, maka kodenya seperti ini<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjfWdcdE2Az9hXISkyzmPVe2epOtwU1XF6Wury9IUlA5QpN3rra4GvkUtm8RGw2JtIRaDueJOh1orArnWdS7EmLyc3YV2NhRDm7Wb9D5-y46XdTTGaQITQ2ZhgsM1E8DizHiKMSwGJ13J3/" onclick="window.open(this.href, 'popupwindow', 'width=500,height=75,scrollbars,resizable'); return false;" title="my banner">Try it!</a>Jika mau menampilkan status terakhir twitter via JSON script, dan tentunya terintegrasi dengan script jQuery 1.4.3
<script type='text/javascript'>
$.getJSON("http://twitter.com/statuses/user_timeline/YOUR-ID-ACCOUNT-TWITTER.json?callback=?", function(data) {
$("#twitter").html(data[0].text);
});
</script>

<div id="twitter"></div>
Jika mau via blogger, sobat bisa melakukan dengan teknik ini juga :D<h2>Recent Tweets</h2>
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/YOURNAME-ACCOUNT-TWITTER.json?callback=twitterCallback2&amp;count=5"></script>
Mau menampilkan gambar supaya ada disebelah links menurut typenya, sobat bisa mengunjungi PoolieStudios. Untuk mendapatkan icon yg gaya punya & full stylish sobat bisa satroni Icons.MySiteMyWayJavascript hari beserta tanggal<script type="text/javascript">
var tgl=new Date()
var nombredia=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var nombremes=new Array("Jan","Feb","Mar","Aprl","Mei","Jun","Jul","Agsts","Sept","Oct","Nov","Des")
document.write(nombredia[tgl.getDay()] + " ")
document.write(tgl.getDate() + " - ")
document.write(nombremes[tgl.getMonth()] + " - ")
document.write(tgl.getFullYear())
</script>
Script Json guna menampilkan IP sobat tercayang ;))
<script type='text/javascript'>
$.getJSON("http://jsonip.appspot.com?callback=?",function(data){
$("#Ip").html( "Your ip: " + data.ip);
});
</script>

<div id='Ip'></div>
jQuery plugin guna mengetahui jenis browseran dan versinya<script type='text/javascript'>
jQuery.each(jQuery.browser, function(i, val) {
$("<div>" + i + " : <span style='color:red'>" + val + "</span>") .appendTo(document.body);
});
</script>
Script Json untuk menampilkan video youtube via account yg mengupload...
<script type="text/javascript">$(function() {
$.getJSON('http://gdata.youtube.com/feeds/users/ID-ACCOUNT-UPLOADER-YOUTUBE/uploads?alt=json-in-script&callback=?&max-results=10', function(data) {
$.each(data.feed.entry, function(i, item) {
var title = item['title']['$t'];
var video = item['id']['$t'];
video = video.replace('http://gdata.youtube.com/feeds/videos/','http://www.youtube.com/watch?v=');
$('#youtube').append('<a href="'+video+'">'+title+'</a> <br/>');
});
});
});
</script>

<div id="youtube"></div>
Script jQuery plug-in disable click (klik kanan pada mouse tidak berfungsi)<script type='text/javascript'>
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
</script>
atau<script type='text/javascript'>
$(document).ready(function()
{
$(document).bind("contextmenu",function(e){
return false;
});
});
</script>
Ada lagi<script type='text/javascript'>
$('*').bind("contextmenu", function(e){ return false; })
</script>
Demikian bagi² penulisan yg mungkin jika sobat BW blon tentu nemuin :)) Balakutak postingan ini mungkin bisa bermanffat bagi kemajuan blog kita tercinta \m/ Seluruh trik penulisan script² diatas terintegrasi dengan script inti
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/></script>
Jadi maksudnya, trik itu akan berfungsi jika ada script disebutkan diatas yah sob :D
Untuk penulisan kode embed flash yg ada di google dan youtube...

Embed flash Google

<object width="100%" height="200" type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docId=ID-XXXXXX" >
<param name="wmode" value="transparent" />
</object>

Embed flash YouTube

<object type="application/x-shockwave-flash" width="100%" height="200" data="http://www.youtube.com/v/ID-XXXXXX&amp;rel=0">
<param name="movie" value="http://www.youtube.com/v/ID-XXXXXX&amp;rel=0"></param>
<param name="wmode" value="transparent"></param>
</object>
See you and happy blogging :-h

GoogleTM

Tidak ada komentar:

Posting Komentar