supardi memang teguh: Juli 2012

Minggu, 29 Juli 2012

spoiler

Masukkan konten atau teks yang ingin dimasukkan disini

<div>
<br /></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});
</script>

<style type="text/css">
#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center;
display:none;}
</style>

<button id="butToggle">KLIK SAJA</button>

<br />
<div id="dvt">
Masukkan konten atau teks yang ingin dimasukkan disini</div>

<div class="normalfont" style="margin-bottom: 2px;">
<input 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 = 'OPEN'; }" style="-moz-border-radius: 15px 15px 15px 15px; background: none repeat scroll 0% 0% BLUE; color: white; font-size: 11px; margin: 0px; padding: 5px; width: 30%;" type="button" value="TAMPILKAN" /></div>
<div class="alt2">
<div style="display: none;">
<div style="color: RED; padding: 12px; text-align: justify;">
Text, URL Gambar atau Widget kalian Disni</div>
</div>
</div> <br>

/textarea>

<div id="spoiler">
<div align="center">
<div>
<input 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 = 'TAMPILKAN'; }" style="margin: 0px; padding: 0px;" type="button" value="TAMPILKAN" />
</div>
<div style="background: #ffffff; border: 0px solid #000; margin: 10px auto; padding: 5px;">
<div style="display: none;">
Text, URL Gambar atau Widget kalian Disni
</div>
</div>
</div>/textarea></p></div></form> <br>

Jumat, 27 Juli 2012

cra folow twitter trbnyi

Pada kesempatan kali ini saya akan memposting Cara Memasang Widget Follow Twitter Tersembunyi, dimana pada postingan saya yang sebelumnya juga membahas Cara Memasang Widget Follow Tersembunyi. disini saya akan memberikan jalan alternatif untuk menghemat Ruang penyimpanan Script, mudah-mudahan bermanfaat untuk anda dan untuk kita semua

Berikut Cara-caranya :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </body> Lalu masukkan code berikut tepat diatasnya:

<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'></script>

Lihat Contohnya :

KET :
- tfb.side = 'r' : Posisi Gambar anda bisa rubah R(Right) L(Left)
- tfb.top = 300; : jaraknya.
- tfb.label = 'follow-me'; : Tulisan, Anda dapat Merubahnya. : Misal : Follow me on Twitter
- UttajadoeL'; anda ganti sesuai dengan nama Twitter anda.

6. Simpan template, lihat hasilnya...

Jika Ingin Membuatnya Sendiri Bisa Kunjungi Situs Berikut.

Minggu, 22 Juli 2012

Menampilkan space iklan di blog memberi peluang & informasi pada advertiser bahwa blog tersebut menawarkan space iklan yg dapat disewa. Apalagi jika blog tersebut memiliki kredibilitas, rank, serta traffic tinggi, maka advertiser/pemasang iklan pasti akan berbondong-bondong untuk memasang iklan/banner iklan di blog tersebut. Namun tidak ada salahnya juga bagi blog baru memberikan space/ruang tersendiri sebagai tempat beriklan advertiser. Hitung-hitung sebagai persiapan dan kali saja ada advertiser yg tertarik. Selain itu penggunaan space iklan dapat menjadi daya tarik tersendiri apabila diletakkan dengan benar.

Nah, guna memasang space iklan, kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya bisa berantakan. Kali ini saya akan share kode template iklan yg saya buat serta gunakan untuk blog buka-rahasia.blogspot.com.

Fitur dari template iklan 125x125 buka-rahasia.com:

Fleksibel, susunan yg tampil sesuai dengan lebar widget.
Efek Border radius.
Efek Transparansi/Opacity ketika gambar di-hover.
Gampang di edit guna memasang gambar iklan & link.
Update (28-01-2012, 19.03 WIB): Dengan menghilangkan width serta height, template space iklan ini sekarang bisa digunakan untuk berbagai jenis ukuran banner iklan, 125x125, 300x250, 468x60, dst. Gunakan gambar sesuai dengan ukuran yg diinginkan maka widget space iklan akan muncul sesuai dengan ukuran tersebut.

Cara Memasang Kotak Space Banner Iklan di Widget Blog:

1. Masuk ke dashboard > template/design < Edit HTML

2. Copy kode CSS berikut & letakkan di ATAS ]]></b:skin>

#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.

3. Save Template.

4. Buka layout/design > Add a widget > Pilih HTML/Javascript.

5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):

<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>

Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.

6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.

Anda dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran 125x125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, bisa dicari di Google dengan keywords "ads space banner image (ukuran banner)". Upload gambar, ganti URL GAMBAR dengan url gambar yg sudah di-upload.

Jumat, 20 Juli 2012

http://suparditeguh3.cbox.ws

code 773844

<span style="font-style:italic;"></span><style type="text/css"> #at{ position:fixed; right:50px; z-index:+1000; } * html #at{position:relative;} .attab{ height:100px; width:40px; float:left; cursor:pointer; background:url(); } .atcontent{ float:left; border:2px solid #999; background: #000; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; -moz-box-shadow: 0px 2px 5px 0px #f8f9b9; } </style><br /> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script><br /> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="background:#000;"><br /> <br />LETAKKAN SCRIP ANDA DISINI

