Cara Membuat Menu Saat Klik Kanan Di Blog
Halo semuanya. sudah lama saya tidak menulis post lagi disini. Oleh karna itu saya akan coba untuk membuat post lagi disini tapi tidak sering-sering, karna saya sudah kelas 3 SMA dimana disibukkan dengan ujian dimana-mana belom lagi sudah mulai ada pm. Gak usah basa basi lagi kali ini saya akan memberi Tutorial Cara Membuat Menu Saat Klik Kanan Di Blog.
Ya gak usah basa basi lagi, mari disimak Tutorial Cara Membuat Menu Saat Klik Kanan Di Blog.
Yang pertama, kalian harus pastikan diblog kalian sudah terpasang Jquery. Kalau belum bisa pasang Jquerynya terlebih dahulu / copas saja dibawah ini, dan taruh diatas </head>
Kalau sudah, copas code berikut tepat dibawah <body>
Kalau sudah, simpan template. Dan selamat kalian sudah Menerapkan Tutorial sederhana dari saya.
Kalau ada pertanyaan atau masalah saat menerapkan tutorial diatas, silahkan ditanyakan dikolom komentar
Untuk demonya bisa kalian klik tombol demo dibawah ini dan klik kanan di blog tersebut, Selamat mencoba & Terima kasih
Ya gak usah basa basi lagi, mari disimak Tutorial Cara Membuat Menu Saat Klik Kanan Di Blog.
Yang pertama, kalian harus pastikan diblog kalian sudah terpasang Jquery. Kalau belum bisa pasang Jquerynya terlebih dahulu / copas saja dibawah ini, dan taruh diatas </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
Kalau sudah, copas code berikut tepat dibawah <body>
<div class='context-menu'>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
<li><a href='#'>Menu 6</a></li>
</ul>
</div>
<script>
//<![CDATA[
(function () {
$(document).bind("contextmenu", function(ct) {
ct.preventDefault();
context = $('.context-menu');
dw = parseInt($(window).width());
dh = parseInt($(window).height());
ctw = parseInt(ct.pageX);
cth = parseInt(ct.pageY);
objw = context.width() + 5;
objh = context.height() + 5;
context.hide();
$('h1').remove();
if ((dw - ctw) < objw) {
context.css('position', 'absolute')
.css('top', ct.pageY + 'px')
.css('left', dw-objw + 'px')
.slideToggle();
} else if((dh - cth) < objh) {
context.css('position', 'absolute')
.css('top', dh-objh + 'px')
.css('left', ct.pageX + 'px')
.slideToggle();
} else {
context.css('position', 'absolute')
.css('top', ct.pageY + 'px')
.css('left', ct.pageX + 'px')
.slideToggle();
}
});
$(document).bind("click", function () {
context.hide();
});
})();
//]]></script>
Kalau sudah, simpan template. Dan selamat kalian sudah Menerapkan Tutorial sederhana dari saya.
Kalau ada pertanyaan atau masalah saat menerapkan tutorial diatas, silahkan ditanyakan dikolom komentar
Untuk demonya bisa kalian klik tombol demo dibawah ini dan klik kanan di blog tersebut, Selamat mencoba & Terima kasih
7 komentar
Click here for komentarHave you been trying to get good visibility to your competencies and qualified professional capabilities on LinkedIn? The best choice is through Buying LinkedIn Endorsements, Connections and Followers. buy linkedin company followers
Purchase Google surveys and stand apart no longer quite similar to others and characteristic your image mindfulness locally.
buy google reviews
Talent recruiting platform for aspiring top models, influencers, anchors, singers and for other artists. Hire freelance models, freelance actors and actresses, makeup artists jobs in India.
acting jobs
Get unique gifts for grandpa and show some love. Take some time out from your busy schedule and buy the best gifts for your grandpa. gifts for couples
Watch trending videos going viral in india. Also watch some funny and amazing youtube videos, memes and some additional indian news. trending india
Not getting the best thought, suvichar of good morning quotes, good night quotes, sad, funny, attitude quotes in hindi? Get all the quotes for free. motivational stories in hindi
Avail the best home appliances reviews, best kitchen appliances reviews, best electronics products review sites etc. best product review sites
Konversi KodeEmoticon