-Tutor Mafia-

Diposting oleh Yandi Mulyadi // Pada Jumat, September 21, 2012 //

Cara Membuat Script Handling Keyboard Shortcuts

Hallo Sahabat MTB Kali ini saya akan membahas Tentang Cara Membuat Script Handling Keyboard Shortcuts . Sebenarnya Apa Sih Fungsi Script Handling Keyboard Shortcuts Untuk Blog , Mari Kita Simak Dulu Fungsi Script Handling Keyboard Shortcuts Untuk Blog Adalah Mengalihkan Fungsi CTRL+U , CTRL+S , CTRL+SHIFT+K , CTRL+A , Dan F12 Atau Supaya Blog Kita Tidak Bisa Di Copy Paste.

Fitur-Fiturnya :

Menghapus Fungsi CTRL+U
Menghapus Fungsi CTRL+S
Menghapus Fungsi CTRL+SHIFT+K
Menghapus Fungsi CTRL+A

Menghapus Fungsi F12

Script Ini Sangat Jauh Berbeda Dengan :

<body oncontextmenu='return false;' onkeydown='window.location.href="URL-JEBAKAN"; return false;'>

Karena Kalau Script Yang Diatas Adalah Memerlukan Tombol CTRL , Nah kalo ini hanya beberapa saja yang kita hapus fungsinya. Tapi Tenang Untuk Tombol CTRL+C Masih tetap bisa Dipakai ( Tidak Saya Hapus Fungsinya ).

Mari Kita Menuju Caranya,

Caranya :

Masuk ke Dashboard Blog kamu
Lalu masuk ke Rancangan > Edit HTML
Carilah Kode </head> Atau lebih gampangnya dengan CTRL+F
Lalu masukan kode dibawah ini , Diatas kode </head>

<script src='http://mafiaproject.googlecode.com/files/File.js' type='text/javascript'/>

Save Template Dan Selesai Deh ^__^

Jika Agan Mau Mengganti URL Direct Atau URL Tujuannya , Masukkan Kode Dibawah ini Kedalam NOTEPAD Dengan Format .Js , Lalu Upload ke hosting kamu .. Contoh :
Google Project

Ini Dia Kode yang harus kamu masukkan kedalam notepad , ingat formatnya .JS ya?

shortcut = {
all_shortcuts: {},
add: function (e, t, n) {
var r = {
type: "keydown",
propagate: !1,
disable_in_input: !1,
target: document,
keycode: !1
};
if (n) for (var i in r) "undefined" == typeof n[i] && (n[i] = r[i]);
else n = r;
r = n.target, "string" == typeof n.target && (r = document.getElementById(n.target)), e = e.toLowerCase(), i = function (r) {
r = r || window.event;
if (n.disable_in_input) {
var i;
r.target ? i = r.target : r.srcElement && (i = r.srcElement), 3 == i.nodeType && (i = i.parentNode);
if ("INPUT" == i.tagName || "TEXTAREA" == i.tagName) return
}
r.keyCode ? code = r.keyCode : r.which && (code = r.which), i = String.fromCharCode(code).toLowerCase(), 188 == code && (i = ","), 190 == code && (i = ".");
var s = e.split("+"),
o = 0,
u = {
"`": "~",
1: "!",
2: "@",
3: "#",
4: "$",
5: "%",
6: "^",
7: "&",
8: "*",
9: "(",
0: ")",
"-": "_",
"=": "+",
";": ":",
"'": '"',
",": "<",
".": ">",
"/": "?",
"\\": "|"
}, f = {
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
}, l = !1,
c = !1,
h = !1,
p = !1,
d = !1,
v = !1,
m = !1,
y = !1;
r.ctrlKey && (p = !0), r.shiftKey && (c = !0), r.altKey && (v = !0), r.metaKey && (y = !0);
for (var b = 0; k = s[b], b < s.length; b++) "ctrl" == k || "control" == k ? (o++, h = !0) : "shift" == k ? (o++, l = !0) : "alt" == k ? (o++, d = !0) : "meta" == k ? (o++, m = !0) : 1 < k.length ? f[k] == code && o++ : n.keycode ? n.keycode == code && o++ : i == k ? o++ : u[i] && r.shiftKey && (i = u[i], i == k && o++);
if (o == s.length && p == h && c == l && v == d && y == m && (t(r), !n.propagate)) return r.cancelBubble = !0, r.returnValue = !1, r.stopPropagation && (r.stopPropagation(), r.preventDefault()), !1
}, this.all_shortcuts[e] = {
callback: i,
target: r,
event: n.type
}, r.addEventListener ? r.addEventListener(n.type, i, !1) : r.attachEvent ? r.attachEvent("on" + n.type, i) : r["on" + n.type] = i
},
remove: function (e) {
var e = e.toLowerCase(),
t = this.all_shortcuts[e];
delete this.all_shortcuts[e];
if (t) {
var e = t.event,
n = t.target,
t = t.callback;
n.detachEvent ? n.detachEvent("on" + e, t) : n.removeEventListener ? n.removeEventListener(e, t, !1) : n["on" + e] = !1
}
}
},
// Bisa ditambahkan Key Lainnya.
shortcut.add("Ctrl+U", function () {
top.location.href = " URL-ANDA "
}), shortcut.add("Ctrl+S", function () {
top.location.href = " URL-ANDA "
}), shortcut.add("Ctrl+A", function () {
top.location.href = " URL-ANDA "
}), shortcut.add("Ctrl+T", function () {
top.location.href = " URL-ANDA "
}), shortcut.add("Ctrl+Shift+K", function () {
top.location.href = " URL-ANDA"
}), shortcut.add("F12", function () {
top.location.href = " URL-ANDA "
})

