Mas Uya Tempatnya Berbagi Template dan Tutorial Blogger

BREAKING NEWS :
Loading...

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>
<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 komentar

Have 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


Terima kasih sudah berkomentar