Apa itu SPENCOFREND'Z?

Hello Friend'z..,

Lama gak uptade nih bray,oke langsung aja ya kali ini spenix green team akan menjelaskan tentang spencofrend'z seperti judul di atas pasti kalian bertanya-tanya dengan berkata apa itu spencofrendz? oke kita jelasin Spencofrend atau kepanjangan dari Spenix Social Network adalah sarana sosial yang menghubungkan teman dan rekan spenix lainnya yang belajar dan bermain di Smpn 9 pasuruan.Tujuan dari spencofrendz sendiri adalah menyatukan silaturahmi anatra guru dan siswa spenix.Spencofrend sendiri bekerja sama dengan Oxwall soft dan Wall fm dan dibantu juga crew-crew yang bertugas.Inti dan pokok isinya Spenix Green Team membuat jejaring sosial untuk pasuruan dan buatan anak Smpn 9  Pasuruan .

Jika kalian ingin gabung monggo :).
 klik aja JOIN tapi jika kalian udah punya akunnya klik aja LOGIN

Spenix Super Soccer

Hello every body,how do you do? Well kalau kita ok ok saja.Oh iya ada kabar yang sangat menggembirakan bagi kamu sekalian penggila bola,sekolah kita tercinta SPENIX berhasil meraih peringkat ke-3 pada kejuaraan sepakbola antar sekolah yang diadakan oleh Dinas Pemuda Dan Olahraga kota Pasuruan.Prestasi yang diraih ini sungguh sangat membanggakan,betapa tidak setelah hampir 4 tahun tidak meraih gelar atau meraih posisi terhormat,akhirnya sekolah kita bisa meraih posisi ke-3.Apa yang diraih ini tidak mudah karena semuanya butuh perjuangan dan latihan yang keras.
Prestasi yang diraih ini sebenarnya berawal dari kegiatan ekskul yang diadakan secara intens,ekskul sepakbola yang laksanakan tiap hari Selasa dan Kamis ini

Screenshot:

Script Menu

 Welcome!  
ente sekarang berada di area tersembunyi kami. dimohon untuk berhati-hati karena 
"Zimply" si robot zombie berkeliaran :D kawan!!!  :

  



WELCOME TO SMPN 9 PASURUAN
Disini tempat script menu berada silakan dipilih sesuka kalian jika ingin test klik DEMO MENU

Menu Dropdown V.1
(Jika tombol 'select all' kagak bisa kawan mohon di Crtl A)

"<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> Javascript Menu ala brian </script> <style type="text/css"> .brianganteng{ background: url(http://www.themebin.com/wp-content/uploads/hd-wallpapers/1920x1200/skull_1920x1200.png) top left repeat; padding: 8px 3px 3px; float: left; margin: 20px 5px 0; border: 2px solid #666; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 1px 4px 15px #000; -moz-box-shadow: 1px 4px 15px #000; -webkit-box-shadow: 1px 4px 15px #000; } .brianganteng span { font: 16px Copperplate Gothic Bold; font-weight: bold; color: #5a5a5a; padding: 5px; text-shadow: 1px 4px 2px #000; } .brian { font-family: Copperplate Gothic Bold; font-size: 11px; } ul#GRcollaps { background: transparent; } ul#GRcollaps, ul#GRcollaps ul { list-style-type:none; margin: 0; padding: 0; width: 200px; } ul#GRcollaps a { font: 12px Helvetica; display: block; text-decoration: none; } ul#GRcollaps li { margin-top: 1px; } ul#GRcollaps li a { background: #333; border: 2px solid #ffff; color: #fff; padding: 0.5em; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } ul#GRcollaps li a:hover { border-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkitborder-radius: 8px; background: #000; } ul#GRcollaps li ul li a { background: #ccc; padding: 0.2em 0.5em; color: #000; padding-left: 20px; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; border-left: 5px #777 solid; border-right: 3px #ccc solid; border-top: 3px #ccc solid; border-bottom: 3px #ccc solid; opacity: 0.8; } ul#GRcollaps li ul li a:hover { background: #666; border-left: 15px #000 solid; border-right: 3px #000 solid; border-top: 3px #000 solid; border-bottom: 3px #000 solid; padding-left: 15px; opacity: 1.0; color: #fff; text-shadow: 1px 1px 1px #000; } </style> <script type="text/javascript"> function initMenu() { $('#GRcollaps ul').hide(); $('#GRcollaps li a').click( function() { $(this).next().slideToggle('slow');});} $(document).ready(function() {initMenu();}); </script> <div class="brianganteng"> <span>Menu</span> <div class="brianganteng"> <ul id="GRcollaps"> <li> <a href="javascript:;">TITLE</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 2</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 3</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 4</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 5</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 6</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="http://j-teams.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.localexchange.org.uk/new/images/localx_home.png" /></a></div> <span class="text_exposed_show" style="display: inline; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; text-align: left;"><b style="color: #333333;"><span style="font-size: x-small;">PROGRAM BY</span></b><span style="color: #333333; font-size: x-small;">:</span><b><span style="color: red;"><a href="http://www.facebook.com/brianganteng">BRIAN</a></span> </b></span></div> </div> "

DEMO MENU 

