Super animated Menu

Membuat navigasi menu horizontal ini amatlah mudah dan cepat. Yah ... ini semua karena hanya kode CSS yang digunakan. Kode tak seberapa banyak tapi coba sampeyan lihat bentuk hasil akhirnya. Wuh ... nggak ngira, dah, klo navigasi menu ini tanpa jQuery, motool atau javascript yang lain. Animasinya, mbul ... Sangar, kata orang. Gimana? Mo lihat tampilannya? Ho ... ho ... Jangan lewatkan pokoknya. Nih, caranya

Cara Membuat Super Animated CSS3 Navigation Menu

1. Login to BloGGeR dengan cara menuliskan User Name (Nama Pengguna) atau Email Address, kemudian tuliskan juga Password baru lanjutkan KLIK "Login".
2. Setelah login maka di hadapan sampeyan akan terlihat halaman Dasboard. KLIK link "Design (Rancangan).
3. Ketika terlihat Page Element (Elemen Laman), KLIK "Edit HTML".
4. Di sinilah kode CSS akan di simpan. Cari kode ]]></b:skin>. Supaya mudah mencarinya, gunakan Ctrl+F. KLIK secara bersamaan, baru lakukan pencarian kode.Letakkan seluruh kode CSS tepat di atas kode ]]></b:skin> seperti yang terlihat pada kode CSS Dibawah
5. KLIK SAVE Template (Simpan Template).

Membuat Tombol show/hide

Contoh nya :

[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]

Cara membuat nya: copi paste scrip di bawah ini
dan pasangkan pada posting/widget agan2

<div>
<div style="margin: 5px;">
<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 = 'Buka'; }" style="background: none repeat scroll 0% 0% rgb(66, 66, 66); color: #ffffcc; font-size: 11px; margin: 0px; padding: 5px; width: 100%;" type="button" value="Tutup" /></div>
<div class="alt2">
<div style="display: none;">
<div style="color: bisque; padding: 10px; text-align: justify;">

<div style="-moz-background-inline-policy: -moz-initial; -moz-border-radius: 0px 0px 0px 0px; background: url(&quot;#&quot;) no-repeat scroll 0pt 0pt rgb(0, 0, 0); border: 1px solid rgb(204, 204, 204); height: 250px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">


</div>
</div>
</div>
</div>
</div>
</div>

Membuat Screen Saver

Membuat Screen Saver seperti Pada blog ini
copy paste kode dibawah ini dantambahkan melalui add gadget

<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #794704;border-bottom: 5px solid #ffffff;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #794704;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: Blue;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #794704;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #794704;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_lefrans {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_lefrans span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style> <div class='saving'><p class='esm1'>LefransNote <span class='esm2'>Energy Saving Mode using CSS3</span> <span class='esm3'>Move your mouse to go back to the page!Gerakkan mouse anda dan silahkan nikmati kembali posting kami!</span></p><div class='by_lefrans'>Original design by: <span class='esm4'> lefransnote.blogspot.com - lefransnote.blogspot.com</span> - Oktober 2010</div></div>

Semoga Bermamfaat

membuat teks area II

Model : I

<form name="copy"><div align="center"><input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><textarea 5px;="" ;="" cols="36" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(170, 255, 0); border-color: rgb(255, 0, 0); border-style: none solid solid groove; border-width: 15px 0px 3px 15px; color: green; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

Model II

<form name="copy"><div align="center"><input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 255, 255); border-color: rgb(0, 0, 255) rgb(255, 0, 0); border-width: 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

Model : III

<form name="copy"><div align="center"><input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(200, 255, 255); border-color: rgb(0, 255, 255); border-style: solid ridge ridge; border-width: 3px 5px 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

Model .4

<form name="copy"><div align="center"><input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border-color: rgb(41, 95, 0); border-style: dashed solid solid dashed; border-width: 2px; color: #295f00; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

Model : 5

<form name="copy"><div align="center"><input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: none repeat scroll 0% 0% rgb(255, 255, 175); border-color: rgb(127, 69, 0); border-style: dotted ridge; border-width: 2px; color: brown; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

Model : 6

<form name="copy"><div align="center"><br /> <input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" style="-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0pt 1px 10px rgb(255, 255, 0); background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 0)) repeat scroll 0% 0% transparent; border: 2px outset rgb(255, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI

Model : 7

<form name="copy"><div align="center"><input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0); background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9), rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI

Macam2 teks area

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;">ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI

