Change your scrool Bar

Hoooooaaaamm..... ! 

dah lama vacum cleaner eh maksudnya vacum ngeblog nongol lagi ah ... makiin canggih aja nih perkembangan blogger. Kali ini mw posting apa yah ?? 

Oh iya ... ! guys sepertinya sekarang tampilan scrool bar Ko mulai kuno ya ? gemana klo kita ganti aja dengan model baru. Gapang ko caranya ... Dah q coba sendiri juga nih.

Lets GO ...!!!!

Pertama cari dlu ni code ini

]]><//b:skin>

Dah ketemu guys ?? Lo udah langsung ke biang keladinya. Copas aja code berikut sebelum kode di atas tadi.

::-webkit-scrollbar {

width: 13px;
background: #000000;
-webkit-border-radius:10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #0000CD;
-webkit-border-radius:10px;
border-radius: 10px;

}

Ganti aja warna warna ntu .. oke ... :) 

Mari berbagi ... 

Sumber : di sini

Read more

Membuat POP UP Chat box Unik

Kelaman mw nulis capek ah langsung ajah ke tutorial ...OK.
Nah untuk permulaan siapkan gambar untuk backgroundnya utamanya, dan juga untuk Open imagenya sekalian yah lo ga mau bikin pake ini ajah tak mengapa.

+ Background utama



+ Buttonya



Nah kodenya ini langsung copas ajah ke add widget. (dah tahu kan caranya add widget?)
Jangan ke HTML dah aq set di widget ajah biar enak tinggal copas ato edit2 dikit.


<!-- Start Ajax Popup Shoutbox by -->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>

$(document).ready(function() {

//select all the a tag with name equal to modal

$('a[name=modal]').click(function(e) {

//Cancel the link behavior

e.preventDefault();

//Get the A tag

var id = $(this).attr('href');

//Get the screen height and width

var maskHeight = $(document).height();

var maskWidth = $(window).width();

//Set heigth and width to mask to fill up the whole screen

$('#mask').css({'width':maskWidth,'height':maskHeight});

//Get the window height and width

var winH = $(window).height();

var winW = $(window).width();
//Set the popup window to center

$(id).css('top', winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);



//transition effect

$(id).fadeIn(2000);

});

//if close button is clicked

$('.window .close').click(function (e) {

//Cancel the link behavior

e.preventDefault();

$('#mask').hide();

$('.window').hide();

});
//if mask is clicked

$('#mask').click(function () {

$(this).hide();

$('.window').hide();

});
});

</script>

<style>

img { border: none; }

#mask {

position:absolute;

left:0;

top:0;

z-index:9000;

background-color:#000;

display:none;

}



#boxes .window {

position:fixed;

left:0;

top:0;

width:440px;

height:200px;

display:none;

z-index:9999;

padding:20px;

}

#boxes #wanhazelshoutbox {

background:url(http://3.bp.blogspot.com/-KSMW3NyROsY/Tk8inyDC4cI/AAAAAAAAAsU/ukIl_HCErhA/s1600/Shoutbox.png) no-repeat 0 0 transparent;

width:452px;

height:460px;

padding:56px 0 50px 5px;

}

#closesb {

padding:0px 0 0 2px;}

.close{


width: 42px;
height: 42px;
border:display none;
}

#author {

padding:8px 0 0 2px;

}

#pojokkanan {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
</style>
<div id="pojokkanan">
<ul><center> <a href="#wanhazelshoutbox" name="modal"><img src="http://2.bp.blogspot.com/-id3FRhZoTSw/Tk8g8Q23MqI/AAAAAAAAAsM/hi-c_mdmLAg/s1600/open.png" width="100px"
height="100px" border="0" /></a> </center> </ul></div>

<div id="boxes">

<!-- Start Shoutbox -->

<div id="wanhazelshoutbox" class="window">


<!-- CHAT BOX DI SINI -->
<center>