Menu Dropdown V.2
(Jika tombol 'select all' kagak bisa kawan mohon di Crtl A)

"<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> Javascript Menu ala brian </script> <style type="text/css"> .brianganteng{ background: url(http://www.colourbox.com/preview/3973872-40800-pink-hearts-bokeh-background-on-black-showing-love-romance-and-valentines.jpg) top left repeat; padding: 8px 3px 3px; float: left; margin: 20px 5px 0; border: 2px solid #666; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 1px 4px 15px #000; -moz-box-shadow: 1px 4px 15px #000; -webkit-box-shadow: 1px 4px 15px #000; } .brianganteng span { font: 16px Copperplate Gothic Bold; font-weight: bold; color: #5a5a5a; padding: 5px; text-shadow: 1px 4px 2px #000; } .brian { font-family: Copperplate Gothic Bold; font-size: 11px; } ul#GRcollaps { background: transparent; } ul#GRcollaps, ul#GRcollaps ul { list-style-type:none; margin: 0; padding: 0; width: 200px; } ul#GRcollaps a { font: 12px Helvetica; display: block; text-decoration: none; } ul#GRcollaps li { margin-top: 1px; } ul#GRcollaps li a { background: #333; border: 2px solid #ffff; color: #fff; padding: 0.5em; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } ul#GRcollaps li a:hover { border-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkitborder-radius: 8px; background: #000; } ul#GRcollaps li ul li a { background: #ccc; padding: 0.2em 0.5em; color: #000; padding-left: 20px; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; border-left: 5px #777 solid; border-right: 3px #ccc solid; border-top: 3px #ccc solid; border-bottom: 3px #ccc solid; opacity: 0.8; } ul#GRcollaps li ul li a:hover { background: #666; border-left: 15px #000 solid; border-right: 3px #000 solid; border-top: 3px #000 solid; border-bottom: 3px #000 solid; padding-left: 15px; opacity: 1.0; color: #fff; text-shadow: 1px 1px 1px #000; } </style> <script type="text/javascript"> function initMenu() { $('#GRcollaps ul').hide(); $('#GRcollaps li a').click( function() { $(this).next().slideToggle('slow');});} $(document).ready(function() {initMenu();}); </script> <div class="brianganteng"> <span>Menu</span> <div class="brianganteng"> <ul id="GRcollaps"> <li> <a href="javascript:;">TITLE</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 2</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 3</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 4</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 5</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 6</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="http://j-teams.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.genieo.com/wp-content/themes/arras-theme/img/logoHome.png" /></a></div> <span class="text_exposed_show" style="display: inline; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; text-align: left;"><b style="color: #333333;"><span style="font-size: x-small;">PROGRAM BY</span></b><span style="color: #333333; font-size: x-small;">:</span><b><span style="color: red;"><a href="http://www.facebook.com/brianganteng">BRIAN</a></span> </b></span></div> </div> "

DEMO MENU

UNTUK TUTORIAL KLIK INI :

Menu DropDown ala J-Team

Helo!! sobat! kali ini Spenix Green Team akan mengeSHARE hasil karya J-TEAM dan mengajarkan tentang cara membuat MENU KEREN untuk blog atau pun web dan denger-denger juga udah banyak temen-temen spenix yang punya blog ya?. wew?! hebat banget lanjutkan kawan! oke gak usah panjang lebar langsung aja cekidot!

Ada dua jenis menu ala 'Spenix Green Team' sobat.langsung aja pilih Terserah tergantung selera kalian... :D.Kenunikan menu ala J-team ini ada tombol homenya :D.

Menu Dropdown V.1: GET THIS!

MENU Dropdown V.2: GET THIS!

cara pasang mudah banget kok :D :) ikuti caranya dengan lihat gambar ini ya :D

1.Langkah pertama Login blogger elu

2.Kemudian ke tata letak seperti gambar dibawah..,,

3.Kemudian klik Tambah gadget >>> Html/javascript

4.Sudah deh taruh scriptnya disitu jika sudah klik Simpan atau Save gampangkan?

5.Pingin lihat hasilnya klik LIHAT BLOG

            

 

NB: sebelum di taruh di HTML/javascript dimohon di edit Tittle,Link,Tittle Link

Example: 

<a href="javascript:;">TITLE</a>  

        <ul>  
            <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li>

           rubah link,judul,link judul tab menu dengan sesuka kalian

<a href="javascript:;">(JUDUL tab menu)</a>  

        <ul>  
            <li><a href="link ente">(JUDUL link)</a></li>

                                    Jika kurang faham di mohon untuk komen :)

New kids on the school

MOS,adalah singkatan dari Masa Orientasi Sekolah,yup inilah saatnya para siswa baru diberi pengetahuan akan sekolah mereka yang baru.

Ramadhan yang indah

Ramadhan tlah tiba bray mari kita sambut dengan gembira suka cita dan mari kita berlomba cari pahala cuy...serta kita berdoa agar kita diberi kesehatan untuk mejanlankan ibadah  :D

TEKS GENERATOR

______________________________
Caranya : Ketik tulisan mu di kolom
'TEKS GENERATOR MORE++' lalu centang menurut pilihan Kalian kemudian COPAS hasilnya.....