KAWULO ALIT: BLOG | Your Short Blog Description Here

Home » Penelusuran BLOG

Untuk kalian para blogger yang khususnya mempunyai blog tutorial pasti sangat membutuhkan Sebuah script kode yang pbermacam_macam. Mulai dari yang script anti copas, anti bom klik, anti print dan masih banyak lainnya. Apalagi jika kalian ingin berbagai sebuah artikel yang membahas tentang tutorial Kode HTML yang di mana kalian harus membagikan kode html kepada para pengunjung untuk di copy paste. Nah namun apabila kalian kesulitan karena blog kalian sudah terpasang kode anti copas pasti ribet.

Oleh karena itu adpati akan menshare sebuah kode kotak (box) script html yang di mana kode di dalam kotak ini nantinya bisa di copy paste oleh pengunjung walaupun blog kalian sudah terpasang script anti copas.Kotak script ini trbilang cukup istimewah dan keren, kalian bisa mengubah kode warna sesuai keinginan kalian. Seperti apa si tutorialnya?

Simak Langkah pertama di bawah ini:

Masuk ke Blogger - Template - Edit HTML.
Tekan Ctr+F dan cari kode ]]></b:skin>.
Paste kan kode di bawah ini diatas kode ]]></b:skin>. Caranya klik 2x (dua kali) di dalam kotak untuk copy.


      /*CSS Syntax Hightler */



pre {



padding: 50px 10px 10px 10px;



margin: .5em 0;



word-wrap: break-word;



white-space: pre;



overflow: auto;



position: relative;



background-color: #2c323c;



border-radius: 4px;

content: attr(title);



max-height: 500px;



}



pre::before {

font-size: 16px;



padding: 10px;



position: absolute;



top: 0;

background-color: #eee;



left: 0;

margin: 0 0 15px 0;



right: 0;



color: #fff;



text-transform: uppercase;



display: block;

padding: 2px 10px;



font-weight: bold;



}



pre::after {

content: &#39;Double click to selection&#39;;



color: #fff;



width: auto;



height: auto;



position: absolute;



right: 8px;

top: -8px;



top: 8px;

line-height: 20px;

transition: all 0.3s ease-in-out;



}



pre:hover::after {

opacity: 0;

Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;



visibility: visible;



}



code {

font-family: Consolas,Monaco,&#39;



line-height: 16px;

color: #88a9ad;

background: none;



background-color: transparent;



padding: 1px 2px;

pre code {



font-size: 12px;

}

color: #e9e9e9;



display: block;

border: none;

color: #ccc;



direction: ltr;



text-align: left;



word-spacing: normal;



padding: 0 0;

code .token.punctuation {



font-weight: bold;

}


}

opacity: .8;



pre code .token.punctuation {



color: #fafafa;

}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {



color: #777;

}

code .namespace {

color: #88a9ad;



}



code .token.property,code .token.tag,code .token.boolean,code .token.number {



color: #e5dc56;

}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {



code .token.selector,code .token.attr-name,code .token.string {

}

pre code .token.selector,pre code .token.attr-name {



color: #fafafa;

}

pre code .token.string {

code .token.operator {



color: #40ee46;

}

color: #ccc;

}

}

color: #1887dd;

code .token.comment {



code .token.atrule,code .token.attr-value {



color: #009999;

}

pre code .token.atrule,pre code .token.attr-value {



color: #1baeb0;

}

code .token.keyword {

color: #e13200;

color: #fff!important;



font-style: italic;

}

font-style: italic;



}



color: #ccc;



code .token.regex {

}

code .token.important {



font-weight: bold;

}

code .token.entity {

background-color: #ea4f4e!important;



cursor: help;

}

pre mark {

padding: 2px;

color: #fff!important;



border-radius: 2px;



}



code mark {

background-color: #ea4f4e!important;



color: #fff!important;

padding: 2px;

background-color: #ea4f4e!important;



border-radius: 2px;

}

pre code mark {

left: 0;

padding: 2px;



border-radius: 2px;

}

.comments pre {



padding: 10px 10px 15px 10px;



background: #2c323c;

}

content: &#39;Code&#39;;



.comments pre::before {

font-size: 13px;

background-color: #f56954;



position: relative;

top: 0;

padding: 3px 10px;

color: #eee;



right: 0;



color: #fff;



text-transform: uppercase;



display: inline-block;

font-weight: bold;



margin: 0 0 10px 0;

border-radius: 4px;

font-size: 11px;



border: none;

}