<br /><br /><br />
<div><iframe frameborder="0" width="350" height="75" src="http://www4.cbox.ws/box/?boxid=3440191&amp;boxtag=8wsnse&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#B7B7B7 1px solid;border-top:0px" id="cboxform"></iframe></div>
<div><iframe frameborder="0" width="350" height="250" src="http://www4.cbox.ws/box/?boxid=3440191&amp;boxtag=8wsnse&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#B7B7B7 1px solid;" id="cboxmain"></iframe></div>
</center>

<!-- End CHAT BOX DI SINI -->

<div id="author">
<div id="closesb"><input type="image" src="http://3.bp.blogspot.com/-jMgyFVOY3dw/Tk8nd1naOVI/AAAAAAAAAsk/nj5SI_yZwHY/s1600/closeee.png" class="close" /> </div>
</div></div><!-- End of Ajax Shoutbox -->



<div id="mask"></div></div>

<!-- End of Ajax Popup Shoutbox-->

Nah langsung saja di copas tuh ... InsyaAllah Jadi.
Haduh di warnain yang perlu di edit malah ga jalan nih.

Yah pokoknya yang aq kasih tanda edit (chat box di sini) nah ganti tuh chat boxnya dengan chat box kalian.

Previunya liat blokq ini.Woke..! salam blogger..

Read more

Membuat Energy Saving Mode / Istilah lainnya Screen Saver Di blog

(previewnya bisa di coba di blog ini) Nah mungkin sekarang banyak blog yang sering menggunakan Script ini, untuk tampilan Energy Saving Mode seperti di Laptop. Nah langsung saja lihat previewnya. Blog ini juga sudah di pasang script itu bisa dilihat, caranya pindah ke tab situs lain setelah beberapa saat buka kembali blog ini. Nah apa yang anda dapatkan tentu muncul Screen Hitam transparant seperti Energy Saving Mode pada Laptop.

Ok langsung saja saya bagi scriptnya

Letakkan script ini di antara code <head>DI SINI</head>

Paste saja code ini

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

Nah jika anda kurang puas dengan tulisan yang ada dalam script itu, anda bisa mengeditnya dan mengapload ulang code tersebut. Ini codenya :

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><p>Energy saving mode<br /><span>Move your mouse to go back to the page.</span></p><div id="copyrightOnlineLeaf">Follow <font style="color: #666666; size: 14px;">twitter.com/OnlineLeaf</font><br />Copyright 2011 <font style="color: #666666;">OnlineLeaf.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Simpan dengan extensi .JS

Mudah kan ... Oke selamat mencoba.

Dari berbagai sumber.

Read more

Membuat Icon / Widget Twitter Burung Terbang

Lagi browsing nemu yang unik unik, kali ini mw share ajah ni cara bikin widget unik. Widgetnya yaitu burung yang bisa terbang alias link twitter gitu.
Pada saat browsing ada 2 versi yanh semuanya sama si fungsinya. Ok
yang pertama

<script type="text/javascript" src="http://kangdadang.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://lh4.googleusercontent.com/-bf-9emzQDPw/TW-GN51FkjI/AAAAAAAAASM/MLKWWIn_U1s/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div",
"input","textarea","button","select","ul","ol","li","h1","h2","h3",
"h4","p","code","object","a","b",
"strong","span"); var twitterAccount = "URL_TWITTER_ANDA";var tweetThisText = "Twitter - ID_TWITTER_ANDA";tripleflapInit();
</script>

Keterangannya :
URL TWITTER : di isi "http://twitter.com/umarsandi"
ID TWITTER : di isi " @umarsandi"

Yang Kedua
<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/akuntwittersobat" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

Nah ganti aja account twitternya 'N beres deh

Med mencoba yah .... :D

Dari berbagai sumber Satu, dua

Read more

Mempercantik Blog dengan JS Collector

Sebenarnya ini sudah sering dipublikasikan, namun ini dengan versi saya sendiri ingin mencoba menjelaskan lagi secara gamblang jika bisa.
Secara mudahnya JS Collector ini merupakan kumpulan JavaScript yang sudah disesuaikan penggunaanya dan penempatannya. Misakan pada penempatan header, body, ataupun pada tag - tag yang lainnya.

