google blog's cendikia

google blog's cendikia Game Blog | Created By Www.BestTheme.Net

  • RSS
  • Delicious
  • Facebook
  • Twitter

Popular Posts

ZOEL FAHMY
Nidji-SANG MANTAN
AzZ MreN

My Aquarium

Ingat Masa

Visitor

Thumbnail Recent Post

seragam putri darunnajah cipining

inilah muslim

Pembekalan Para Laki-laki SMKDA

Pada waktu itu anak smkda di beri pembekalan untuk berpraktek di dunia kerja

Perpustakaan Menarik, Minat Baca Santri Naik.

“Maju, maju, maju! Ya, awas hati-hati! Okeh…” terdengar suara seperti tukang parkir. Sebenabrnya, yang terjadi bukanlah itu, namun itulah suara komando dari seorang pengurus OSDC (Organisasi Santri Darunnajah Cipining) yang tengah mengomando teman-temannya sesama pengurus dalam mengangkat almari dan beberapa peralatan lain milik bagian perpustakaan

seragam putra santri darunnajah cipining

Muslim Sejati

Air Terjun

Kenangan Bersama si dia

Tv Online

Archive for Januari 2012




Demi masa sesungguhnya manusia kerugian
Melainkan yang beriman dan beramal sholeh
Demi masa sesungguhnya manusia kerugian
Melainkan nasehat kepada kebenaran dan kesabaran

a a a.....

Gunakan kesempatan yang masih diberi moga kita takkan menyesal
Masa usia kita jangan disiakan kerna ia takkan kembali

Ingat lima perkara sebelum lima perkara
Sihat sebelum sakit
Muda sebelum tua
Kaya sebelum miskin
Lapang sebelum sempit
Hidup sebelum mati

(Ingat lima perkara sebelum lima perkara)
(Ingat lima perkara sebelum lima perkara)

Demi masa sesungguhnya manusia kerugian
Melainkan yang beriman dan beramal sholeh
Gunakan kesempatan yang masih diberi moga kita takkan menyesal
Masa usia kita jangan disiakan kerna ia takkan kembali


I
ngat lima perkara sebelum lima perkara
Sihat sebelum sakit
Muda sebelum tua
Kaya sebelum miskin
Lapang sebelum sempit
Hidup sebelum mati

(Ingat lima perkara sebelum lima perkara)
(sihat sebelum sakit)
Muda sebelum tua
Kaya sebelum miskin
Lapang sebelum sempit

(Ingat lima perkara) Hidup sebelum mati
(sebelum lima perkara) Sihat sebelum sakit
(Ingat lima perkara sebelum lima perkara) Muda sebelum tua

(Ingat lima perkara) Kaya sebelum miskin

(sebelum lima perkara) Lapang sebelum sempit
(Ingat lima perkara sebelum lima perkara) Hidup sebelum mati
(Ingat lima perkara sebelum lima perkara) Hidup sebelum mati
(Ingat lima perkara sebelum lima perkara)



Laporan harian Prakrin

No
Tanggal
Waktu
Kegiatan
Tempat
Pembimbing
KET
1
09-01-2012
08.00 – 12.00
Membuat kerikulum (Silabus dan SAP )
Akademik
Ketua Prodi SK
Natsir ST

12.30 – 06.00
Merakit komputer dan cara perawatan komputer
T8
Fajar

2
10-01-2012
08.00 – 16.00
Menginstal OS, Driver, Dan Merakit  PC
T8 dan P1
Ibnu mas’ud dan Yopie

3
11-01-2012
08.00 – 16.00
Menginstal OS, Driver, Dan Merakit  PC
P1 , P2 dan MIS IT
Ibnu mas’ud dan Yopie

4
12-01-2012
08.00 – 16.00
Menginstal OS, Driver, Dan Merakit  PC
P1 , P2 dan MIS IT
Ibnu mas’ud dan Yopie

5
13-01-2012
08.00 – 16.00



SAKIT
6
14-01-2012
08.00 – 16.00
Memasang  Jaringan Ncomputing
Geung A dan B
Ibnu mas’ud dan Yopie

                                                                                                                                                                             





