CARA MEMBUAT KOTAK SCRIPT KEREN
Untuk kalian para blogger yang khususnya mempunyai blog tutorial pasti sangat membutuhkan Sebuah script kode yang pbermacam_macam. Mulai dari yang...
/*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: 'Double click to selection';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','Courier New',Courier,Monospace;visibility: visible;}code {font-family: Consolas,Monaco,'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: 'Code';.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 > 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 > span {pre[data-codetype='HTML']:before {display: block;}.line-numbers-rows > span:before {content: counter(linenumber);padding-right: 0.8em;color: #999;display: block;pre[data-codetype='CSS']:before {text-align: right;transition: 350ms;}background-color: #3cc888;background-color: #00a1d6;}}}pre[data-codetype='JavaScript']:before {background-color: #75d6d0;}background-color: #e5b460;pre[data-codetype='JQuery']:before {
<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span/>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})</script><script type='text/javascript'>var pres = document.getElementsByTagName("pre");for (var i = 0; i < pres.length; i++) {pres[i].addEventListener("dblclick", function () {var selection = getSelection();var range = document.createRange();}, false);range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range);}</script>
<pre class="line-numbers language-markup" data-codetype="HTML" title="HTML"><code class=" language-markup"> Taruh Script HTML Di Sini </code></pre>
<pre class="line-numbers language-css" data-codetype="CSS" title="CSS"><code class=" language-css"> Taruh Script CSS Di Sini </code></pre>
<pre class="line-numbers language-javascript" data-codetype="JavaScript" title="JavaScript"><code class=" language-javascript"> Taruh Script Java Script Di Sini </code></pre>
<pre class="line-numbers language-jquery" data-codetype="JQuery" title="JQuery"><code class=" language-jquery"> Taruh Script JQuery Di Sini </code></pre>
<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 >
.post-outer {
-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none; -moz-user-select:none;}
post blockquote,.post pre,.post code{-webkit-touch-callout:text;
-khtml-user-select:text;-webkit-user-select:text; -ms-user-select:text;}-moz-user-select:text;
Kotak akan jadi seperti 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>
<style>#ge00{position:fixed !important;position:absolute;top:-2px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:1px;width:101%;height:103%;background-color:#fff;opacity:.95;filter:alpha(opacity=95);display:block;padding:20% 0}#ge00 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 15px Verdana,Arial,sans-serif;text-decoration:none}#ge00 ~ *{display:none}</style><div id="ge00"><h1> Harap Non-aktifkan Adblock di Browser Anda.(lalu muat ulang halaman)<br/><br/> (atau) buka melalui Google Chrome dan Mozilla Firefox. Pesan di sampaikan oleh Admin Adpati_Game.</h1> </div> <script type="text/javascript"> var Browser = { init: function () { // Get the browser info this.browser = this.searchString(this.dataBrowser); }, // search through the dataBrowser and dataOS object to find a match
else if (dataProp) {// for the browser name and OS respectively searchString: function (data) { var dataString, dataProp, i=0, len = data.length; for (i; i<len; i+=1) { dataString = data[i].string; dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].agent; if (dataString) { if (dataString.indexOf(data[i].subString) !== -1) { return data[i].identity; } }window.document.getElementById("ge00").parentNode.removeChild(window.document.getElementById("ge00"));return data[i].identity; } } }, dataBrowser: [ { string: navigator.userAgent, subString: "UCBrowser", agent: "UCBrowser", // browser name, change wherever you see identity above to agent if you rather have this identity: "UCBrowser" // this is used incase you want to add classes to your html markup } ] }; // Example usage Browser.init(); if (Browser.browser !="UCBrowser") { }</script>
<style>#g207{position:fixed!important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous plaît activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Apakah anda ingin mendapatkan informasi yang anda inginkan? Demi kenyamanan tolong non-aktifkan ad blocker / pemblokir iklan di browser anda!<br/>Jika sudah silahkan muat ulang halaman ini dan berselancar sesuka hati.<br/> Pesan ini di sampaikan oleh admin ADPATI_GAME.! Terima kasih.!! </p>)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display