Pengalaman di SMP 8 YK

Add caption

Perjalananku setelah melewati jenjang SD adalah ke jenjang SMP, mungkin aku tergolong anak yang beruntung karena dapat menjadi salah satu siswa SMP negeri 8 Yogyakarta, pengalamanku disini yang sangat menyenangkan mungkin bisa bertemu teman baru yang lebih seru, kenal guru-guru yang sudah berpengalaman mengajar menurutku, waktu aku duduk di bangku kelas 7 guru yang pertama kali bertanya kepadaku adalah Bu Dwi Martati atu yang kebanyakan dipanggil dengan "bu DM" waktu itu bu DM bertanya kepadaku tentang bagaimana proses pembuatan gerabah di Kasongan, memang sih tempat tinggalku dekat sama Kasongan, tapi aku sama sekali ngga tau bagaimana prosesnya. ya sudahlah aku hanya terdiam hehe. Yuk kita bahas naik ke kelas 8 , di SMP 8 YK ini ada sistem acak jadi yang kelasnya dulu 74 bisa jadi 84,85,86, aku kebetulan masuk ke kelas 84 . aku bertemu banyak teman baru lagi yang mungkin aku belum kenal waktu di kelas 7, oh ya aku lupa aku dikelas tujuh masuk kelas 74, maaf. di kelas 8 ada ketua kelas dan wakil kelas yang sering dijodoh-jodohkan. aku juga sering ikut menjodoh-jodohkannya. mungkin karena sikapku ini pertemanan kami kurang baik. yah aku hanya meminta maaf karena mungkin dulu aku sering mengejeknya, dan aku ingin kita semua berpisah meninggalkan SMP tercinta ini(smp 8) dengan tidak ada hati dendam atau rasa buruk lainnya. nah tahun ini aku duduk di bangku kelas 9, siswanya kembali lagi seperti awal kelas 7 tadi. di kelas 9 sih aku lebih senang dapat bertemu teman-teman lama lagi(juga tidak begitu lama sih). kesannya ya aku senang berada di kelas 9 karena dikelas sembilan ada pelajaran musik lagi, walaupun guru kelas sembilan agak lebih tegas sih... ya udah dulu ya ngantuk hoaaammm.... bye...

Cara Membuat Widget Melayang (Floating) Share Artikel

Cara Membuat Widget Melayang (Floating) Share Artikel:

1.       Login ke dashboard blogger anda.

2.       Pilih  Tata Letak >> Add gadget (HTML/JavaScript).

3.       Copy script dibawah ini dan paste kedalam gadget baru tadi.

<style>

#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id="pageshare" title="Get this code from rayhanzhampiet.blogspot.com">

<div class="sbutton" id="fb">

<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">

</script></div>

<div class="sbutton" id="rt">

<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">

</script></div>

<div class="sbutton" id="gb">

<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">

<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">

</script>

</a></div>

<div class="sbutton" id="gplusone">

<script src="http://apis.google.com/js/plusone.js" type="text/javascript">

</script>

<g:plusone size="tall"></g:plusone></div>

</div>

4.       Save / Simpan.

Cara pemasangan widget pada template:

1.     Ganti/edit kode #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left;dengan kode ini #pageshare {display:scroll;position:fixed;top:165px;left:30px;

2.     Login ke dashboard blogger, pilih Rancangan > Edit HTML

3.     Letakkan script widget tepat diatas kode   pada template.

4.     Save / Simpan.

Membuat Efek Bintang Kerlap-Kerlip Pada Kursor

Cara pemasangan widget pada template:

1.     Ganti/edit kode #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left;dengan kode ini #pageshare {display:scroll;position:fixed;top:165px;left:30px;

2.     Login ke dashboard blogger, pilih Rancangan > Edit HTML

3.     Letakkan script widget tepat diatas kode   pada template.

4.     Save / Simpan.

Cara Membuat Efek Bintang Kerlap Kerlip Pada kursor:

1.       Login ke dashboard blogger kamu

2.       Pilih Tata Letak > Add Gadget (HTML/JavaScript).

3.       Copy dan paste script dibawah ini pada gadget baru tadi.

<script> // JavaScript Document<script type='text/javascript'> // <![CDATA[ var colour="red"; var sparkles=65; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

4.       Simpan dan wow seperti di luar angkasa yak!! Alay...

Note : Silahkan ganti warna “red” dengan warna lainnya green, blue, yellow atau warna lain yang kamu minati dan agak nunggu dikit ya bagi para blogger yang memakai networknya lemah hihi

Membuat Efek Daun Berjatuhan

Cara Membuat Efek Daun Berjatuhan :

1.       Kamu harus Login dulu ke dashboard blogger kamu.

2.       Pilih Template> Edit HTML, jangan lupa centang Expand widget template.

3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.

4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

5.       simpan dan nikmati daun yang berjatuhan

        “Wah-Wah ternyata sudah musim Semi nih hihi”

       

Useful Blog: Always Simple and Useful…..

Membuat Efek Hujan Salju

Cara Membuat efek hujan salju di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Tata Letak>>Add gadget (HTML/JavaScript).

3.    Letakkan script efek hujan salju dibawah ini pada gadget.

<script src='http://hbhost.googlecode.com/files/snow.js' type='text/javascript'> </script>

4.    Simpan dan lihat hasilnya.

“Brrrrrrr” Saljunya udah turun mang…… dingin….

Membuat Link Berwarna-warni

Cara Membuat link berwarna-warni :

1.    Login ke dashboard blogger anda.

2.    Pilih Tata Letak > Add gadget (HTML/JavaScript).

3.    Copy kode javascript dibawah ini dan paste pada gadget.

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

4.    Selesai dan silahkan diliat hasilnya.

5.    Cara lainnya adalah kamu masuk ke Template lalu Edit HTML jangan lupa centang Expand Template Widget dan letakkan script tadi pada template tepatnya diatas kode <body> untuk lebih mudah mencari kamu tekan Ctrl+f lalu masukkan kode <body> ok dah…

Cihuyyy asik dah warna link blogku jadi warna-warni….  Selamat Mencoba babay….

Menambah Teks Berputar Pada Kursor

Cara Menambah Teks Berputar Pada Kursor :

1.    Login ke dashboard blogger kamu.
2.    Pilih Tata Letak > Elemen Laman > Tambah gadget >HTML/Javascript.
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

4.    Save/Simpan dan lihat hasilnya.
5.    kamu dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna hijau.
6.    Tulis teks yang kamu inginkan pada “Tulis teks disini” yang berwarna hijau
dan “Jeng…Jeng…Jeng…Jeng….” Eh udah muncul diblog ane hihi

Mengubah gambar kursor

Cara Mengubah gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Tata Letak>Tambah Gadget>HTML/JavaScript

3.    Copy kode CSS dibawah ini 

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan dan secara CLIIIINGGGG anda akan lihat perubahan pada gambar kursor

6.    Jika kamu ingin mengganti gambar kursor dengan gambar yang lain, kamu tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau kamu bisa langsung browsing sendiri ke http://www.totallyfreecursors.com