Kode/ Scrip Membuat blog atau web
Tanggal : 27-02-2012 11:40, dibaca 5 kali.
Themes :
<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/BlueberryPlumcicle-3Columnbackground.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png" /></a></div>
PD :
<ul class="menu">
<li class="top"><a href="#" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Profil</span></a>
<ul class="sub">
<li><a href="#">Sejarah</a></li>
<li><a href="#">Visi Dan Misi</a></li>
<li><a href="#">Guru</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link"><span>Kegiatan</span></a>
<ul class="sub">
<li><a href="#">Ekstrakulikuler</a></li>
<li><a href="#">Prakerin</a></li>
<li><a href="#">JBOT</a></li>
<li><a href="#">Kegiatan Lainnya</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
</ul>
HTML PD :
<style type="text/css">
#msuteja ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#msuteja li .current{color: transparant;}#msuteja li a:hover, #msuteja li a:active {background: #CC33FF;background: -webkit-gradient(linear, left top, left bottom, from(#996699), to(#996699)); background: -moz-linear-gradient(top,#996699, #996699); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#996699', endColorstr='#996699'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#996699', endColorstr='#996699'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#msuteja {width: auto;float: left;margin: 0;padding: 0;}#msuteja {margin: 0;padding: 0;}#msuteja ul {float: left;list-style: none;margin: 0;padding: 0;}#msuteja li {list-style: none;margin: 0;padding: 0;}#msuteja li a, #msuteja li a:link, #msuteja li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: 15px Georgia, Arial;}#msuteja li a:hover, #msuteja li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#msuteja li li a, #msuteja li li a:link, #msuteja li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#996699), to(#996699)); background: -moz-linear-gradient(top,#996699, #996699); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#996699', endColorstr='#996699'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#996699', endColorstr='#996699'); width: 180px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: 14px Trebuchet itc, Arial;}#msuteja li li a:hover, #msuteja li li a:active {background: #CC99FF;background: -webkit-gradient(linear, left top, left bottom, from(#996699), to(#996699)); background: -moz-linear-gradient(top,#330033, #330033); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#996699', endColorstr='#996699'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#996699', endColorstr='#996699'); color: #CC33FF;font-size:18px;font-family:arial;text-align: center;padding: 7px 10px;}#msuteja li {float: left;padding: 0;}#msuteja li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#msuteja li ul a {width: 140px;}#msuteja li ul ul {margin: -32px 0 0 171px;}#msuteja li:hover ul ul, #msuteja li:hover ul ul ul, #msuteja li.sfhover ul ul, #msuteja li.sfhover ul ul ul {left: -999em;}#msuteja li:hover ul, #msuteja li li:hover ul, #msuteja li li li:hover ul, #msuteja li.sfhover ul, #msuteja li li.sfhover ul, #msuteja li li li.sfhover ul {left: auto;}#msuteja li:hover, #msuteja li.sfhover {position: static;}#footer-column-divide {clear:both;}#msuteja{font-family:Trebuchet;background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBfdncyRp-x4_gUM-nZqRUwSQTU0X-M8HPTpzeYQ1grwnZOg4C7Gu6rfUvjvxptBe43B6dPE2w8Vj7s48mWq1Ia4MSXN4xF0-0LAyBSzP4PfGAiPlaQH10DGQAU-YImtox6NHy0mXPPonH/)repeat-x;(0,0,0, 0.80);border:1px solid #;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
</style>
<div id='msuteja'>
<ul id='msuteja'>
<li><a href='/'>Home</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/me.html' target='_blank'>Profil</a>
<ul class='children'>
<li><a href='http://ovelvelvel.blogspot.com/p/sejarah-singkat.html' target='_blank'>Sejarah</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/visi-dan-misi.html' target='_blank'>Visi dan Misi </a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/guru-guru.html' target='_blank'>Guru-Guru</a></li>
</ul>
</li>
<li><a href='disini letak link sobat' target='_blank'>Kegiatan</a>
<ul class='children'>
<li><a href='http://ovelvelvel.blogspot.com/p/ekstrakurikuler.html' target='_blank'>Ekstrakurikuler</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/prakerin-praktek-kerja-industri.html' target='_blank'>Prakerin</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/jbot-jawa-bali-overland-tour.html' target='_blank'>JBOT</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/kegiatan-lainnya.html' target='_blank'>Kegiatan Lainnya</a></li>
</ul>
</li>
<li><a href='http://ovelvelvel.blogspot.com/p/fasilitas-dan-sarana-pendidikan.html' target='_blank'>Fasilitas</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/osis.html' target='_blank'>OSIS</a></li>
<li><a href='http://ovelvelvel.blogspot.com/p/penerimaan-siswa-baru.html' target='_blank'>Penerimaan Siswa Baru</a></li></ul></div>
SS :
<embed quality="high" allowscriptaccess="always" flashvars="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="895" height="235" src="http://smkyadika1.com/banneratas.swf" wmode="transparent"></embed>
DD :
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" name="menu" size="1"><option />UNIT TEGAL ALUR
<option value="http://www.sdyadika1.com" />TK-SD YADIKA 1
<option value="http://www.smpyadika2.com" />SMP YADIKA 2
<option value="http://www.smkyadika1.com" />SMK YADIKA 1
<option value="http://www.smayadika2.com" />SMA YADIKA 2
<option value="http://www.smkyadika3-sch.id" />SMK YADIKA 3
</select></form>
Geocities :
<script language="JavaScript"
src="http://www.geocities.com/yono_pati/salju01.js">
/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>
Calendar :
<!-- FREE-BLOG-CONTENT.com -->
<br /><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0005.htm" width="120" height="239"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center>
Clocklink :
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0017-purple.swf";obj.TimeZone="ICT";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>
SE :
<form id="searchform" action="http://yahoo.co.id/search" name="searchform" method="get"><br /><input id="s" onfocus="if (this.value == 'cari di blog ini . . .') {this.value = '';}" value="cari di blog ini . . ." name="q" onblur="if (this.value == '') {this.value = 'cari di blog ini . . .';}" type="text" /> <input id="searchsubmit" value="Search" type="submit" /> </form>
Tidak ada komentar:
Posting Komentar