BASIC EMOTION AYODANCE CHAT FB BASIC EMOTION AYODANCE CHAT FB

 KHUSUS CHAT DI FACEBOOK

Codenya :

[[345533462139449]] > ;bete
[[308300382542918]] > ;calm
[[309626999060642]] > ;dan2
[[263022747090798]] > ;hai
[[200102950080196]] > ;hwa
[[158227984284324]] > ;mad
[[114550798664378]] > ;mo
[[299734090065127]] > ;omg
[[350421394973827]] > ;shy
[[208296672587372]] > ;doa
[[157844747656241]] > ;etc
[[158207970952008]] > ;groa
[[241721525896214]] > ;grr
[[113519815433465]] > ;hepi
[[239939099411255]] > ;joke
[[346508562029170]] > ;kdip
[[185298018232820]] > ;mbok
[[239249926147852]] > ;phew
[[332418196786941]] > ;shok
[[328430820514942]] > ;tear
[[222287944513884]] > ;we
[[164481350318329]] > ;win
[[330544910308348]] > ;zzz
[[267658843290223]] > ;hoeh
[[180154485416003]] > ;:D
[[221390677938174]] > ;swet
[[269394746450013]] > ;TT
[[222023621206273]] > ;uhuk
[[346372985378735]] > ;luph
[[187322684697844]] > ;tida
[[208533842565519]] > ;cuih
[[266659030060927]] > ;down

CARANYA :

Copy'kan Code Yang Berwarna Merah

Paste'kan di Chat Facebook

CTRL + C = COPY

CTRL + V = PASTE
Credit By:http://el-civas.blogspot.com

Membuat Efek Zoom Gambar saat dilalui Cursor Membuat Efek Zoom Gambar saat dilalui Cursor

Login ke Blogger
Pilih rancangan --> Edit HTML --> Centang Expand.
Kemudian letakkan CSS berikut diatas kode ]]></b:skin> 

.cayunhover img{
-webkit-transform:scale(0.3); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.3); /*Mozilla scale version*/
-o-transform:scale(0.3); /*Opera scale version*/
-webkit-transition-duration: 9.9s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.cayunhover img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.4); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px blue; /*Kode Css3 untuk efek shadow*/
-webkit-box-shadow:0px 0px 30px blue; /*Untuk safari*/
-moz-box-shadow:0px 0px 30px blue; /*Untuk Mozilla*/
opacity: 1;
}

Kemudian Save Template.

Untuk memanggilnya anda bisa memberikan perintah berikut :

<div class="cayunhover">
<img src="ULR GAMBAR ANDA"/>
</div>

Untuk peletakkan anda bisa letakkan di sidebar ataupun dipostingan,silahkan dikreasikan sendiri kode dan eefk"nya


Credit By:http://el-civas.blogspot.com

Cara Simple membuat Pell Effect [kertas berlipat] Cara Simple membuat Pell Effect [kertas berlipat]

Kalian tau apa itu page peel effect ??? yupz betul sekali kalian , hmm page peel effect menurut saya adalah efek lekukan kertas.
nah kali ini saya akan menunjukkan cara yang paling mudah untuk membuat efek tersebut, efek tersebut bisa kalian lihat di blog saya  , lebih tepatnya di pojok kanan atas blog ini, itu yg namanya page peel effect. kalian ingin page peel effect yang seperti di blog ini tidak ? kalo ingin akan saya tunjukkan caranya.
oke , langsung saja to the point tanpa basa basi lagi saya akan menunjukkan caranya, cara mudah membuat page peel effect untuk blogger.

1. kalian masuk ke akun blogger kalian.

2. Racangan => edit html

3. cari kode <head>

4. Kemudian anda copy kan kode di bawah ini tepat di bawah kode <head>

<script type='text/javascript'>var tujuan =&#39;https://www.facebook.com/pages/KrEzZ_gEnErL_pKu/140036476082304?sk=wall&#39;</script>
<script src='http://nazuafreedotblogspotdotcom.googlecode.com/files/pagepeeleffectnazuafreedotblogspotdotcom.js/' type='text/javascript'/>

5. ganti tulisan yang berwarna merah dan tebal dengan alamat fan page blog anda

6. kemudian simpan template dan refresh blog anda , dan lihat hasilnya.


sekian tutorial dari saya jika ada kesalahan mohon maaf , dan jangan lupa like fan page blog ini juga wkwk :D

Credit By"http://el-civas.blogspot.com

Membuat Tulisan Terbalik Membuat Tulisan Terbalik

Langsung aja deh gk usah basa-basi..
tuhh gan ada di bawahh...

Nihh Buka>>

Nihh Kawan Buka>>

Langsung aja deh gk usah basa-basi..
tuhh gan ada di bawahh...



Tulis Di Bawah Ya Kawan  

Hasilnya:



Tara....
Credit By:http://el-civas.blogspot.com

Membuat Menu Slide Blogger Menggunakan jQuery Membuat Menu Slide Blogger Menggunakan jQuery

Rata-rata setiap widget yang pembuatannya menggunakan efek jquery hasilnya menurut saya bagus dan apik, terutama bagian untuk animasinya, script ini saya ambil dari Jeremy Martin Blog, unruk mengunjungi blognya kalian bisa meng-klik link source pada bagian bawah post, untuk melihat hasil contoh yang dibuat oleh Jeremy martin kalian bisa masuk alamat http://www.jeremymartin.name/examples/kwicks.php?example=1 disini saya hanya mengganti tampilan akhir dari menu slide efek jquery.