Atas Usulan beberapa sobat blogger, saat ini saya akan membuat tutorialtentang cara membuat kelelawar terbang di blog. Kelelawartermasuk binatang malam yang aktif pada malam hari. Kelelawar dalam bahasa inggris disebut “bat” sedangkan dalam bahasa jowo disebut “lowo”.Kelelawar adalah mamalia yang dapat terbang yang berasal dari ordo Chiroptera dengan kedua kaki depan yang berkembang menjadi sayap. Sudah dulu perkenalannya dengan kelelawar ya....

Cara membuat “kelelawar” atau “lowo” atau “bat” terbang di blog hampir sama dengan cara membuat kupu-kupu terbang di blog, Java scriptnya pun sama. Yang beda adalah kalau membuat kupu – kupu terbang di blog, hewannya adalah kupu – kupu. Sedangkan apabila membuat kelelawar terbang di blog, hewannya adalah kelelawar. Ya Iya lah!!!. Langsung tahu perbedaanya kan…? Hehehe :)



Langkah – langkah pembuatannya adalah sebagai berikut
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
       
  Atau Klik Disni.........

=====================================================================
<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>
======================================================================
6. Jangan Lupa Simpan.......
      Semoga Bermanfaat.



Ingin tahu gimana caranya membuat kupu kupu terbang di blog. Kayak di blog ini. simaklah tutorial saya berikut ini yaa....

Caranya cukup mudah anda cukup memasukkan java sript untuk memunculkan kupu-kupu indah di bloganda. Baiklah langsung saja akan saya tuliskan cara membuatnya :

1. Login ke Blogger

2. Masuk ke Tata Letak

3. Trus Edit HTML, Lihat caranya Disini

4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode </head> untuk mempermudah pencarian tekan ctrl+f.



cara post HTML 1
<pre class="loreng" style="height: 300px;">
/* <span> span digunakan untuk menuliskan keterangan tentang kode html */</span><script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES


//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENTNUMERICAL ORDER STARTING WITH "0" !!


var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';




//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);


function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}


function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}


function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}


function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}


function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}


function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}


function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}


function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}


function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}


function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}


function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}


function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}


function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}


if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}


//]]>
</script>
</pre>

5. Save...buka blog anda dan refresh browser....sekarang ada sesosok binatang yang indah menawan diblog anda....

Apabila anda belum berhasil membuatnya gunakan cara kedua di bawah ini:
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini. atau klik disini


<script src="http://sites.google.com/site/javascriptnew/java-script/butterfly.js" type="text/javascript">


6. Save.
        Semoga Bermanfaat



fungsinya sebagai penghargaan kepada komentator blog setia kita, fungsi lainnya adalah kita dapat mengamati tingkatan blogger-blogger yang bercomment ria pada blog kita. Kita dapat mengetahui suatublog paling banyak jumlah komentar berapa?

Ok, ayo kita pasang Komentar Terbanyak / Top Komentator, begini caranya, cuma copy-paste doank :

1. Buka akun blog Anda
2. lalu pilih tambah gadget
3. kemudian klik javascript Atau lihat caranya Disini
4. masukkan or copy-paste kode html berikut :


------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=zoel&url=http%3A%2F%2Fsellyapriyani.blogspot.com&num=10" type="text/javascript"></script> 
-------------------------------------------------------------------------------------------------------------


5. Ganti teks berwarna hijau  zoel  dan  sellyapriyani.blogspot.com  dengan alamat/url blog anda dan ganti angka 10 dengan jumlah sesukamu.
6. Klik Save/Simpan.



Belum Pernah? ya sudah nih tak kasih contohnya, silakan buka link ;
http://roming-blog.blogspot.com.
Sudah tahu kan? Nha, Membuat effect roming seperti itu memang bisa dilakukan,caranya pun mudah.

Nih tak kasih Script rahasianya,
1.Copy Kode berikut ini:

<script type='text/javascript'>
//<![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>




2.Login ke Blogger kamu => Layout=> Edit HTML
3.Kemudian paste-kan kode tadi sebelum kode </head>
4.Kemudian Save Template, Lihat caranya disini
5.Selesai



