14 Jurus Menghias Kotak Untuk Menulis Komentar Blog

14 Jurus Menghias Kotak Untuk Menulis Komentar Blog

Menghias

Hutomo Sungkar

---

Kali ini Blog Nano Yulianto Akan berbagi cara menghias atau sedikit memberikan efek pada kotak untuk menulis komentar.

---

Penempatan Kode

Template >> Edit HTML >> Proceed

Penempatan kode berada di :

<b:skin><![CDATA[

Letakkan Kode disini

]]></b:skin>

Atau :

Ketik Ctrl+f dan masukkan kode :

<b:skin><![CDATA[

Letakkan kode di bawahnya <b:skin><![CDATA[

Kasus Lain

Jika ada kode "/*" disamping <b:skin><![CDATA[

Di Enter, turunkan kebawah :

Dan sekarang bisa letakkan kode dibawah <b:skin><![CDATA[

---

Pilih Gaya dan Kode

Untuk referensi :

Background bergambar

Macam-Macam Warna

Gaya 1

Akan terlihat transparan dan jika disentuh dengan mouse akan kembali normal.

Kode

.blogger-iframe-colorize{
opacity: 0.3;
transition: opacity 2s;
-moz-transition: opacity 2s;
-webkit-transition: opacity 2s;
-o-transition: opacity 2s;
}
.blogger-iframe-colorize:hover{
opacity:1;
}

Gaya 2

Masih sama dengan gaya pertama, yang berbeda ini menggunakan warna background.

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
opacity: 0.3;
transition: opacity 2s;
-moz-transition: opacity 2s;
-webkit-transition: opacity 2s;
-o-transition: opacity 2s;
}
.blogger-iframe-colorize:hover{
opacity:1;
}

Kode berwarna merah adalah kode untuk warna background. Anda bisa ganti sesuai selera.

Gaya 3

Ini membuat kotak komentar berganti warna jika disentuh dengan mouse.

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
transition: background 2s;
-moz-transition: background 2s;
-webkit-transition: background 2s;
-o-transition: background 2s;
}
.blogger-iframe-colorize:hover{
background:#ffff00;
}

Kode warna merah untuk warna background, bisa diganti. Kode warna Atas untuk belum disentuh, dan bawah saat disentuh.

Gaya 4

Ini membuat kotak komentar melengkung dan disentuh kembali normal

Kode

.blogger-iframe-colorize{
background:#555555;
border-radius:200px;
padding:10px 5px 5px 20px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
border-radius:10px;
}

Kode berwarna merah untuk warna background.

Gaya 5

Ini membuat kotak komentar melengkung dengan unik.

Kode

.blogger-iframe-colorize{
background:#555555;
border-radius:200px 0 200px 0;
padding:10px 5px 5px 20px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
border-radius:10px;
}

Kode berwarna merah untuk warna background.

Gaya 6

Ini bergaya MDev Template yaitu miring.

Kode

.blogger-iframe-colorize{
background:#242729;
color:#E6E3BB;
padding:10px 5px 5px 20px;
border-radius:7px;
transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transition: transform 2s;
-moz-transition: transform 2s;
-webkit-transition: transform 2s;
-o-transition: transform 2s;
}
.blogger-iframe-colorize:hover{
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
}

Kode berwarna merah untuk background, dan berwarna biru untuk warna teks. Untuk pengguna Template MDev langsung pakai saja tanpa merubah, tapi terserah anda.

Gaya 7

Ini terlihat biasa, tapi saat disentuh dia akan berputar (bilang waww sambil koprol).

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:7px;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transition: transform 2s;
-moz-transition: transform 2s;
-webkit-transition: transform 2s;
-o-transition: transform 2s;
}
.blogger-iframe-colorize:hover{
transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg);
}

Kode berwarna merah untuk background.

Gaya 8

Ini berputar ekstrim

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:7px;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition: transform 2s;
-moz-transition: transform 2s;
-webkit-transition: transform 2s;
-o-transition: transform 2s;
}
.blogger-iframe-colorize:hover{
transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg);
}

Kode berwarna merah untuk background.

Gaya 9

Ini berputar di kombinasikan dengan melengkung.

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:200px 15px 200px 15px;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
border-radius:15px;
transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg)
}

Kode berwarna merah untuk background.