<textarea cols="20" name="Bptxt" rows="3" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: white none repeat scroll 0% 0%; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">simpan tulisan anda di sini

<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI 

<textarea name="Bptxt" rows="3" cols="20" style="background:yellow; color:black;border-left: 20px solid red; line-height: 1.5em; padding: 5px;-webkit-box-shadow: 5px 5px 8px #818181; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; ">Tulis text ataupun kode-kode yang anda ingin tampilkan di sini

<div style="overflow: auto; width: 200px; height: 100px;
background-color: #ffecff; background-attachment: scroll;
background-repeat: no-repeat; background-position:right bottom;
background-image:
url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif);
text-align: justify; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;
font-family:Sans-serif;">Tulis disini...
</span>
</div>

<textarea div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000 url(http://i1115.photobucket.com/albums/k546/lato07/Animated/broken-hearts-skull-danger.gif) no-repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); height: 100px; overflow: auto; padding: 5px; color: #fff; text-align: justify; width: 358px;">Tuliskan Teks atau Kode HTML di sini

<textarea div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000 url(http://i1115.photobucket.com/albums/k546/lato07/Animated/blue-storm-lightning-sky.gif) no-repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); height: 100px; overflow: auto; padding: 5px; color: #fff; text-align: justify; width: 358px;">Tuliskan Teks atau Kode HTML di sini

Tooltip Terbang

Tooltips! Ah ..., aku sungguh sangat menyukai ini. Sebuah desain yang tidak saja bermanfaat bagi pengunjung, akan tetapi dia juga merupakan sebuah "barang berharga" yang mampu membuat sebuah blog terlihat lebih cantik, lebih keren serta mampu mencerminkan sebuah kesungguhan dalam "pribadi pengelola blog". Maaf..., itu hanya penilaian subyektif dari aku. Yang jelas bahwa toolttip memang menambah "gaya" dan penampilan. "Rasa suka" akan tooltip ini membuat aku mencoba menuangkannya dalam beberapa posting. Yah ..., moga-moga saja memberi manfaat bagi para sobat blogger. Hanya perlu aku sampaikan bahwa posting "javascript tooltip-4" yang sudah aku terbitkan beberapa bulan yang lalu "tidak diperuntukkan bagi blogspot". E ..., barangkali saja ada yang ngeblog di luar blogspot dan tertarik untuk menggunakannya. O..., ya..., sebagai pelengkap koleksi tooltip, aku punya sebuah tooltip yang sangat menarik yang pada saat ini juga masih aku gunakan  mungkin sampeyan tertarik untuk memanfaatkan sebagai pelengkap blog. Silahkan coba untuk dibuat

DEMO - How to Use CSS3 Transition Delay, Transition Property, Transition Duration and Transition Timing Function

frans parpar

Place mouse over here!

fransparpar
Place mouse over here!

fransparpar
Place mouse over here!

fransparpar

Place mouse over here!

Membuat Pasword Postingan blog

membuat pasword dalam postingan
mungkin ada juga yang bertanya kaya gimana contoh dan cara membuat nya
nah contoh dan caranya seperti di bawah ini

Langkah langkah :
untuk membuat pssword pada postingan blog anda, berikut caranya :
1. Tambahkan Code encrypt pada HTML template blogspot anda(lihat di bawah)
2. encrypt tulisan di encrypt page
Masukkan password untuk tulisan yang sudah di encrypt di Key box (pastikan anda mengingat ini)
masukkan tulisan yang mau di encrypt di Plain Text box
klik Encrypt
3. Copy and paste code di HTML Code box ke dalam postingan anda.

Baca selengkapnya

empire ellies tutorial

DownLoad:

• Upgrade Flash player ( abaikan kalo sudah)

• EA.Bot 0.12 :

• Plugin EA Bot.1
• Plugin  EA Bot 2

   instal EaBot 0.12 di drive D
   lalu ekstrak Plugin eabot 1 di t4 hasil instalan dari eabot 0.12 td, tepatnya ekstrak di folder EAAbot
  jalankan bot dan tunggu hingga bot selesai memuat aneka tab multi
  setting bot sebelum di jalankan...
  kalo udah di setting tinggal di save dan start...

SS.  setting cari barang ada pada tab market (click untuk memperbesar)

SS: mencari energy ada pada tab energi:

SS setiingan cari coin ada di tab neighbour

SS bot bekerja dengan baik

Jika terjadi Error OSS stop bot dan nyalakan lagi, jika masih error uninstal dan instal ulang lg