<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a></div><br /> </div></div><br /> <br /> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script><br /> <br /> <div style='display:scroll; position:fixed; top:0px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://upload.kapanlagi.com/c.php?f=201203281006364_jadi3_4f72803c534ff.gif"/></a></div></div>

Kode yang berwarna kuning bisa anda ganti dengan url gambar anda.
Terima kasih :)

cara Membuat Menu Buka Tutup di Blog

Duta XP, Malem nie suntuk bnget ya,,kenapa ya,,hemmmbb...!!!
mungkin gara" alexa rank akku turun lagi ya,,wahhhh,,gaswat nie,okelach langsung saja malam ini saya akan membuat artikel tentang bagaimanaCara Membuat Menu Buka Tutup di Blog, hitung" buat menaikan Alexa rank saya lagie. hehehehe...
caranya cukup simple dan cukup mudah untuk di lakukan,kita hanya cukup Copas Script gie tu aja,mudah bukan??

untuk lebih jelasnya silakan ikuti Ttorial di bawah ini :

1. Login dulu ke Blogger

2. Masuk ke menu Rancangan -> Tambah Widget

3. terus habis itu tinggal Copas Kode/Script di bawah ini :

<div><input style="font-family:Trebuchet MS; width:100px; border: 3px solid#FFFFFF;-moz-border-radius:20px; -webkit-border-radius:20px; margin:5px 0px 0px 0px; padding:5px; background:#000000; color:#00FF00;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value ='Mau Lihat Lagi?'; }" name="button" type="button" value="Buka Saja Sob!!" /></div><div id="show" style="display: none; margin:10px; padding: 5px; width: 100%;">LETAKKAN LINK/SCRIPT/GAMBAR AGAN DISINI</div><div id="hide"></div>

Keterangan :
Perhatikan yang saya berikan warna merah pada script diatas. Semua yang berwarna merah diatas bisa sobat ganti sesuai dengan keinginan sobat.
width:100px, border: 1px kode tersebut untuk menentukan lebar dari kotak dan bordernya,sobat bisa menggantinya sesui dengan keinginan.
#FFFFFF, :#000000, :#00FF00 = ini adalah kode warna HTML, sobat bisa menggantinya dengan mencari kode warna lain pada mbah google.

Sekian Tutorial ini saya buat semoga agan tertarik untuk mencobanya, dan bermanfaat bagi kita semua aminn,,
baca juga artikel tentang Bagaimana Membuat Gambar Melayang di Samping Blog..

.float {

width: 150px;

height: 800px;

border: solid 1px white;

}

</style>

function setPosition(id, position) {

var store = {

ram : {

top : 0,

left : 0,

right : 0,

bottom : 0

rom : {

top : null,

left : null,

right : null,

bottom : null

}

};

for (var i in position) {store.rom[i] = position[i];}

var element = document.getElementById(id);

for (i in store) {element[i] = store[i];}

element.rom.move = function() {

if (window.innerHeight) {

var topPage = window.pageYOffset;

var leftPage = window.pageXOffset;

var rightPage = leftPage + window.innerWidth - element.offsetWidth;

var bottomPage = topPage + window.innerHeight - element.offsetHeight;

}

else {

var topPage = document.body.scrollTop;

var leftPage = document.body.scrollLeft;

var rightPage = leftPage + document.body.clientWidth - element.offsetWidth;

var bottomPage = topPage + document.body.clientHeight - element.offsetHeight;

}

element.style.position = "absolute";

if (element.rom.top != null) {

element.ram.top += Math.round((topPage + element.rom.top - element.ram.top)/20);

element.style.top = element.ram.top;

}

if (element.rom.left != null) {

element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);

element.style.left = element.ram.left;

}

if (element.rom.right != null) {

element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20);

element.style.left = element.ram.right;

}

if (element.rom.bottom != null) {

element.ram.bottom += Math.round((bottomPage - element.rom.bottom - element.ram.bottom)/20);

element.style.top = element.ram.bottom;

}

setTimeout("document.getElementById('"+element.id+"').rom.move()",10);

};

element.rom.move();

}

setPosition("a", {top: 0, left: 880});

setPosition("c", {top: 0, left: 20});

</script>

Cara Membuat Menu Buka Tutup di Blog

untuk lebih jelasnya silakan ikuti Ttorial di bawah ini :

1. Login dulu ke Blogger

2. Masuk ke menu Rancangan -> Tambah Widget

3. terus habis itu tinggal Copas Kode/Script di bawah ini :

<div><input style="font-family:Trebuchet MS; width:100px; border: 3px solid#FFFFFF;-moz-border-radius:20px; -webkit-border-radius:20px; margin:5px 0px 0px 0px; padding:5px; background:#000000; color:#00FF00;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value ='Mau Lihat Lagi?'; }" name="button" type="button" value="Buka Saja Sob!!" /></div><div id="show" style="display: none; margin:10px; padding: 5px; width: 100%;">LETAKKAN LINK/SCRIPT/GAMBAR AGAN DISINI</div><div id="hide"></div>