.comments pre::after {

}

height: 100%;



.comments pre code {

}

.comments pre.line-numbers {



padding-left: 10px;

}

position: relative;



pre.line-numbers {

padding-left: 3.0em;

pre.line-numbers &gt; code {



counter-reset: linenumber;

}

position: relative;

counter-increment: linenumber;

}



.line-numbers .line-numbers-rows {

position: absolute;

pointer-events: none;



top: 0;

left: -3.5em;



font-size: 100%;

-webkit-user-select: none;



width: 3em;

-ms-user-select: none;



-moz-user-select: none;

padding: 0;

pointer-events: none;



}



.line-numbers-rows &gt; span {

pre[data-codetype=&#39;HTML&#39;]:before {



display: block;

}

.line-numbers-rows &gt; span:before {



content: counter(linenumber);

padding-right: 0.8em;



color: #999;

display: block;

pre[data-codetype=&#39;CSS&#39;]:before {



text-align: right;

transition: 350ms;

}

background-color: #3cc888;



background-color: #00a1d6;

}


}

}   



pre[data-codetype=&#39;JavaScript&#39;]:before {



background-color: #75d6d0;

}

background-color: #e5b460;



pre[data-codetype=&#39;JQuery&#39;]:before {

Kemudian langkah kedua:

Cari lagi dengan cara tekan Ctr+F kode </body>.
Copy script di bawah ini dan pastekan di atas kode </body>.


   <script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>



<script>



$(&#39;pre&#39;).attr(&#39;class&#39;, &#39;line-numbers&#39;);



Prism.hooks.add(&quot;after-highlight&quot;,function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf(&quot;line-numbers&quot;)===-1){return}var n=1+e.code.split(&quot;\n&quot;).length;var r;lines=new Array(n);lines=lines.join(&quot;<span/>&quot;);r=document.createElement(&quot;span&quot;);r.className=&quot;line-numbers-rows&quot;;r.innerHTML=lines;if(t.hasAttribute(&quot;data-start&quot;)){t.style.counterReset=&quot;linenumber &quot;+(parseInt(t.getAttribute(&quot;data-start&quot;),10)-1)}e.element.appendChild(r)})



</script>



<script type='text/javascript'>



var pres = document.getElementsByTagName(&quot;pre&quot;);



for (var i = 0; i &lt; pres.length; i++) {

pres[i].addEventListener(&quot;dblclick&quot;, function () {



var selection = getSelection();

var range = document.createRange();

}, false);



range.selectNodeContents(this);

selection.removeAllRanges();

selection.addRange(range);
}

</script>

setelah itu baru di simpan.

CARA MEMBUAT KOTAK SCRIPT KEREN

Simak Langkah pertama di bawah ini:

Masuk ke Blogger - Template - Edit HTML.
Tekan Ctr+F dan cari kode ]]></b:skin>.
Paste kan kode di bawah ini diatas kode ]]></b:skin>. Caranya klik 2x (dua kali) di dalam kotak untuk copy.


      /*CSS Syntax Hightler */



pre {



padding: 50px 10px 10px 10px;



margin: .5em 0;



word-wrap: break-word;



white-space: pre;



overflow: auto;



position: relative;



background-color: #2c323c;



border-radius: 4px;

content: attr(title);



max-height: 500px;



}



pre::before {

font-size: 16px;



padding: 10px;



position: absolute;



top: 0;

background-color: #eee;



left: 0;

margin: 0 0 15px 0;



right: 0;



color: #fff;



text-transform: uppercase;



display: block;

padding: 2px 10px;



font-weight: bold;



}



pre::after {

content: &#39;Double click to selection&#39;;



color: #fff;



width: auto;



height: auto;



position: absolute;



right: 8px;

top: -8px;



top: 8px;

line-height: 20px;

transition: all 0.3s ease-in-out;



}



pre:hover::after {

opacity: 0;

Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;



visibility: visible;



}



code {

font-family: Consolas,Monaco,&#39;



line-height: 16px;

color: #88a9ad;

background: none;



background-color: transparent;



padding: 1px 2px;

pre code {



font-size: 12px;

}

color: #e9e9e9;



display: block;

border: none;

color: #ccc;



direction: ltr;



text-align: left;



word-spacing: normal;



padding: 0 0;

code .token.punctuation {



font-weight: bold;

}


}

opacity: .8;



pre code .token.punctuation {



color: #fafafa;

}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {



color: #777;

}