Untuk tahap membuatnya, masuk pada bagian Design - Edit HTML, kemudian cari kode ]]></b:skin> kemudian letakan kode css dibawah ini diatas kode ]]></b:skin>

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWvLBMt2ogkiTbdoXy1rFw_DHXQ-Gr6z6Bb41DXfHdAVKE-0yDUFl0ueZj-rW5xeQty2CL50PoM76hmpBnKhI0woxGI54KCe0QFPWDHGLdcr6h_3Q89M4KLsRGmXhEY6nwGjvtH0DQOQkL/s1600/menuslidejquery.png
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block
}

Selanjutnya cari kode <head> dan letakan kode di bawah ini diatas kode <head>

<script src='http://situseo.googlecode.com/files/menuslidejquery-1.2.3.js' type='text/javascript'/>
<script src='http://situseo.googlecode.com/files/menuslidejquery.kwicks-1.5.1.js' type='text/javascript'/>
<script src='http://situseo.googlecode.com/files/menuslidejquery.easing.1.3.js' type='text/javascript'/>

Save template

Kemudian masuk Design - Page Element dan pilih add Gadget - HTML/javascript untuk posisi tampilan menu slide dan masukan script dibawah ini di dalamnya - kemudian Save

<div class='kwickswrap'>
<ul class='kwicks'>
<li id='kwick1'><a href='http://situseo.blogspot.com/' title='situseo home'>Home</a></li>
<li id='kwick2'><a href='http://situseo.blogspot.com/' title='kirim email'>Contact</a></li>
<li id='kwick3'><a href='http://situseo.blogspot.com/' title='about me'>About Me</a></li>
<li id='kwick4'><a href='http://situseo.blogspot.com/' title='link exchange'>Link</a></li>
</ul>
</div>

<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
max : 190,
duration: 800,
easing: 'easeOutQuint'
});
});
</script>

Credit By:http://el-civas.blogspot.com

BlogSpoiler.exe Untuk Spoiler Blog BlogSpoiler.exe Untuk Spoiler Blog

BlogSpoiler.exe adalah software untuk membuat spoiler di blogger.
Tentunya anda akan dipermudah untuk membuat scriptnya tanpa harus menghapal satu persatu bahasa html javascript.
BlogSpoiler ini juga bisa untuk menge' Cheat blog anda digoogle, all hasil untuk blog pemula, blog anda akan segera terindex digoogle dan akan semakin mudah dan semakin naik Rank nya.
Penggunaannya cukup mudah dan sangat simple, Berikut screen shootnya akan saya berikan.

 BlogSpoiler.exe

Dan Spoiler Defaultnya seperti ini:

<div><div style="margin-bottom: 2px;"><i><b>www.el-civas.blogspot.com </b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Isi Spoilernya disini / Spoiler content goes here</div></div></div>

Silahkan isi Spoilernya sesuai keyword yang anda inginkan.
Jika anda merasa tertarik maka saya akan berikan kepada anda.
Download Now BlogSpoiler.exe  (412 Kb)
Untuk para master silahkan lewat saja ^o^

Jenis-Jenis Border-radius (melengkung) Jenis-Jenis Border-radius (melengkung)

 Yups kali ini saya akan share mengenai cara membuat Jenis-Jenis Border-radius (melengkung).


ok deh gak usah panjang-panjang basa-basinya langsung aja deh langkah-langkah cara membuat Jenis-Jenis Border-radius (melengkung).


Syntax untuk border-radius




Mozilla Equivalent Browser Opera 10.5 Webkit Equivalent (Safari 3)
-moz-border-radius-topright border-top-right-radius -webkit-border-top-right-radius
-moz-border-radius-bottomright border-bottom-right-radius -webkit-border-bottom-right-radius
-moz-border-radius-bottomleft border-bottom-left-radius -webkit-border-bottom-left-radius
-moz-border-radius-topleft border-top-left-radius -webkit-border-top-left-radius
-moz-border-radius border-radius -webkit-border-radius




-Moz-Border-Radius (Untuk Mozilla)

<div style="-moz-border-radius: 5px; background-color: #cccccc; border: 1px solid #000; padding: 10px;">
ISI TULISAN
</div>

<div style="-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: #cccccc; border: 1px solid #000; padding: 10px;">
ISI TULISAN</div>

<div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid #000; padding: 10px;">
ISI TULISAN</div>

<div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>

<div style="-moz-border-radius: 30px 10px; background-color: #f5f6ce; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>

-Webkit-Border-Radius (Untuk Safari)

<div style="-webkit-border-bottom-right-radius: 30px; -webkit-border-top-left-radius: 30px; background-color: #a9d0f5; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div

<div style="-webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; background-color: #f5d0a9; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>

Border-Radius (Support Opera 10.5)

<div style="background-color: #f5f6ce; border-radius: 30px; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>

kode-kode diatas bisa juga ditempatkan pada sidebar atau pada css sobat, tinggal sobat bagaimana ingin mengaplikasikannya.. ^_^ 

Credit By:http://el-civas.blogspot.com

Recent Visitor Pojok Kiri Bawah Recent Visitor Pojok Kiri Bawah