Kamis, 12 Juli 2012

HOMEHOME
Mobile DownloadMobile Download
Ciamis ForumCiamis Forum
TutorialTutorial
BleachBleach

Rabu, 11 Juli 2012

http://petir-project.googlecode.com /files/petir.gif

Minggu, 08 Juli 2012

html warna

CAMEX WAP

KODE WARNA HTML Contoh:Putih =>#ffffff;

#FOF8FF
Aliceblue

#FAEBD7
Antiquewhite

#00FFFF
Aqua

#7FFFD4
Aquamarine

#F0FFFF
Azure

#F5F5DC
Beige

#FFE4C4
Bisque

#000000
Black

#FFEBCD
Blanchedalmond

#0000FF
Blue

#8A2BE2
Blueviolet

#A52A2A
Brown

#DEB887
Burlywood

#5F9EAD
Cadetblue

#7FFF00
Chartreuse

#D2691E
Chocolate

#FF7F50
Coral

#64950
Cornflowerblue

#FFF8DC
Cornsilk

#DC143C
Crimson

#00FFFF
Cyan

#00008B
Darkblue

#008B8B
Darkcyan

#B8860B
Darkgoldenrod

#A9A9A9
Darkgray

#006400
Darkgreen

#8B008B
Darkmagenta

#BDB76B
Darkkhaki

#556B2F
Darkolivegreen

#FF8C00
Darkorange

#9932CC
Darkorchid

#8B0000
Darkred

#E9967A
Darksalmon

#8FBC8B
Darkseagreen

#483D8B
Darkslateblue

#2F4F4F
Darkslategray

#00CED1
Darkturquoise

#9400D3
Darkviolet

#FF1493
Deeppink

#00BFFF
Deepskyblue

#696969
Dimgray

#1E90FF
Dodgerblue

#B22222
Firebrick

#FFFAF0
Floralwhite

#228B22
Forestgreen

#FF00FF
Fuchsia

#DCDCDC
Gainsboro

#F8F8FF
Ghostwhite

#FFD700
Gold

#DAA520
Goldenrod

#808080
Gray

#008000
Green

#ADFF2F
Greenyellow

#F0FFF0
Honeydew

#FF69B4
Hotpink

#CD5C5C
Indianred

#4B0082
Indigo

#FFFFF0
Ivory

#F0E68C
Khaki

#E6E6FA
Lavender

#FFF0F5
Lavenderblush

#7CFC00
Lawngreen

#FFFACD
Lemonchiffon

#ADE8E6
Lightblue

#F08080
Lightcoral

#E0FFFF
Lightcyan

#FAFAD2
Lightgoldenrodyellow

#90EE90
Lightgreen

#D3D3D3
Lightgray

#FFB6C1
Lightpink

#FFA072
Lightsalmon

#20B2AA
Lightseagreen

#87CEFA
Lightskyblue

#778899
Lightslategray

#B0C4DE
Lightsteelblue

#FFFFE0
Lightyellow

#00FF00
Lime

#32CD32
Limegreen

#FAF0E6
Linen

#FF00FF
Magenta

#800000
Maroon

#66CDAA
Mediumaquamarine

#0000CD
Mediumblue

#BA55D3
Mediumorchid

#9370DB
Mediumpurple

#3CB371
Mediumseagreen

#7B68EE
Mediumslateblue

#00FA9A
Mediumspringgreen

#48D1CC
Mediumturquoise

#C71585
Mediumvioletred

#191970
Midnightblue

#F5FFFA
Mintcream

#FFE4E1
Mistyrose

#FFE4E1
Moccasin

#FFDEAD
Navajowhite

#000080
Navy

#FDF5E6
Oldlace

#808000
Olive

#6B8E23
Olivedrab

#FFA500
Orange

#FF100%0
Orangered

#DA70D6
Orchid

#EEE8AA
Palegoldenrod

#98FB98
Palgreen

#AFEEEE
Paleturquoise

#DB7093
Palevioletred

#FFEFD5
Papayawhip

#FFDAB9
Peachpuff

#CD853F
Peru

#FFC0CB
Pink

#DDA0DD
Plum

#B0E0E6
Powderblue

#800080
Purple

#FF0000
Red

#BC8F8F
Rosybrown

#4169E1
Royalblue

#8B4513
Saddlebrown

#FA8072
Salmon

#F4A460
Sandybrown

#2E8B57
Seagreen

#FFF5EE
Seashell

#A0522D
Sienna

#C0C0C0
Silver

#87CEEB
Skyblue

#708090
Slategray

#FFFAFA
Snow

#00FF7F
Springgreen

#4682B4
Steelblue

#D2B48C
Tan

#008080
Teal

#D8BFD8
Thistle

#FF6347
Tomato

#40E0D0
Turquoise

#EE82EE
Violet

#F5DEB3
Wheat

#FFFFFF
White

#F5F5F5
Whitesmoke

#FFFF00
Yellow

#9ACD32
Yellowgreen

CAMEX 2010

HOME

supardi memang teguh