Kode Script Itu Saya Dapat Dari Blog Teman Saya Irvhan Kadhafi - Ganti Tulisan URL-ANDA Dengan URL Kalian , Dan Ganti Tulisan CTRL+U , CTRL+S , CTRL+A , CTRL+T , CTRL+SHIFT+K , Dan F12 Dengan Fungsi Keyboard yang mau kalian Hapus.

Semoga Tutorial Cara Membuat Script Handling Keyboard Shortcuts ini dapat membantu agan Dalam ILMU BLOGGER , Cukup sekian Postingan Dari Saya,

Terima Kasih :)

Semoga Bermanfaat ya? ^__^

Diposting oleh Yandi Mulyadi // Pada Jumat, September 21, 2012 //

Membuat Posting menjadi 4 Kolom

Hai Sahabat MTB ? Apa Kabar , Kali Ini Saya Akan Memposting Tentang Membuat Postingan Menjadi 4 Kolom , Pasti tau kan ? Kalo Gak Tau Liat Gambar Deh ! :P , Nah ini Dia Caranya :

Buka Blogger=>Template=>Edit Html
Cari kode </head> biar cepet tekan tombol Ctrl+F / F3
Copy kode di bawah ini di atas kode </head>

<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-outer {
width:25%;
height:240px;
float:left;
}
/* Clear CSS Float */
#blog-pager,
h2.date-header {
clear:both !important;
}
</style>
</b:if>

Klik Simpan Template
Untuk Demonya liat di bawah

Catatan : Tidak Semua template bisa menggunakan kode di atas,Kodenya Jangan Ada Yang Diacak-acak . Ingat Kalau Mau Copas Pake Sumber Ya?

Terimakasih :)

Diposting oleh Yandi Mulyadi // Pada Jumat, September 21, 2012 //

Tutorial Blog - Berbagai Efek Transisi pada Gambar

Hallo sobat apa kabarnih,,?? di tahun 2012 ini saya akan share Beberapa Eefek Transisi Pada Gambar. Trik kali ini bisa digunakan untuk membuat efek pada semua gambar di blog kita,langsung saja lah gak usah mundar mandir lagi cekidot,, Nih ane kasih beberapa efeknya :

Efek Bumping :

Untuk memasang efek ini di blog sobat sangatlah gampang berikut caranya :

1. Masuk Dasboard >> Template >> Edit HTML

2. Cari kode ]]></b:skin> Untuk lebih mudah dalam pencarian tekan ctrl+F

3. Letakan salah satu kode CSS efek transisi di atas kode no 2

4. save and done ^_^

Gimana bagus gak,,?? gak ya,,?? Jangan Lupa Komentar ya?,,.. Kalo mau Copas tulis Sumbernya ya sobat, kalo gak ditulis namanya PLAGIAT !

Demo Klik Disini

Diposting oleh Yandi Mulyadi // Pada Jumat, September 21, 2012 //

Tutorial Blog - Efek Page-Fold/Lipatan Kertas dengan CSS

CSS

/*
--------------------------
Standar tampilan
--------------------------
*/

.note {
  position:relative;
  width:30%;
  padding:1em 1.5em;
  margin:2em auto;
  color:#fff;
  background:#97C02F;
  overflow:hidden;
}

.note:before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-width:0 16px 16px 0;
  border-style:solid;
  border-color:#fff #fff #658E15 #658E15;
  background:#658E15;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  display:block; width:0; /* Firefox 3.0 damage limitation */
}

/*
--------------------------
Opsi untuk memberikan efek rounded corner
dengan menambahkan class "rounded"
--------------------------
*/

.note.rounded {
  -webkit-border-radius:5px 0 5px 5px;
  -moz-border-radius:5px 0 5px 5px;
  border-radius:5px 0 5px 5px;
}

.note.rounded:before {
  border-width:8px;
  border-color:#fff #fff transparent transparent;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius:0 0 0 5px;
  border-radius:0 0 0 5px;
}

Elemen Objek

<div class='note'>
     Konten di sini...
</div>

<div class='note rounded'>
     Konten di sini...
</div>

Lihat Demo

Diposting oleh Yandi Mulyadi // Pada Jumat, September 21, 2012 //

Backlink Kami

Backlink Kami Silahkan Anda Klik Salah Satu Dari Semua Link Kami !

-Tutor Mafia-

21 September 2012

Cara Membuat Script Handling Keyboard Shortcuts

Membuat Posting menjadi 4 Kolom

Tutorial Blog - Berbagai Efek Transisi pada Gambar

Tutorial Blog - Efek Page-Fold/Lipatan Kertas dengan CSS

CSS

Elemen Objek

Backlink Kami

Me on Flickr

Recent Posts

Recent Comments

Our sponsors

Labels

Popular Posts

Blog Archive

Polling

Link Exchange

Friends Link

Find Us On Facebook

Followers