Langsung ke konten utama

Postingan

Menampilkan postingan dari November 21, 2010

Cara Membuat Buku Tamu/Shoutmix/Cbox Keren

Buku tamu keren ini kayak punya gue yang ada di sebelah kanan dan berada di dinding. 1. Masuk ke Blogger. 2. Klik Rancangan 3. Pilih Elemen Laman 4. Pilih kode html/javascript. 5. Copy paste kan kode berikut: <style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:200px; width:30px; float:left; cursor:pointer; background:url('http://i846.photobucket.com/albums/ab26/arifins/shotmiqq.gif') no-repeat; } .gbcontent{ float:left; border:2px solid #088A08; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x

Cara Mengganti Kursor Dengan Gambar

Mengubah kursor dengan gambar jayaj jursor gue ini caranya gini: 1. Visit http://www.totallyfreecursors.com/ 2. Pilih gambar yang mo ditampilkan. 3. Terus dapetkan kode html nya di bagianMySpace 1.0 Codes ya. 4. Copy kode tsb. 5. Masuk ke blog. 6. Klik Rancangan 7. Klik Elemen Laman 8. Pilih Tambah Gadget 9. Pilih HTML/Javascript 10. Pate kan kode tadi. 11. Simpan. Gampang, kan.

Cara Membuat Slide Show Recent Post

Slide show recent post adalah tampilan recent post ato postingan terbaru dalam bentuk slide. Kayak punya gue yang ada di atas. Caranya mo tau? Cekidot: 1. Klik Rancangan 2. Klik Elemen Laman 3. Tambah Gadget. 4. Pilih HTML/Javascript 5. Copy paste kode berikut: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none;

Internet Jelas, Wawasan Luas

Kita semua tentunya sudah tau, bahwa manusia membutuhkan banyak informasi, dan zaman sekarang informasi itu sering didapat dari internet . Pernyataan ini sama sekali nggak bisa dipungkiri. Artinya, PASTI. Di dalam kepastian akan pentingnya internet , terdapat kata MUNGKIN. MUNGKIN kalau informasi yang dibutuhkan itu adalah informasi positif. Karena, manusia bukan hanya mencari informasi mengenai hal yang positif, tapi juga informasi mengenai hal negatif. Bahkan, bukan hanya informasi positif dan negatif yang didapat dari internet , tapi ada juga hal yang berguna untuk refreshing. Contohnya, seperti game online, dan bagi saya termasuk juga blogging . Hehehehehe... Nah, dari pernyataan saya di atas, menunjukkan bahwa banyak hal yang bisa didapat dari internet . Namun, dari situ juga muncul pertanyaan bagi kamu yang termasuk orang yang nggak bisa nelan semua jenis hal dari internet itu: Bagaimana cara kita protecting diri kita dari informasi yang nggak kita butuhkan di tengah luasnya

Cara Membuat Screen Saver Di Blog

What..? Screen saver? Macem hape aja ya. No..no..no.. Screen saver juga ada di blog. Contohnya kayak di blog gue. Coba aja, biari blog gue ini tanpa disentuh mouse, pasti muncul screen saver. Mo tau caranya? Cekidot 1. Copy paste kode berikut ke notepad: var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,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('<lin

Cara Membuat Toolbar Di Blog

Apa tu toolbar di blog? Macem komputer aja ya. Tapi, toolbar di blog itu adalah seperti yang ada di bawah blog saya ini. Yang ada ikon Tweet nya. Ada ikon Facebook nya. Ada ikon inline nya. Nah, caranya visit http://www.wibiya.com/BasicRegistration.php . Terus, isilah datanya. Abis tu klik ikon" apa aja yang mo ditampilkan. Oke. Ngerti, kan?  Kalo gak ngerti, gue gak tau lagi mo bilang apa... Hehehehehe....

Cara Membuat Vertical Sliding Info Panel With jQuery

Apa itu Vertical Sliding Info Panel With jQuery? Ini kayak yang ada di kiri atas blog gue. Yang ijo" terus ada kata Imran itu, lho. Mau tau caranya? Oke langsung saja berikut ini : Langkah 1 Login ke Blogger Langkah 2 Masuk ke "Tata Letak - Edit HTML" Langkah 3 Klik "Expand Template Widget" Langkah 4 Cari kode di bawah ini: ]]></b:skin> Langkah 5 Masukan (copy paste) kode dibawah ini diatas kode pada langkah 4: .panel{position:fixed;top:20px;left:0;background:#000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:1px solid #444;width:330px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:30px 30px 30px 100px} .panel p{color:#ccc;margin:0 0 15px;padding:0} .panel a,.panel a:visited{color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0} .panel a:hover,.p

Aplikasi Marquee

Ini adlah trik untuk membuat teks pada postingan menjadi bergerak, seperti: Muhammad ALi Imran =>http://ma-imran.blogspot.com Caranya adalah: Silahkan buka postingan kamu. Terus di samping kata 'Compose' ada Edit HTML, kan. Nah, disitu kamu tulis kode berikut: <marquee direction="left" scrollamount="4"><font color="black" face="broadway" size="3"> teks atau tulisan yang ingin ditampilkan </font> </marquee> Gampang, kan.. Gue cuma berbagi ilmu aja... sumber: www.oktri.co.cc