Langsung saja, cara membuat link warna-warni adalah sebagai berikut:

  1. Login ke Blogger
  2. Klik Tata Letak
  3. Pilih Elemen Halaman
  4. Klik Tambah Gadget
  5. Pilih HTML/JavaScript Atau Begini caranya Klik Disini
  6. Masukkan kode JavaScript dibawah ini :
=====================================================================
<script src="http://sites.google.com/site/javascriptnew/java-script/rainbow.js" type="text/javascript"></script>
=====================================================================
    7. Simpan dan selesai.....

Caranya sangat mudah anda tiggal mengikuti langkah-langka yang akan Zoel lakukan, 
Lngsung ikuti ke Te Ka Pe..........


1.  Masuk ke akun blog anda...
      maka akan ada tampilan berikut:




2. Pilih Rancangan....  seperti ini:




3. Pilih Edit HTML Begini Bentuknya;




4. Jangan Lupa Beri Tanda centrang








5. Masukan Kodenya :






6.  Langkah Terakhir anda tinggal Save



Mudah bukan...????
Semoga Bermanfaat........

Saya akan tutorial singkat tentang cara membuat tulisan menjadi berkedip. Kalau ingat kata berkedip aku jadi ingat sama temanku yang bernama Bayu Rohmat Berkedip...hehehe. Sebenarnya sih nama aslinya Bayu Rohmat Barnadip, tetapi teman temanku biasa memanggilnya seperti itu. Okey, kembali ke...tutorialnya. Sampai mana ya ???. O...ya cara membuat tulisan seperti ini.

Caranya kita tinggal menyisipkan tulisan yang akan dibuat berkedip diantara kedua kode ini:



<blink>
dan

</blink>
Ini contohnya :

tulisan yang akan dibuat berkedip disini

kodenya seperti ini



<blink> tulisan yang akan dibuat berkedip disini</blink>

gampangkan.....????

Saat ini saya akan memberikan sedikit cara blogger hack, khususnya cara menghilangkan tanggal posting. Sebenarnya, tanggal posting berguna untuk memberi informasi kapan postingan anda diterbitkan. Akan tetapi apabila anda merasa terganggu oleh tanggal postingan ini atau anda ingin merahasiakan kapan postingan anda diterbitkan kepada pengunjung, ini adalah solusi yang tepat untuk anda.

1. Masuk menu Layout kemudian masuk Edit HTML dan cari code yang mirip seperti ini di Blog Anda:

h2.date-header {
margin:.5em 0 0;
padding:0;
font-size:75%;
color:#777;
}


2. nah jika sudah ketemu tambahkan code Css visibility:hidden; kedalam Css diatas sehingga menjadi seperti:
h2.date-header {
margin:.5em 0 0;
padding:0;
font-size:75%;
color:#777;

visibility:hidden;
}


3. Simpan.

Setelah mencari-cari tutorial membuat footer 3 kolom dengan background di google akhirnya saya menemukannya. ternyata sekarang cukup sulit untuk menemukan tutorialyang tepat di google, selain dikarenakan maraknya blog auto content juga di karenakan banyak blogger yang menembak keyword demi kepentingan pribadi. Saya menemukan beberapa tutorial membuat footer tiga kolom di google tapi hanya beberapa yang dapat di praktekkan dan yang lainnya bermasalah. Beberapa masalah itu adalah sebagai berikut:

1. Bukannya tiga kolom, tetapi footer 3 baris. Haha, buatnya 3 kolom, kok jadinya 3 baris. Saya sampe bingung, apalagi saya belum ahli dengan kode CSS template blogger.
2. Warna atau tampilan background tidak dapat diganti. Inilah yang mendorong saya untuk mencari tutorial membuat footer 3 kolom dengan background di google, karena tutorial saya tentang menambah footer 3 kolom yang dahulu backgroundnya tidak dapat diganti.
3. Template tidak dapat disimpan karena Error. Tapi akhirnya bisa, fyuh....Setelah belajar CSS blogger template , akhirnya saya sedikit mengerti cara membuat footer 3 kolom dengan background di blogspot dan jadi juga footer 3 kolom blog forantum ini. Walaupun saya belum mengerti benar, berikut ini cara Membuat Footer 3 Kolom dengan Background di blogspot:

