Kamis, 15 Maret 2012

Beberapa Script Penting Untuk Blog

Jika ada yang ingin di tambahkan, silahkan edit dokument ini !
script untuk Spoiler:

 <div style="margin: 5px 20px 20px;">
<div style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Teks[Link-Harus memakai <a href=] Video script di sini
<br>
</div>
</div>
</div>

Ganti Buka dan tutup spoiler anda dengan sesuka hati.

Script untuk elemen 2 kolom !

<table border="0" width="300">
<tr bgcolor="#FF6C74"><td align="center"><b>JUDUL 1</b></td><td align="center"><b>JUDUL 2</b></td></tr>
<tr><td align="center">KODE JUDUL 1 DISINI</td><td align="center">KODE JUDUL 2 DISINI</td></tr>
</table>
<table border="0" width="300">
<tr bgcolor="#FF6C74"><td align="center"><b>JUDUL 3</b></td><td align="center"><b>JUDUL 4</b></td></tr>
<tr><td align="center">KODE JUDUL 3 DISINI</td><td align="center">KODE JUDUL 4 DISINI</td></tr>
</table>

bgcolor= ganti sesuai keinginan anda, cari tau di blog sahabat tentang kode warna.

Memasukkan link download ke dalam gambar !
<a href="masukan link yang ingin dituju"><img src="masukkan link gambar" /></a>

Berikut gambar link download yang saya punya dari link lokal.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW3AdUcllSJET3zNyFOdfAyEe1cilM-DRb-dTf1dnyrvGMwjAYN1tnl-JOokY2tf3NPXVj7eUD2SEBHyL79001tXCWdq8nH6yFibohzl6e6TVhTR42u0QYQMA2hGyExSQaNNOnRXtsud8/s1600/idws.jpg < IDWS

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ3sjq0jRoUmRJeUXgswt1bB6oJS9snRdY5nAu63Ws78GBB-vULmq0_IowvxVw9k5Zi_zg0LboIp0LCiEScrTnOjkbKEHK0ZyDnXjpU6Z8-3a8ueJLatDKwcnttAZNjMSEOMlJAR-sfMc/s1600/logo.png < adfly

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7289ukr40CxypnHDcR67jYChKRAluRd221sUJQGA2xFmIFxaNMv4OLHMRDA5i5ZGJMm_495mW14rqfYjYuYcFleYydVisdrd8XSvg3EDbG_S1MoLjPc_Z0LHM7WIRmUhJHj_UN9MZbc/s1600/mediafire_logo.gif < MF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPyN7cqTBeFdfKnxiazvLhqy0hgO70cIBckaKzhn5X5FHQKk436GLb31JFwb-9ZbRG9DKmoU-7ieV3QSnLOCv_XEc8qr72DqdiKUJGlMTKPHRz0OfbATrhHHB9ldi_g_TC9gheeDpWuGI/s1600/4Shared-Logo.jpg < 4Shared

Script dropdown menu kepunyaan Om @Dunov !
<style type="text/css">
#dsr ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 12px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 12px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#dsr li .current{color: transparant;}#dsr li a:hover, #dsr li a:active {background: #4B0082;background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -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 12px 8px;text-decoration: none;}#dsr {width: auto;float: left;margin: 0;padding: 0;}#dsr {margin: 0;padding: 0;}#dsr ul {float: left;list-style: none;margin: 0;padding: 0;}#dsr li {list-style: none;margin: 0;padding: 0;}#dsr li a, #dsr li a:link, #dsr li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 12px 8px;font: Bold 12px Georgia, Arial;}#dsr li a:hover, #dsr li a:active {background:transparant;color: #ffffff;margin: 0;font-size:15px;padding: 9px 12px 8px;text-decoration: none;}#dsr li li a, #dsr li li a:link, #dsr li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 150px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 20px; 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: bold 14px Arial, Arial;}#dsr li li a:hover, #dsr li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:15px;font-family:Arial;text-align: center;padding: 7px 10px;}#dsr li {float: left;padding: 0;}#dsr li ul {z-index: 9999;position: absolute;left: -999em;height: 15px;width: 170px;margin: 0;padding: 0;}#dsr li ul a {width: 140px;}#dsr li ul ul {margin: -32px 0 0 171px;}#dsr li:hover ul ul, #dsr li:hover ul ul ul, #dsr li.sfhover ul ul, #dsr li.sfhover ul ul ul {left: -999em;}#dsr li:hover ul, #dsr li li:hover ul, #dsr li li li:hover ul, #dsr li.sfhover ul, #dsr li li.sfhover ul, #dsr li li li.sfhover ul {left: auto;}#dsr li:hover, #dsr li.sfhover {position: static;}#footer-column-divide {clear:both;}#dsr{font-family:Comic Sans Ms;background:#000 url(http://lh3.googleusercontent.com/--yFvMZBnK48/TzmfWtqrwTI/AAAAAAAAAnM/0eNsFnXHcHo/s35/catmenu.jpg)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:190px;right:190px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
</style>

<div id='dsr'>
<ul id='dsr'>
<li><a href='http://police-swat.blogspot.com/'>Home</a></li>
<li><a href="http://police-swat.blogspot.com/" target='_blank'>Antivirus</a></li>
<li><a href='cyber-newby.blogspot.com/search/label/Artikel' target="_blank">Artikel</a></li>
<li><a href='cyber-newby.blogspot.com/search/label/Game%20PC' target='_blank'>PC Games</a></li>
<li><a href='http://police-swat.blogspot.com/#' target='_blank'>Download</a>
<ul class='children'>
<li><a href="cyber-newby.blogspot.com/search/label/Software" target='_blank'>Software</a></li>
<li><a href="cyber-newby.blogspot.com/search/label/Software" target='_blank'>Hack Software</a></li>
<li><a href="cyber-newby.blogspot.com/search/label/Software%20Modding" target='_blank'>Modding Software</a></li>
<li><a href="cyber-newby.blogspot.com/search/label/Software%20Music" target='_blank'>Music Software</a></li>
</ul>
</li>
<li><a href="http://police-swat.blogspot.com/#" target='_blank'>Windows</a>
<ul class='children'>
<li><a href="cyber-newby.blogspot.com/search/label/Windows%20XP" target='_blank'>Windows XP</a></li>
<li><a href="cyber-newby.blogspot.com/search/label/windows%207" target='_blank'>Windows 7</a></li>
<li><a href="cyber-newby.blogspot.com/search/label/Windows%207%20Loader" target='_blank'>OEM Os 7</a></li>
</ul>
</li>
<li><a href="cyber-newby.blogspot.com/search/label/History%20Blog" target='_blank'>History Blog</a></li>
<li><a href="cyber-newby.blogspot.com/search/label/Tutorial%20dan%20Software" target="_blank">Tutorial Software</a></li>
<li><a href='cyber-newby.blogspot.com/search/label/Uncategorized' target='_blank'>Uncategorized</a>
<ul class='children'>
<li><a href="http://www.facebook.com/aribizainulumam" target="_blank">Find US</a></li>
</ul>
</li>
<li><a href='http://police-swat.blogspot.com/' target='_blank'><blink>Tukar Link</blink></a></li>
</ul>
</div>

Ganti link http://police-swat.blogspot.com/ dengan link anda beserta LABEL nya !


Tidak ada komentar:

Posting Komentar