Cara Memasang Widget Alexa Rank di Blog

1. Masuk ke Halaman Alexa Site Widget, http://www.alexa.com/siteowners/widgets

2. Masukan URL Blog masbro pada salah satu kolom yang sobat inginkan dan klik Build Widget

3.Copy Salah Satu Code Di Atas

4. Login ke akun Blogger Masbro

5. Masuk pada bagian Tata Letak

6. Klik Tambah Gadget di posisi yang diinginkan

7. Pilih HTML/Javascript

8. Pastekan kode Widget dari Alexa tadi

9. Simpan

Semoga Bermanfaat

Read More »

Add Comment

Mengalihkan Ctrl+U (Ctrl+U Redirect)

Kali ini Saya akan memberikan cara agar Mengalihkan Ctrl+U, mungkin ini salah satu mencegah Plagiat.

Langsung aja caranya

1. Login ke akun Blogger

2. Kemudian klik "Template"

3. Lalu klik "Edit HTML"

4. Cari kode </body>

5. Copy kode di bawah ini Tepat di atas </body>

<script type='text/javascript'> //<![CDATA[ shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://iqbal-cyber.blogspot.com/"}); //]]> </script>

6. Ganti http://iqbal-cyber.blogspot.com/ dengan Link URL anda

Semoga Bermanfaat

Sumber:Iqbal-Cyber

Read More »

Add Comment

Membuat Animasi Loading Page #2

Loading Page

• Masuk ke Template >>
• Edit HTML >> Cari kode (bisa cntrl+F) ]]></b:skin>
• >> Tambahkan Kode CSS dibawah ini diatas ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

• Kemudia Tambahkan Jquery Di Atas Kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

•  Dan Selanjutnya Cari Kode <body> Jika Tidak Ada Cari Kode <head> Dan Pastekan Kodenya Tepat Dibawah Kode Tersebut

<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
$internalLinks.click(function() {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});
// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
$('#loadhalaman').click(function() {
$(this).hide();
});
});
</script>


Sumber:Kirito Blog

Read More »

Add Comment

Membuat Animasi Loading Page

Pembuatan animasi loading page di Blogspot ini menggunakan Jquery. Nah, untuk cara pemasangannya loading page di Blog sobat, silahkan ikuti langkah-langkah berikut ini:

• Pastikan sobat sudah login pada akun Blogger,
• Di halaman Dasbor, beralih ke Template,
• Klik Edit HTML,
• Cari kode ]]></b:skin> dengan menekan Ctrl + F pada kolom Edit HTML kemudianletakan kode berikut ini di atas ]]></b:skin>

/* Loading Page */
.QOverlay {
background-color: #000000; /* background color loading */
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC; /* color bar loading */
height: 10px;
}
.QAmt {
color:#FF530D; /*loading Color number*/
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;}

• Setelah itu cari kode </head> dan letakan kode berikut diatasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://script-seo.googlecode.com/files/loadpage.js' type='text/javascript'/>

• Kemudan cari kode </body> dan letakkan kode berikut ini diatasnya

<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>

• Simpan Dech
  
  
  Sumber:Kirito Blog

Read More »

Add Comment

My Banner

Banner V.1
Banner 88x31:

Codenya:

<a href='http://creative-10.blogspot.com/' target='_blank'><img height='31' src='http://i822.photobucket.com/albums/zz145/raffy106/12_zps2fe91896.gif' title='Creative|Simple' width='88'/></a>

Banner 125x125:

Codenya:

<a href='http://creative-10.blogspot.com/' target='_blank'><img height='125' src='http://i822.photobucket.com/albums/zz145/raffy106/12_zps3ff49f80.gif' title='Creative|Simple' width='125'/></a>


Banner 468x60

Codenya:

<a href='http://creative-10.blogspot.com/' target='_blank'><img height='60' src='http://i822.photobucket.com/albums/zz145/raffy106/12_zpsdd8eb55d.gif' title='Creative|Simple' width='468'/></a>

Read More »

Add Comment