1. Login ke blogger dan masuk ke Dasbor.
2. Klik Rancangan, lalu pilih menu Edit HTML (Jangan Centang "Expand Template Widget")
3. Cari kode ]]></b:skin>
4. Letakkan kode CSS berikut ini diatas ]]></b:skin>

#footer-column-container {
clear:both;
}
.footer-column {
background:#444 url(http://img169.imageshack.us/img169/937/footerbawah.jpg) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff
}

5. Cari kode <b:section class='footer' id='footer'> dan ganti dengan kode pengganti di bawah ini:

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>

6. Apabila tidak ada kode yang saya maksud, letakkan kode pangganti diatas kode <!-- end content-wrapper -->

7. Apabila masih belum ketemu, letakkan kode yang pengganti tadi dibawah kode CSS bagian footer atau bottom.

8. Lalu simpan....Maaf ya tutorial ini agak membingungkan, karena saya sendiri bingung, hehehe. Yang penting sobatbelajar saja mempelajari kode-kodenya, semoga berhasil aja ya...

Judul blog berguna untuk memberi informasi tentang blog kita dan sangat penting dalam search engine.. tapi jika di blogger judul blogtampak di header dan jika kita membuat background header yang kita buat sedemikian unik, bagus dan keren menurut kita akan mengganggu pemandangan background header kita...

Nah pada pembicaraan kali ini Saya akan membuat suatu tutorialsederhana untuk menghilangkan judul blog di headernamun tidak hilang judul blog kita sebenarnya hanya saja tidak tampak pada header. Yupzz kemaren saya udah pernah buat tutorialsederhana mengenai cara menghilangkan Tanggal posting tapi sekarang saya membuat tutorial caramenghilangkan Judul Blog di header... oke langsung saja

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah


#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}




nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; KedalamCss Diatas Sehingga kurang lebih menjadi seperti dibawah



#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}







Jika Sudah Simpan pengaturanya....

Ingin tahu gimana caranya membuat kupu kupu terbang di blog. Kayak di blog ini. simaklah tutorial saya berikut ini yaa....

Caranya cukup mudah anda cukup memasukkan java sript untuk memunculkan kupu-kupu indah di bloganda. Baiklah langsung saja akan saya tuliskan cara membuatnya :

1. Login ke Blogger

2. Masuk ke Tata Letak

3. Trus Edit HTML

4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode </head> untuk mempermudah pencarian tekan ctrl+f.



<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES


//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENTNUMERICAL ORDER STARTING WITH "0" !!


var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';




//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);


function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}


function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}


function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}


function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}


function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}


function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}


function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}


function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}


function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}


function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}


function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}


function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}


function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}


if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}


//]]>
</script>

5. Save...buka blog anda dan refresh browser....sekarang ada sesosok binatang yang indah menawan diblog anda....

Apabila anda belum berhasil membuatnya gunakan cara kedua di bawah ini:
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini. atau klik disini


<script src="http://sites.google.com/site/javascriptnew/java-script/butterfly.js" type="text/javascript">


6. Save.






Atas Usulan beberapa sobat blogger, saat ini saya akan membuat tutorialtentang cara membuat kelelawar terbang di blog. Kelelawartermasuk binatang malam yang aktif pada malam hari. Kelelawar dalam bahasa inggris disebut “bat” sedangkan dalam bahasa jowo disebut “lowo”.Kelelawar adalah mamalia yang dapat terbang yang berasal dari ordo Chiroptera dengan kedua kaki depan yang berkembang menjadi sayap. Sudah dulu perkenalannya dengan kelelawar ya....

Cara membuat “kelelawar” atau “lowo” atau “bat” terbang di blog hampir sama dengan cara membuat kupu-kupu terbang di blog, Java scriptnya pun sama. Yang beda adalah kalau membuat kupu – kupu terbang di blog, hewannya adalah kupu – kupu. Sedangkan apabila membuat kelelawar terbang di blog, hewannya adalah kelelawar. Ya Iya lah!!!. Langsung tahu perbedaanya kan…? Hehehe :)



