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 Gadget ► HTML/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/AVvXsEjarHZFFp9wKEqNUAEbOhaIjK6BkHLl9EFBmPZA45zdIFxa37Fa0SrD7RWDnzCu9EB5nrT0CC8UyIiZs2r0t0Oyy0_DOg5wq7q7RLE_-PShHq4fQ0psyfok4sN1JLDqocaHSxybBIgbq-7P/" 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

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 . Untuk mendapatkan icon yg gaya punya & full stylish sobat bisa satroni Javascript 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 ;))

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

Google^TM