Sebelumnya jika ingin mendownload bisa klik di sini

Penjelasannya ...

1. HIJAU : Ini berisi berbagai macam java script yang tersedia.
2. BIRU : pada box ini berarti penempatan java script berada antara tag head
3. MERAH : pada box ini berarti penempatan java script pada  tag body 
4. KUNING : pada box ini berarti penempatan JS antara tag body
5. UNGU : pada bos ini hanya berupa keterangan tambahan code lainya

Nah biasanya ada Javascript yang tidak hanya bertempat di salah satu tag saja tapi berduet dengan yang lain hehe,,, maksudnya ada yang di antara head terus di body sekaligus tergantung JS apa yang kita gunakan.

Kita juga bisa menambahkan JS yang lain pada JS collector kita sendiri untuk back up kita.

Nah segitu dulu, mudah2an semuanya paham deh ... dan bisa berkreasi dengan Javascript yang bermacam - macam... Amin ... 

Salam Blogger,!

Read more

Cara membuat mbah google berantakan

Tips lucu dari kaskus nih ... 
sekedar share aja  ... 
ni caranya ke tkp

1. Buka www.google.co.id
2. Ketik " google gravity " ( tanda petik di hilangkan ) di kolom pencarian
3. Trus, klik Saya Lagi Beruntung/ I'm Feeling Lucky
ni gambarnya

coba juga

2. Google Sphere
3. Google Pacman
4. Epic Google
5. Rainbow Google
6. Google Mirror
7. Google Loco
8. Google Gothic
9. Google Easter Eggs
10. Google Hacker
11. Google maps

Read more

Cara Membuat Applikasi Facebook (App. Update Status)

Artikel kali ini akan mengulas tentang bagaimana cara membuat Applikasi facebook, khususnya Applikasi untuk meng update status via bla..bla...bla.... Mengapa via bla... bla ... bla... ?

Mungkin diantara temen-temen blogger pernah melihat update status melalui macam-macam jenis, ada yang melalui HP Kreditan, Web HP Jadul, Bisikan Syaitan Dll. Silahkan lihat gambar di bawah ini :






Untuk membuat applikasi tersebut, kamu bisa mengikuti langkah-langkah berikut :
1. Download kodenya terlebih dahulu DISINI
2. Login ke akun facebook
3. Klik http://facebook.com/developers/createapp.php, kamu akan menuju halaman berikut : (lihat gambar)



4. Tulis nama applikasi, kemudian pilih "setuju" dan klik "Buat Applikasi Baru". Masukan kode verifikasi ke dalam kotak :



5. Lihat ke menu yang ada di sebelah kiri, pilih "Web Site"



6. Cari kode script berikut (kode script yang telah kamu download) : 
<?php ("mobile.php");?>

<?php

$api_key = "masukan kunci API Anda";
$secret = "masukan kunci rahasia applikasi Anda";


Masukan kode API dan Kode Applikasi Rahasia tersebut.

7. Upload kode script tadi (yang telah di edit) ke hosting milik kamu.

8. Klik menu "Facebook Integration"


9. Silahkan masukan nama halaman kanvas milik kamu (bebas/terserah kamu)

10. URL Kanvas adalah alamat URL tenpat menyimpan kode script yang telah kamu upload di hosting, contoh : http://hostingkamu.com/kode_aplikasi.php/

11. Pilih FBML

12. Klik "Simpan Perubahan"

13. Selesai.

Berikut ini adalah contoh applikasi yang telah jadi
Update melalui My BlackBerry
Update melalui HP Kreditan
Update melalui Bisikan Syaitan
Demikian dari saya ...


sumber : http://ahhi82.blogspot.com/2010/08/cara-membuat-applikasi-facebook-app.html 

Read more

SOAL MID SEM EKONOMI KELAS XI

Soal ekonomi buat HAKIM .. 
klik DOWNLOAD

Read more