Langkah – langkah pembuatannya adalah sebagai berikut
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
       
  Atau Klik Disni.........


<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>

Jangan Lupa Simpan.......
      Semoga Bermanfaat.




Menanggapi pertanyaan dari beberapa blogger… hehehe… kang Rohman serasa jadi konsultan blogger saja ya kalau posting biasanya pake kata-kata tersebut soalnya “ Your Questions is my inspiration” pertanyaan anda adalah inspirasiku. Jadi rahasia kenapa blog ini masih bisa bertahan sampai sekarang adalah karena masih ada yang bertanya ke kang Rohman. So, tentu saja ide untuk posting selalu ada. Eh..eh.. ko…gitu sich.. la ko jadi ngelantur nih, kembali ke judul posting ini ah.

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedangmengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :






Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :


  • Login ke blogger dengan ID anda tentunya.
  • Klik Tata Letak. 
  • Klik tab Edit HTML.
  • Cari kode seperti ini :




]]></b:skin>


  • Copy paste kode berikut persis di atas kode

.quickedit{
display:none;
}


  • Klik tombol Simpan template. 

1. Klik Link disini untuk melihat caranya

2. Kemudian masukan kode htmlnya...



<center>
<div class="menuTitle" style="text-align:center;font:18px Droid Serif;font-weight:bold;color:blue;"><a href="http://sellyapriyani.blogspot.com" style="text-decoration:none;">selly apriyani</a></div>
<div class="box4" style="background:#222; width:278px;border:8px solid #333;margin:20px 0 20px 16px;">
<div class="box3" style="background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-1.png) center repeat-x;border:3px solid #555;width:272px;">
<div class="box2" style="background:transparent;width:266px;border:3px solid #777;">
<div class="box1" style="background:#999; width:250px; background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-2.png) center no-repeat;border:3px solid #999;padding:0  5px">
<script type="text/javascript" src="http://tagcloud-cumulus.googlecode.com/files/bgsGR_cumulus.js"></script>
<div id="flashcontent"><a href="http://sellyapriyani.blogspot.com" style="text-decoration:none;">selly apriyani</a></div>
<script type="text/javascript">
var so = new
SWFObject("https://sites.google.com/site/gubhugreyotprojects/tagcloud-cumulus/GR_cumulus-gubhugreyot.swf", "tagcloud",
"250", "250", "7", "#333333");
// uncomment next line to enable transparency
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "250");
so.addVariable("tagcloud", "<tags><a href='Link-1' style='16' color='0x69fd59' hicolor='0xfb3f20'>Nama Link-1</a><a href='Link-2' style='22' color='0xe3d002' hicolor='0xfbacac'>Nama Link-2</a><a href='Link-3' style='16' color='0x6dc6fe' hicolor='0xf978fb'>Nama Link-3</a><a href='Link-4' style='20' color='0x787bfb' hicolor='0xfd8ff1'>Nama Link-4</a><a href='Link-5' style='9'  color='0xdcdf00' hicolor='0xb4acfb'>Nama Link-5</a><a href='Link-6' style='16' color='0xdfa300'  hicolor='0x78fbf9'>Nama Link-6</a><a href='Link-7' style='16' color='0xdf1f00' hicolor='0x78fb7e'>Nama Link-7</a><a href='Link-8' style='12' color='0xfbf378' hicolor='0xb17501'>Nama Link-8</a><a href='Link-9' style='16' color='0xfcf9fd' hicolor='0xfbc878'>Nama Link-9</a> <a href='Link-10' style='16' color='0xfd332f' hicolor='0xfbd687'>Nama Link-10</a><a href='Link-11' style='27'  color='0xc7fcfd' hicolor='0xfb835e'>Nama Link-11</a><a href='Link-12' style='13' color='0x9497d7'  hicolor='0x14eefc'>Nama Link-12</a> <a href='Link-13' style='14' color='0x010bde' hicolor='0xfdc2b3'>Nama Link-13</a><a href='Link-14' style='16' color='0x01dbde' hicolor='0x8ba08b'>Nama Link-14</a><a href='Link-15' style='11' color='0xfe5003' hicolor='0x16de01'>Nama Link-15</a><a href='Link-16' style='16' color='0xfef2c4' hicolor='0xef0000'>Nama Link-16</a> <a href='Link-17' style='11'  color='0xc8fcca' hicolor='0xfa9cfb'>Nama Link-17</a><a href='Link-18' style='16' color='0xefdb00'  hicolor='0x12e102'>Nama Link-18</a><a href='Link-19' style='22' color='0x02e9fe' hicolor='0x9aaaf9'>Nama Link-19</a><a href='Link-20' style='27' color='0xef7000' hicolor='0xf9fc02'>Nama Link-20</a><a href='Link-21'</a><a href='http://sellyapriyani.blogspot.com' style='22'  color='0xaffb37' hicolor='0xffffff'>Tag Cloud Cumulus Full Color</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
</div>
</div>
</div>
</center>

  • Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.Catatan :
&lt;em&gt;  /* navbar
    ================== */

    #bg_nav {
    background: #ffffff;
    width: 850px;
    height: 29px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #000000;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    }
    #bg_nav a, #bg_nav a:visited {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0px 0px 3px;
    }

    #bg_nav a:hover {
    color: #000000;
    text-decoration: underline;
    padding: 0px 0px 0px 3px;
    }

    #navleft {
    width: 500px;
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #navright {
    width: 220px;
    font-size: 11px;
    float: right;
    margin: 0px;
    padding: 3px 5px 0px 0px;
    }
    #navright a img {
    border: none;
    margin: 0px;
    padding: 3px 5px 0px 0px;
    }

    #nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
    #nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }

    #nav a, #nav a:visited {
    background: #ffffff;
    color: #000000;
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    border-left: 1px solid #ffffff;
    }
    #nav a:hover {
    background: #c06000;
    color: #000000;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    }

    #nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #ffffff;
    width: 160px;
    float: none;
    margin: 0px;
    padding: 7px 30px 7px 10px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    }
    #nav li li a:hover, #nav li li a:active {
    background: #c06000;
    padding: 7px 30px 7px 10px;
    }

    #nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

    #nav li:hover ul {
    left: auto;
    display: block;
    }
    #nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }
