Minggu, 15 Maret 2009

EFEK OPENING 4

Okay langsung saja teman-teman, karena begitu banyak yang bertanya kepada saya tentang bagaimana memasang efek opening windows yang berputar mengelilingi layar saat pertamakali halaman blog terbuka seperti contoh pada blog ini, Nih jawabannya... silahkan di coba, dan akan saya beri cara yang gampang-gampang saja O.K? Seperti biasa silahkan anda masuk Account blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==> Centang "EXPAND TEMPLATE WIDGET" Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP". Kemudian anda Copy kode dibawah ini : <script type='text/javascript'> /* Edited By : Andreas fafandreo on 28th October 2008 */ /* For support and information please e-mail to : aroel1833@yahoo.co.id */ //<![CDATA[ scrW=screen.availWidth scrH=screen.availHeight window.resizeTo(10,10) window.focus() for(a=0;a<80;a++){ window.moveTo(0,0) window.resizeTo(0,scrH*a/80) } window.resizeTo(0,0) for(b=0;b<80;b++){ window.moveTo(0,scrH/1) window.resizeTo(scrW*b/80,0) } for(c=0;c<80;c++){ window.moveTo(scrW/1,scrH/1) window.resizeTo(0,scrH*c/80) } for(d=0;d<80;d++){ window.moveTo(scrW/1,0) window.resizeTo(scrW*d/80,0) } for(e=0;e<80;e++){ window.resizeTo(scrW*e/80,scrH*e/80) } window.moveTo(0,0) window.resizeTo(scrW,scrH) //]]> </script> lalu Paste kode tersebut tepat di bawah kode : <head> setelah anda paste pada posisinya, Sebelum anda klik tombol Save/simpan perubahan silahkan lakukan Preview/pratinjau terlebih dahulu. Jika masih terdapat pesan Error, itu berarti anda harus mem-PARSE kode tersebut, cara parse sudah pernah saya posting disini, atau anda bisa membacanya disini, atau anda bisa langsung menuju ke situs penyedia jasa PARSE dengan klik disini atau disini. Kemudian Copy hasil PARSE tersebut dan pastekan pada posisi semula yaitu dibawah kode : <head> Nah setelah semua kode PARSE tersebut di pasang dengan benar, sepertinya sekarang sudah tidak terjadi masalah lagi kan ? Silahkan anda lakukan Preview/pratinjau kembali. Dan jika berhasil, silahkan anda klik tombol Save/simpan perubahan !! Namun jika efek ini masih balum bekerja, silahkan anda ikuti langkah alternatif dibawah ini yang tetap mudah dan gampang coy !! Masuk ke Layout/tataletak==> Tambah Gadget==> pilih HTML/JAVASCRIPT, kemudian paste kode tersebut didalamnya (JANGAN DI PARSE !!)dan klik tombol Save/simpan o.k? Jangan lupa sahabat, karena kita menginginkan agar efek ini beraksi saat halaman blog kita dibuka untuk pertama kali, maka letakkan gadget ini (HTML/JAVASCRIPT) pada posisi Paling atas diantara gadget yang lain, karena pihak blogger akan selalu membaca data blog kita dari atas kebawah. Dan pesan saya, silahkan anda tambahkan kode Javascript sesuai dengan kebutuhan anda saja, jangan terlalu berlebih !! Coz pihak Google/mesin pencari sebetulnya kurang begitu menyukai (Benci ??) kode-kode javascript yang ada pada website/blog, yang terkenal kurang Familier bahasa dan penulisannyagarupale, dan karena itu pula sering kali saat kita akan memasang kode javascript pada halaman blog, kita dipaksa untuk mem-PARSE kode tersebut terlebih dahulu. Iya kan ? Nah mungkin ini saja untuk malam ini. Selamat malam sahabat......, kunci pintu dan tutup jendela anda rapat-rapat !! dan selamat beristirahat !! Keep posting for our earth !!

Read more

KALENDER PADA TAB BROWSER