code .namespace {

color: #88a9ad;



}



code .token.property,code .token.tag,code .token.boolean,code .token.number {



color: #e5dc56;

}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {



code .token.selector,code .token.attr-name,code .token.string {

}

pre code .token.selector,pre code .token.attr-name {



color: #fafafa;

}

pre code .token.string {

code .token.operator {



color: #40ee46;

}

color: #ccc;

}

}

color: #1887dd;

code .token.comment {



code .token.atrule,code .token.attr-value {



color: #009999;

}

pre code .token.atrule,pre code .token.attr-value {



color: #1baeb0;

}

code .token.keyword {

color: #e13200;

color: #fff!important;



font-style: italic;

}

font-style: italic;



}



color: #ccc;



code .token.regex {

}

code .token.important {



font-weight: bold;

}

code .token.entity {

background-color: #ea4f4e!important;



cursor: help;

}

pre mark {

padding: 2px;

color: #fff!important;



border-radius: 2px;



}



code mark {

background-color: #ea4f4e!important;



color: #fff!important;

padding: 2px;

background-color: #ea4f4e!important;



border-radius: 2px;

}

pre code mark {

left: 0;

padding: 2px;



border-radius: 2px;

}

.comments pre {



padding: 10px 10px 15px 10px;



background: #2c323c;

}

content: &#39;Code&#39;;



.comments pre::before {

font-size: 13px;

background-color: #f56954;



position: relative;

top: 0;

padding: 3px 10px;

color: #eee;



right: 0;



color: #fff;



text-transform: uppercase;



display: inline-block;

font-weight: bold;



margin: 0 0 10px 0;

border-radius: 4px;

font-size: 11px;



border: none;

}

.comments pre::after {

}

height: 100%;



.comments pre code {

}

.comments pre.line-numbers {



padding-left: 10px;

}

position: relative;



pre.line-numbers {

padding-left: 3.0em;

pre.line-numbers &gt; code {



counter-reset: linenumber;

}

position: relative;

counter-increment: linenumber;

}



.line-numbers .line-numbers-rows {

position: absolute;

pointer-events: none;



top: 0;

left: -3.5em;



font-size: 100%;

-webkit-user-select: none;



width: 3em;

-ms-user-select: none;



-moz-user-select: none;

padding: 0;

pointer-events: none;



}



.line-numbers-rows &gt; span {

pre[data-codetype=&#39;HTML&#39;]:before {



display: block;

}

.line-numbers-rows &gt; span:before {



content: counter(linenumber);

padding-right: 0.8em;



color: #999;

display: block;

pre[data-codetype=&#39;CSS&#39;]:before {



text-align: right;

transition: 350ms;

}

background-color: #3cc888;



background-color: #00a1d6;

}


}

}   



pre[data-codetype=&#39;JavaScript&#39;]:before {



background-color: #75d6d0;

}

background-color: #e5b460;



pre[data-codetype=&#39;JQuery&#39;]:before {

Kemudian langkah kedua:

Cari lagi dengan cara tekan Ctr+F kode </body>.
Copy script di bawah ini dan pastekan di atas kode </body>.


   <script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>



<script>



$(&#39;pre&#39;).attr(&#39;class&#39;, &#39;line-numbers&#39;);



Prism.hooks.add(&quot;after-highlight&quot;,function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf(&quot;line-numbers&quot;)===-1){return}var n=1+e.code.split(&quot;\n&quot;).length;var r;lines=new Array(n);lines=lines.join(&quot;<span/>&quot;);r=document.createElement(&quot;span&quot;);r.className=&quot;line-numbers-rows&quot;;r.innerHTML=lines;if(t.hasAttribute(&quot;data-start&quot;)){t.style.counterReset=&quot;linenumber &quot;+(parseInt(t.getAttribute(&quot;data-start&quot;),10)-1)}e.element.appendChild(r)})



</script>



<script type='text/javascript'>



var pres = document.getElementsByTagName(&quot;pre&quot;);



for (var i = 0; i &lt; pres.length; i++) {

pres[i].addEventListener(&quot;dblclick&quot;, function () {



var selection = getSelection();

var range = document.createRange();

}, false);



range.selectNodeContents(this);

selection.removeAllRanges();

selection.addRange(range);
}

</script>

setelah itu baru di simpan.

CARA MEMASANG ANTI COPAS, KOTAK SCRIPT YANG BISA DI COPAS DI BAGIAN POSTINGAN TERTENTU SAJA