.&lt;/em&gt;
Agar menu horizontal sesuai dengan template blog, kamu perlu mengganti kode-kode yang berwarna hijau.
Untuk kode pewarnaan, kamu bisa melihatnya di kode warna.

  • Kemudian cari kembali kode seperti di bawah ini.
 &lt;div id='header-wrapper'&gt;
    &lt;b:section class='header' id='header' maxwidgets='1'
    showaddelement='no'&gt;
    &lt;b:widget id='Header1' locked='true' title='test
    (Header)' type='Header'/&gt;

    ... dan seterusnya ...

    &lt;/b:section&gt;
    &lt;/div&gt;


  • Copas kode berikut tepat di bawah kode yang berwarna hijau atau berwarna kuning (sesuaikan dengan template blog kamu). 
&lt;div id='bg_nav'&gt;

    &lt;div id='navleft'&gt;
    &lt;div id='nav'&gt;
    &lt;ul&gt;
    &lt;li&gt;&lt;a href='http://Alamat_Blog_Kamu.blogspot.com/'&gt;home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href='http://Link_yang_dituju'&gt;Add Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href='http://Link_yang_dituju'&gt;Add Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href='http://Link_yang_dituju'&gt;Add Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href='http://Link_yang_dituju'&gt;Add Link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id='navright'&gt;

    &lt;form action='http://Alamat_Blog_Kamu.blogspot.com/search' id='searchform' method='get' name='searchform'&gt; &lt;input id='s' name='q' type='text' value=''/&gt; &lt;input id='searchsubmit' type='submit' value='Cari'/&gt;
    &lt;/form&gt;

    &lt;/div&gt;

    &lt;/div&gt;&lt;!-- akhir bg_nav --&gt;



  • Jangan lupa disimpan

Flag Counter

free counters