Uffhh.. akhirnya.. setelah beberapa hari ini saya ga posting ILMU satu-pun.. akhirnya hari ini saya menulis posting juga !! Ini adalah hasil dari beberapa kali eksperimen yang saya lakukan dari beberapa temuan kode javascript yang cukup membuat kepala nyut-nyut dan nyit-nyit !!tension dan "BUKAN karena KEBETULAN" pula, kode-kode tersebut akhirnya bisa digunakan untuk blogger/blogspot. Nah... ditengah malam ini, saya akan memberikan satu Aksesori lagi (karena dari awal, komitmen saya adalah membuat blog dengan content Aksesoris). Dan kali ini saya akan memberikan cara untuk "Menambahkan Penunjuk Waktu" yang berada pada tab browser seperti contoh disini atau disini, kelihatan ga? kelihatan lah ! Karena beberapa waktu yang lalu saya pernah mem-posting artikel tentang "Membuat tulisan berjalan pada tab browser" sudah pernah baca kan ? kalau belum silahkan anda baca disini atau disini. Dan bagi yang berminat dengan tip's yang akan saya berikan ini, bisa langsung di praktekkan. Seperti biasa silahkan anda masuk Account/akun Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Edit HTML ==> Centang "Expand template Widget" Jangan lupa lakukan backup dengan cara "Download template lengkap" buat berjaga-jaga okay ? Nah sekarang silahkan anda Copy kode-1 dibawah ini : <script language="javascript"> <!-- Edited by: ANDREAS FAFANDREO at : 15th march 2009 --> <!-- For Indonesia user only --> <!-- var month= new Array(); month[0]="Januari"; month[1]="Februari"; month[2]="Maret"; month[3]="April"; month[4]="Mei"; month[5]="Juni"; month[6]="Juli"; month[7]="Agustus"; month[8]="September"; month[9]="Oktober"; month[10]="November"; month[11]="Desember"; var day= new Array(); day[0]="Minggu"; day[1]="Senin"; day[2]="Selasa"; day[3]="Rabu"; day[4]="Kamis"; day[5]="Jum'at"; day[6]="Sabtu"; today = new Date(); dtStr = today.getDate(); dyStr = (day[today.getDay()]); mthStr = (month[today.getMonth()]); yrStr = today.getFullYear(); gmt = today.toGMTString(); exp = gmt; suf=""; if (dtStr==1 || dtStr==21 || dtStr==31) {suf="";} if (dtStr==2 || dtStr==22) {suf="";} if (dtStr==3 || dtStr==23) {suf="";} date="Sekarang : " + dyStr + ", " + dtStr + suf + " " + mthStr + ", " + yrStr; function sivamtime() { now=new Date(); hour=now.getHours(); min=now.getMinutes(); sec=now.getSeconds(); if (min<=9) { min="0"+min; } if (sec<=9) { sec="0"+sec; } if (hour>12) { hour=hour-12; add=" p.m"; } else { hour=hour; add=" a.m"; } if (hour==12) { add=" p.m"; } if (hour==00) { hour="12"; } time = " - " + ((hour<=11) ? "0"+hour : hour) + ":" + min + ":" + sec + add; document.title = date + time; setTimeout("sivamtime()", 1000); } // --> </script> Lalu paste tepat dibawah kode : <head> Supaya ga bingung cari kode <head> silahkan gunakan CTRL+F okay ?? Nah.. setelah anda paste kode diatas, sekarang ikuti langkah yang ke-2 berikut ini : Cari (Ctrl+f) kode dibawah ini : <body> Nah !! kalau sudah ketemu, lalu ganti kode <body> tersebut sehingga menjadi seperti ini : <body onLoad="sivamtime()"> Nah kalau sudah diganti, silahkan anda lakukan "PREVIEW/pratinjau" terlebih dahulu. Jika masih terdapat pesan error, itu berarti seperti biasa, anda harus mem-PARSE Kode-1 dahulu agar bisa diterima oleh abang Blogspot ya ? Cara PARSE sudah pernah saya posting disini, atau anda bisa membacanya disini, atau anda bisa langsung menuju situs penyedia jasa PARSE dengan klik disini atau disini. Nah kalau sudah di PARSE, silahkan anda copy kode hasil PARSE tersebut dan paste pada posisi yang sama. Dan lakukan Preview/pratinjau kembali. Jika anda sudah bisa melihat tab browser anda telah terisi oleh penunjuk waktu, berarti anda sudah berhasil, dan sepertinya sekarang anda sudah boleh untuk meng-klik tombol Save/simpan perubahan ! Oh ya hampir lupa, penunjuk waktu ini berlaku untuk Indonesia saja, karena Nama Bulan sudah berbahasa Indonesia kan ? Akan tetapi jika anda ingin penunjuk waktu ini berbahasa inggris, silahkan anda ganti Nama-nama Bulan pada kode-1 diatas dengan bahasa inggris, kalau ingin menggunakan bahasa perancis, ya ganti aja pake bahasa perancis, atau kalau mo pake bahasa JIN, silahkan anda ganti juga pake bahasa JIN juga !!garupale Silahkan dicoba ya ? karena posting berikutnya sudah mengantri untuk di muat... !! Selamat ber-MALAM MINGGU-an saudaraku semua !!menari

Read more

Rabu, 11 Maret 2009

EFEK OPENING 5