Kenapa pasang script anti copas?

Admin akan berbagi informasi mengenai Script anti copas dan Script didalam kotak yang bisa di copas di bagian tertentu.Berikut ringkasannya:

SCRIPT ANTI COPAS ANTI PRINT DAN MEMATIKAN KLIK KANAN

1). Login ke Akun Blogger anda.

2). Kemudian pilih Menu Template dan pilih Edit HTML.

3). Cari Kode </head>, gunakan Ctrl+F untuk mempermudah pencarian.

4). Jika sudah ketemu silakan Copy kode Kode Script di bawah ini dan Paste dibawah kode </head>


 <script type="text/javascript">


if (typeof document.onselectstart!="undefined") {

document.onselectstart=new Function ("return false");
}

else{


document.onmouseup=new Function ("return true");
document.onmousedown=new Function ("return false");


}


</script >

5).Simpan Template.

SCRIPT ANTI COPAS SEMUA POSTINGAN


 .post-outer {


-webkit-touch-callout:none;
-webkit-user-select:none;


-ms-user-select:none;
-khtml-user-select:none;


-moz-user-select:none;


}

SCRIPT ANTI COPAS BAGIAN TERTENTU

CARA MEMBUAT IKLAN BANNER DIBAWAH HALAMAN TANPA TOMBOL CLOSE

Kemarin blog ini sudah membahas seputar script iklan footer dengan tombol close dan pada kesempatan kali ini akan membahas yang sebaliknya.

Berikut langkah-langkahnya :

1). Masuk Akun Blogger

2). Tata Letak - Tambahkan Gadget - HTML/Javascript dan Paste kan Script di bawah ini


 <div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div style='text-align:center;display:block;max-width:320px;height:auto;overflow:hidden;margin:auto'>



<center>
KODE IKLAN TARUH SINI
</center>



</div>

</div>

PENYEDIA LAYANAN IKLAN SELAIN GOOGLE ADSENSE

1). Google Adsense.

Blog harus berumur minimal 3-6 bulan
Blog menggunakan Domain TLD (Top Level Domain)
Pengunjung blog minimal 500 viewer per hari.
Dan masih banyak yang lain.

Untuk mendaftar silahkan kunjungi Google Adsense.

2). Adnow

Selain itu iklan adnow cocok diletakkan di bagian sidebar. Iklan Adnow juga dapat dipadukan secara bersamaan dengan iklan lain seperti Google Adsense, RevenueHits, Adreactor, dan iklan yang lainnya.

Script iklan Adnow tidak akan merusak atau mengganggu tampilan iklan lainnya.Adnow mendukung berbagai bahasa, termasuk bahasa Indonesia. Bagi kalian yang ingin mencoba silahkan daftar di Adnow.

3). Popcash

4). Adf.ly

5). Shorte.st

6). AdsenseCamp

7). ReveneuHits

ANTI ADBLOCK UC BROWSER DAN OPERA MINI TERAMPUH

Disisi lain adblock merupakan sebuah keuntungan untuk para visitor / pengunjung blog. Namun disisi lainnya adblock adalah rintangan bagi para blogger atau publisher adsense.

Penghasilan adsense menurun?

Tentu. Iklan mau tampil di cekal oleh adblock.

Maka dari itu disini saya akan berbagi. Salah satu jalan keluar yaitu memasang SCRIPT ANTI ADBLOCK TERBARU. Dan ini tergolong ampuh.

Contoh browser yang menggunakan fitur Adblock ialah UC Browser Dan Opera Mini.

Cara pemasangan:

1). Masuk Akun Blogger Anda.

2). Kita menuju -> Tata Letak

3). Tambahkan Gadget-> HTML JAVA SCRIPT

4).Masukan Kode di bawah ini:

KAWULO ALIT

Baca Juga

CARA MEMBUAT KOTAK SCRIPT KEREN

Baca Juga

Baca Juga

CARA MEMASANG ANTI COPAS, KOTAK SCRIPT YANG BISA DI COPAS DI BAGIAN POSTINGAN TERTENTU SAJA

Baca Juga

Baca Juga

CARA MEMBUAT IKLAN BANNER DIBAWAH HALAMAN TANPA TOMBOL CLOSE

Baca Juga

Baca Juga

PENYEDIA LAYANAN IKLAN SELAIN GOOGLE ADSENSE

Baca Juga

Baca Juga

ANTI ADBLOCK UC BROWSER DAN OPERA MINI TERAMPUH

Baca Juga