Gaya 10

Kombinasi berputar dengan transparan

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:10px;
opacity:0.2;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
opacity:1;
transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg)
}

Kode berwarna merah untuk background.

Gaya 11

Ini menarik, susah dijelaskan dengan kata-kata (coba sendiri).

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:10px;
opacity:0.2;
transform:none;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
opacity:1;
transform:skew(180deg, 180deg);
-moz-transform:skew(180deg, 180deg);
-webkit-transform:skew(180deg, 180deg);
-o-transform:skew(180deg, 180deg)
}

Kode berwarna merah untuk background.

Gaya 12

Lebih Ekstrim seperti diatas

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:10px;
opacity:0.2;
transform:none;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
opacity:1;
transform:skew(360deg, 360deg);
-moz-transform:skew(360deg, 360deg);
-webkit-transform:skew(360deg, 360deg);
-o-transform:skew(360deg, 360deg)
}

Kode berwarna merah untuk background.

Gaya 13

Ini akan membuat terbalik dan disentuh normal kembali.

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:10px;
transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
}

Kode berwarna merah untuk background.

Gaya 14

Jika disentuh akan sedikit membesar.

Kode

.blogger-iframe-colorize{
background:#555555;
padding:10px 5px 5px 20px;
border-radius:10px;
opacity:0.2;
transform:none;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.blogger-iframe-colorize:hover{
opacity:1;
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}

Kode berwarna merah untuk background.

Teknik Border-Radius Mempercantik Tampilan Gambar Blog

Teknik Border-Radius Mempercantik Tampilan Gambar Blog

Menghias

Hutomo Sungkar

Yang dimaksud disini adalah agar gambar tampil di blog terlihat tidak standar.

---

Cara Penempatan Kode

1. Template >> Edit HTML >> Proceed

   

2. Penempatan kode berada di :

   <b:skin><![CDATA[

   Letakkan Kode disini

   ]]></b:skin>

   
   

   Atau :

   Ketik Ctrl+f dan masukkan kode :

   <b:skin><![CDATA[

   

   Letakkan kode di bawahnya.




Kasus Lain

Jika ada kode "/*" disamping <b:skin><![CDATA[





Di Enter, turunkan kebawah :



Dan sekarang bisa letakkan kode dibawah <b:skin><![CDATA[

---

Pilih Gaya Dan Kode

Melengkung Semua Sisi

img{
border-radius: 55px;
}

Ukuran 55px bisa anda sesuaikan, semakin besar, semakin melengkung.

Tampil Seperti Ketupat

img{
border-radius: 85px 5px;
}

Melengkung Di Sisi Atas

img{
border-radius: 55px 55px 5px 5px;
}

Melengkung Di Sisi Bawah

img{
border-radius: 55px 55px 5px 5px;
}

---

Penjelasan

Ukuran bisa anda sesuaikan selera. Bisa dikurangi atau ditambahkan ukurannya.

---

Credit Gambar Kay Panabaker (kaypanabaker.com) dari Fanpop Kay Panabaker

8 Macam Menghias Tombol Share Blogspot

8 Macam Menghias Tombol Share Blogspot

Menghias

Hutomo Sungkar

Ini adalah trik CSS3 untuk menghias tombol share blogspot anda.

1. Template >> Edit HTML >> Proceed

   

2. Penempatan kode berada di :

   <b:skin><![CDATA[

   Kode disini

   ]]></b:skin>

   
   

   Lebih gampangnya ketik keyboard Ctrl+f dan masukkan kode :

   <b:skin><![CDATA[

   

   Nanti kodenya letakkan dibawahnya

3. Pilih satu gaya yang anda mau :

   
   

   • Gaya pergantian gambar lambat :

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:background;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:background;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:background;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:background;
     }
     

   • Hover Transparan

     Transparan ke tidak transparan

     .share-button {
     opacity:0.5;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:opacity;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:opacity;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:opacity;
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:opacity;
     }
     .share-button:hover {
     opacity:1;
     }
     

     
     

     Tidak transparan ke transparan

     .share-button {
     opacity:1;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:opacity;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:opacity;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:opacity;
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:opacity;
     }
     .share-button:hover {
     opacity:0.5;
     }
     

   • Gambar menjadi besar

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:transform;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:transform;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:transform;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:transform;
     }
     .share-button:hover {
     transform:scale(3.3);
     -moz-transform:scale(3.3);
     -ms-transform:scale(3.3);
     -o-transform:scale(3.3);
     -webkit-transform:scale(3.3);
     }
     

   • Gambar menjadi besar efek 3D

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:background, transform;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:background, transform;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:background, transform;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:background, transform;
     }
     .share-button:hover {
     transform:scale(3.3);
     -moz-transform:scale(3.3);
     -ms-transform:scale(3.3);
     -o-transform:scale(3.3);
     -webkit-transform:scale(3.3);
     }
     

   • MDev Style Template

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transform:rotate(-20deg);
     -moz-transform:rotate(-20deg);
     -ms-transform:rotate(-20deg);
     -o-transform:rotate(-20deg);
     -webkit-transform:rotate(-20deg);
     transition-property:background, transform;
     -moz-transition-property:background, transform;
     -ms-transition-property:background, transform;
     -o-transition-property:background, transform;
     -webkit-transition-property:background, transform;
     }
     .share-button:hover {
     transform:rotate(0deg);
     -moz-transform:rotate(0deg);
     -ms-transform:rotate(0deg);
     -o-transform:rotate(0deg);
     -webkit-transform:rotate(0deg);
     }
     

     Bergaya miring seperti tema Template MDev (Template yang jadi trend pengenalan CSS3)

   • Terbalik

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:background, transform;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:background, transform;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:background, transform;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:background, transform;
     transform:rotate(-180deg);
     -moz-transform:rotate(-180deg);
     -ms-transform:rotate(-180deg);
     -o-transform:rotate(-180deg);
     -webkit-transform:rotate(-180deg);
     }
     .share-button:hover {
     transform:rotate(0deg);
     -moz-transform:rotate(0deg);
     -ms-transform:rotate(0deg);
     -o-transform:rotate(0deg);
     -webkit-transform:rotate(0deg);
     }
     

   • Berputar

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:background, transform;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:background, transform;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:background, transform;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:background, transform;
     }
     .share-button:hover {
     transform:rotate(-360deg);
     -moz-transform:rotate(-360deg);
     -ms-transform:rotate(-360deg);
     -o-transform:rotate(-360deg);
     -webkit-transform:rotate(-360deg);
     }
     

   • Berputar Ekstrim

     .share-button {
     transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     transition-property:background, transform;
     -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -moz-transition-property:background, transform;
     -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -webkit-transition-property:background, transform;
     -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
     -o-transition-property:background, transform;
     }
     .share-button:hover {
     transform:rotate(-1440deg);
     -moz-transform:rotate(-1440deg);
     -ms-transform:rotate(-1440deg);
     -o-transform:rotate(-1440deg);
     -webkit-transform:rotate(-1440deg);
     }
     

4. Preview

5. Save Template

---

Link Hover Efek Opacity atau Transparan

Link Hover Efek Opacity atau Transparan

Menghias

Hutomo Sungkar

Membuat link blog menjadi transparan ketika mouse anda berada diatas link tersebut (hover). Di tambahkan sedikit animasi dengan gaya lambat.

---

• Demo
• Install

---

Demo

Sentuh link dimana saja.

Back To Menu

---

Kode

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type='text/javascript'>
$(document).ready(function(){$("a").hover(function(){$(this).animate({opacity:"0.3"},1e3)},function(){$(this).animate({opacity:"1"},1e3)})})
</script>

*Kode berwarna merah adalah induk jQuery versi terbaru.

Back To Menu

---

Install

1. Template >> Edit HTML >> Proceed

   

2. Tekan Ctrl+f untuk cari kode: </head>

3. Masukkan kode diatas </head>

   

4. Preview

5. Save Template

Back To Menu

---

Memperindah Blog Dengan Turun Salju Plus Ketombe

Memperindah Blog Dengan Turun Salju Plus Ketombe

Menghias

Hutomo Sungkar

---

• Demo
• Kode
• Install

---

Demo

Seperti yang anda lihat. Jika tidak ada hujan ketombe, coba reload lagi post ini.

Back To Menu

---

Kode

<script type="text/javascript">
//<![CDATA[
if  ((document.getElementById) && window.addEventListener || window.attachEvent){

//Menghias Blog Dengan Turun Salju Plus Ketombe
(function(){//http://nanoyulianto.blogspot.com/2011/01/javascript-blogger.html

var ncl="white"; // warna salju

/////////////////////////////////
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('m p(){5 e,t,n,i,s,o;7(D){7(d.8&&d.q&&c d.q.P=="j"){e=d.8.11;t=d.q.P;n=d.8.13;i=d.q.14;s=e-t;o=n-i}f{s=r.15;o=r.Q}h=s-2;w=o-2}f{h=r.16-2;w=r.u-2}}m E(e){5 t,n;7(R){t=r.S;n=r.17}f{t=r.18;n=r.19}1a e==0?t:n}m F(){5 e,t;G(i=0;i<k;i++){e=l[i];t=l[i]*4.1b(v[i]);y[i]+=e;x[i]+=t;7(x[i]>=w||y[i]>=h){y[i]=-10;x[i]=4.b(4.6()*w);l[i]=9[i]==1?4.b(2+4.6()*2):4.b(3+4.6()*2);z[i]=9[i]==1?.g+4.6()*.1:.g+4.6()*.g}A[i].T=y[i]+E(0)+H;A[i].U=x[i]+E(1)+H;v[i]+=z[i]}1c(F,V)}m I(){p();G(i=0;i<k;i++){A[i]=J.1d("W"+(K+i)).B;y[i]=4.b(4.6()*h);x[i]=4.b(4.6()*w)}F()}5 k=X;5 V=X;5 1e=1;5 y=[];5 x=[];5 l=[];5 A=[];5 9=[];5 z=[];5 v=[];5 h,w,r;5 d=J;5 H="C";5 D=c a.Q=="j";5 R=c a.S=="j";5 K=d.1f("L").1g;7(d.8.B&&c d.8.B.1h=="1i")k=12;G(i=0;i<k;i++){9[i]=4.b(1+4.6()*1);J.1j(\'<L 1k="W\'+(K+i)+\'" B="1l:1m;T:Y;U:Y;1n:\'+9[i]+"C;1o:"+9[i]+"C;1p:"+1q+";1r-1s:"+9[i]+\'C"></L>\');v[i]=0;l[i]=9[i]==1?4.b(2+4.6()*2):4.b(3+4.6()*2);z[i]=9[i]==1?.g+4.6()*.1:.g+4.6()*.g}7(D)r=a;f{7(d.8&&c d.8.u=="j"&&d.8.u!=0)r=d.8;f{7(d.M&&c d.M.u=="j")r=d.M}}7(a.N){a.N("1t",p,Z);a.N("1u",I,Z)}f 7(a.O){a.O("1v",p);a.O("1w",I)}',62,95,'||||Math|var|random|if|documentElement|sfs|window|round|typeof|||else|05|||number|num|fall|function|||winsize|defaultView||||clientWidth|currStep||||step|theFlakes|style|px|domWw|scrl|snow|for|pix|init|document|idx|div|body|addEventListener|attachEvent|scrollMaxY|innerWidth|domSy|pageYOffset|top|left|timer|ketombe|30|0px|false||offsetHeight||offsetWidth|scrollMaxX|innerHeight|clientHeight|pageXOffset|scrollTop|scrollLeft|return|cos|setTimeout|getElementById|enableinNS6|getElementsByTagName|length|MozOpacity|string|write|id|position|absolute|width|height|background|ncl|font|size|resize|load|onresize|onload'.split('|'),0,{}))})();}//]]>
</script>

*Kode berwarna merah diganti dan disesuaikan dengan background blog.

Macam-Macam Warna

Back To Menu

---

Install

1. Layout >> Add a Gadget >> HTML/Javascript

   

2. Masukkan Kode

   

3. Save

Back To Menu

---

Pembuat Base Script Kurt Grigg

Menghias Link Blog Jadi Genit

Menghias Link Blog Jadi Genit

Menghias

Hutomo Sungkar

---

• Demo
• Kode
• Install

---

Demo

Sentuh link yang ada disini.

Back To Menu

---

Kode

<script type="text/javascript">
//<![CDATA[
//http://nanoyulianto.blogspot.com/2012/11/tips-trik-menghias-blog.html
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('g T(e){2(6==0){6=1;2(e)7=e;c 7=C.D;i=7.j.k;l=r("p()",s)}}g U(){2(6){7.j.k=i;t(l);6=0}}g E(){2(6==0){d e=C.D;F(e.m!="A"&&e.m!="q"){e=e.V;2(e.m=="A"||e.m=="q")G}2(e.m=="A"&&e.H!=""){7=e;6=1;i=7.j.k;l=r("p()",s)}}}g I(){2(6){2(7.m=="A"){7.j.k=i;t(l);6=0}}}g J(e){2(6==0){9=e.W;F(9.n!="A"&&9.n!="q"){9=9.X;2(9.n=="A"||9.n=="q")G}2(9.n=="A"&&9.H!=""){7=9;6=1;i=9.j.k;l=r("p()",s)}}}g K(e){2(6){2(7.n=="A"){7.j.k=i;t(l);6=0}}}g p(){7.j.k=L()}g L(){2(u==0){3=o;4=o;5=o}c{a=o;b=(v-u)*o/v;f=8%w;f=(a-b)*f/w;2(8<w){3=a;5=b;4=b+f}c 2(8<Y){4=a;5=b;3=a-f}c 2(8<Z){4=a;3=b;5=b+f}c 2(8<10){5=a;3=b;4=a-f}c 2(8<11){5=a;4=b;3=b+f}c 2(8<M){3=a;4=b;5=a-f}c{3=0;4=0;5=0}}3=x.y(3).z(16);4=x.y(4).z(16);5=x.y(5).z(16);2(3.B==1)3="0"+3;2(4.B==1)4="0"+4;2(5.B==1)5="0"+5;8=8+N;2(8>=M)8=0;O"#"+3+4+5}d N=12;2(h.P)13.14=15 17("O 18");d 7;d 6=0;d 8=0;d u=19;d o=v;d i;d l;2(h.1a){h.Q=E;h.R=I}c 2(h.P){h.1b(S.1c|S.1d);h.Q=J;h.R=K}',62,76,'||if|elmR|elmG|elmB|act|objActive|elmH|obj|t1|t2|else|var||t3|function|document|clrOrg|style|color|TimerID|tagName|nodeName|elmV|ChangeColor|BODY|setInterval|100|clearInterval|elmS|255|60|Math|floor|toString||length|event|srcElement|doRainbowAnchor|while|break|href|stopRainbowAnchor|Mozilla_doRainbowAnchor|Mozilla_stopRainbowAnchor|makeColor|360|rate|return|getElementById|onmouseover|onmouseout|Event|doRainbow|stopRainbow|parentElement|target|parentNode|120|180|240|300|20|window|onerror|new||Function|true|128|all|captureEvents|MOUSEOVER|MOUSEOUT'.split('|'),0,{}))
//]]>
</script>

Back To Menu

---

Install

1. Layout >> Add a Gadget >> HTML/Javascript

   

2. Masukkan Kode

   

3. Save

Back To Menu

---

Pembuat Base Script Takanashi Mizuki

Mematikan Klik Kanan Tanpa Rasa dan Tanpa Bau

Mematikan Klik Kanan Tanpa Rasa dan Tanpa Bau

Menghias

Hutomo Sungkar

---

• Penjelasan
• Demo
• Kode
• Install

---

Penjelasan

Ini mematikan klik kanan pengunjung tanpa peringatan.

Back To Menu

---

Demo

Lihat di : Demo

Back To Menu

---

Kode

<script type="text/javascript">
//<![CDATA[

//Mematikan Klik Kanan Tanpa Pesan
//http://nanoyulianto.blogspot.com/2012/11/tips-trik-menghias-blog.html
///////////////////////////////////
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 8(){1(0.9){a;4 5}}7 6(e){1(0.b||0.f&&!0.9){1(e.c==2||e.c==3){a;4 5}}}1(0.b){0.g(h.i);0.j=6}k{0.l=6;0.d=8}0.d=m n("4 5")',24,24,'document|if|||return|false|clickNS|function|clickIE|all|message|layers|which|oncontextmenu||getElementById|captureEvents|Event|MOUSEDOWN|onmousedown|else|onmouseup|new|Function'.split('|'),0,{}))
//]]>
</script>

Back To Menu

---

Install

1. Layout >> Add a Gadget >> HTML/Javascript

   

2. Masukkan Kode

   

3. Save

Back To Menu

---