Saya kasih nama begitu untuk efek pembuka yang satu ini sesuai dengan urutan yang ada pada album kode script saya hehe...jelir Sebelumnya silahkan anda lihat dulu tampang opening ini disini atau disini. Jika kalian tertarik, silahkan anda ikuti petunjuk dibawah ini : Masuk Account blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Edit HTML==> centang "EXPAND TEMPLATE WIDGET" dan lakukan backup dengan download lengkap template. Lalu copy kode berikut ini : <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:red; background-color:white; border:0.1px solid red; z-index:10; } --> </style> Dan paste di bawah kode : <head> Keterangan : Warna merah : Warna layer, silahkan anda ganti dengan layer kesukaan anda Warna Biru : Border/ garis tepi, silahkan di ganti dengan garis warna anda sendiri (solid, dot dll) Warna kuning : Silahkan anda ganti dengan warna background favorit anda Setelah dipaste, silahkan anda Copy kode ke-2 dibawah ini : <div id="p1" class="intro"></div> <div id="p2" class="intro"></div> <div id="p3" class="intro"></div> <div id="p4" class="intro"></div> <div id="p5" class="intro"></div> <div id="p6" class="intro"></div> <div id="p7" class="intro"></div> <div id="p8" class="intro"></div> <div id="p9" class="intro"></div> <div id="p10" class="intro"></div> <div id="p11" class="intro"></div> <div id="p12" class="intro"></div> <div id="p13" class="intro"></div> <div id="p14" class="intro"></div> <div id="p15" class="intro"></div> <div id="p16" class="intro"></div> <div id="p17" class="intro"></div> <div id="p18" class="intro"></div> <div id="p19" class="intro"></div> <div id="p20" class="intro"></div> <div id="p21" class="intro"></div> <div id="p22" class="intro"></div> <div id="p23" class="intro"></div> <div id="p24" class="intro"></div> <div id="p25" class="intro"></div> <script> /* Boxing-away Script- By Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var espeed=300 var counter=1 var temp=new Array() var temp2=new Array() var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 ////////Code for Netscape NS 4+//// if (ns4){ for (i=1;i<=25;i++){ temp[i]=eval("document.p"+i+".clip") temp2[i]=eval("document.p"+i) temp[i].width=window.innerWidth/5 temp[i].height=window.innerHeight/5 } for (i=1;i<=5;i++) temp2[i].left=(i-1)*temp[i].width for (i=6;i<=10;i++){ temp2[i].left=(i-6)*temp[i].width temp2[i].top=temp[i].height } for (i=11;i<=15;i++){ temp2[i].left=(i-11)*temp[i].width temp2[i].top=2*temp[i].height } for (i=16;i<=20;i++){ temp2[i].left=(i-16)*temp[i].width temp2[i].top=3*temp[i].height } for (i=21;i<=25;i++){ temp2[i].left=(i-21)*temp[i].width temp2[i].top=4*temp[i].height } } function erasecontainerns(){ window.scrollTo(0,0) var whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 if (temp2[whichcontainer].visibility!="hide") temp2[whichcontainer].visibility="hide" else{ while (temp2[whichcontainer].visibility=="hide"){ whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 } temp2[whichcontainer].visibility="hide" } if (counter==25) clearInterval(beginerase) counter++ espeed-=10 } ////////End code for NS 4+//////// ///////////Code for IE 4+ and NS6///////// if (ie4||ns6){ var containerwidth=ns6?parseInt(window.innerWidth)/5-3 : parseInt(document.body.clientWidth/5) var containerheight=ns6?parseInt(window.innerHeight)/5-2 : parseInt(document.body.offsetHeight/5) for (i=1;i<=25;i++){ temp[i]=ns6?document.getElementById("p"+i).style : eval("document.all.p"+i+".style") temp[i].width=containerwidth temp[i].height=containerheight } for (i=1;i<=5;i++) temp[i].left=(i-1)*containerwidth for (i=6;i<=10;i++){ temp[i].left=(i-6)*containerwidth temp[i].top=containerheight } for (i=11;i<=15;i++){ temp[i].left=(i-11)*containerwidth temp[i].top=2*containerheight } for (i=16;i<=20;i++){ temp[i].left=(i-16)*containerwidth temp[i].top=3*containerheight } for (i=21;i<=25;i++){ temp[i].left=(i-21)*containerwidth temp[i].top=4*containerheight } } function erasecontainerie(){ window.scrollTo(0,0) var whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 if (temp[whichcontainer].visibility!="hidden") temp[whichcontainer].visibility="hidden" else{ while (temp[whichcontainer].visibility=="hidden"){ whichcontainer=Math.round(Math.random()*25) if (whichcontainer==0) whichcontainer=1 } temp[whichcontainer].visibility="hidden" } if (counter==25){ clearInterval(beginerase) if (ns6){ for (i=1;i<26;i++) temp[i].display="none" } } counter++ espeed-=10 } /////////End IE 4+ code//////// if (ns4) beginerase=setInterval("erasecontainerns()",espeed) else if (ie4||ns6){ beginerase=setInterval("erasecontainerie()",espeed) } </script> Dan paste di bawah kode : <body> lalu klik Save/simpan perubahan.. !! Jika masih terdapat pesan error, seperti biasa anda harus mem-PARSE semua kode diatas, baik kode-1 atau kode ke-2, Cara PARSE bisa anda baca disini atau disini, atau anda bisa langsung menuju website penyedia PARSE dengan klik disini atau disini. dan pastekan masing-masing hasil PARSE tersebut pada lokasi yang telah ditentukan. baru kalian boleh klik tombol Save/simpan perubahan. Selamat mencoba !!

Read more

DROPDOWN MENU LAGI

O.k sahabat semua....... setelah berhari-hari ga posting, hari ini saya akan memberikan tip's hasil jalan-jalan saya ke dynamicdrive, penyedia layanan javascript yang lumayan komplit dan telah saya uji alias teruji dan bergaransi berhasil 100% oleh saya. Dan kali ini saya akan memberikan trik untuk membuat Dropdown menu sederhana yang menurut saya cukup efektif untuk memasang alamat-alamat link yang ingin anda tambahkan pada blog anda seperti yang terlihat pada halaman ini . Ocree... jika anda tertarik untuk memasangnya silahkan ikuti langkah berikut ini : Masuk account blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Edit HTML dan jangan lupa centang "EXPAND TEMPLATE WIDGET" Lakukan Backup dengan "Download lengkap Template" Lalu copy kode berikut ini : <style type="text/css"> .menutitle{ cursor:pointer; margin-bottom: 5px; background-color:#ff0000; color:#ffffff; width:165px; padding:2px; text-align:center; font-weight:bold; /*/*/border:1px solid #000000;/* */ } .submenu{ margin-bottom: 0.5em; } </style> <script type="text/javascript"> var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css">n') document.write('.submenu{display: none;}n') document.write('</style>n') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } } function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue } if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> Dan Paste di bawah kode : <head> (Supaya cari kode <head> ga susah, gunakan ctrl+F ya ?) Keterangan : Warna Merah : Silahkan anda ganti background heading-nya sesuai selera anda sendiri Warna biru : Warna font/huruf ,silahkan anda ganti sesuai keinginan anda. Warna kuning : Lebar bidang/object, silahkan anda sesuaikan. Setelah anda paste, jangan lupa untuk klik tombol Save/simpan perubahan!. Jika masih terdapat pesan error, seperti biasa anda harus mem-PARSE kode diatas, dan pernah saya posting cara mem-PARSE lho !! anda bisa membacanya disini atau disini, atau anda bisa langsung menuju website tempat PARSE disini atau disini, lalu copy hasil PARSE tersebut dan paste ditempat yang sama yaitu di bawah kode : <head> Nah, sekarang kayaknya sekarang sudah ga ada lagi error kan ? Nah kalau sudah ga ada masalah, sekarang anda klik tombol Save/simpan perubahan o.k ? Kemudian untuk menampilkan Dropdown menu tersebut ditempat yang anda inginkan, silahkan anda masuk ke Layout/tataletak, dan pilih "Tambah Gadget" kemudian pilih HTML/JAVASCRIPT dan pastekan kode dibawah ini : <!-- Keep all menus within masterdiv--> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">CONTENT 1</div> <span class="submenu" id="sub1"> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> </span> <div class="menutitle" onclick="SwitchMenu('sub2')">CONTENT 2</div> <span class="submenu" id="sub2"> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://pojokjeruklegi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> </span> <div class="menutitle" onclick="SwitchMenu('sub3')">CONTENT 3</div> <span class="submenu" id="sub3"> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> </span> <div class="menutitle" onclick="SwitchMenu('sub4')">CONTENT 4</div> <span class="submenu" id="sub4"> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> </span> <div class="menutitle" onclick="SwitchMenu('sub5')">CONTENT 5</div> <span class="submenu" id="sub5"> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> - <a href="http://kawungantenberbagi.blogspot.com"target="_new">..::KAWUNGANTENBERBAGI::..</a><br> </span> </div> Keterangan : Warna Merah : silahkan anda ganti dengan alamat halaman link yang ditampilkan. Warna Biru : silahkan anda ganti dengan Nama link yang akan di tampilkan. Warna Kuning : Silahkan anda ganti nama menu pada heading masing-masing content. Nah... kalau kode yang ke-2 tersebut sudah di paste dan di ganti sesuai selera kalian, silahkan anda klik Save/simpan perubahan. dan Lihat Hasilny brother.. !! Sekarang kalian sudah memiliki Dropdown menu sederhana yang berfungsi untuk membuat daftar alamat-alamat link agar tidak terlihat acak-acakan pada blog kalian ocre ?

Read more