Chào các bạn, đã lâu lắm rồi mình chưa viết bài về thủ thuật blogspot, trong hôm nay mình xin chia sẽ lại các bạn menu chuột phải tuyệt đẹp này.
Không vòng vo tam quốc nữa, đi vào vấn đề chính!!.
Tạo menu chuột phải tuyệt đẹp cho blogspot


Các bước thực hiện

Bước 1: Chèn đoạn CSS sau vào trước ]]></b:skin>
ul.contextMenu{list-style:none;margin:0;padding:0;font:400 15px 'Roboto',sans-serif;position:absolute;color:#333;box-shadow:0 0 70px rgba(0,0,0,.15);z-index:999}
ul.contextMenu li{min-width:150px;overflow:hidden;white-space:nowrap;padding:12px 15px;background-color:#fff;border-bottom:1px solid #ecf0f1}
ul.contextMenu li a{color:#333;text-decoration:none}
ul.contextMenu li:hover{background-color:#ecf0f1}
ul.contextMenu li:first-child{border-radius:5px 5px 0 0}
ul.contextMenu li:last-child{background:#ecf0f1;border-bottom:0;border-radius:0 0 5px 5px}
ul.contextMenu li:last-child a{width:26%}
ul.contextMenu li:last-child:hover a{color:#2c3e50}
ul.contextMenu li:last-child:hover a:hover{color:#2980b9}
Bước 2: Chèn đoạn code sau vào nơi bất kì.
<ul class='contextMenu' hidden='1'>
<li><a href='/'><i class='fa fa-home'></i> Trang chủ</a></li>
<li><a href='/contact'><i class='fa fa-envelope'></i> Liên hệ</a></li>
<li><a href='/hop-tac'><i class='fa fa-link'></i> Hợp tác</a></li>
<li>
<a class='fa fa-facebook' href='//m.facebook.com/sharer/sharer.php?u=https://www.starcuongit.com/' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' title='Chia sẻ lên Facebook'></a>
<a class='fa fa-google-plus' href='//plus.google.com/share?url=https://www.starcuongit.com/' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Chia sẻ lên Google'></a>
<a class='fa fa-twitter' href='#'></a>
<a class='fa fa-link' onclick='CopyLink()' style='cursor: pointer;' title='Sao chép liên kết của bài viết'></a>
</li>
</ul>
<script type='text/javascript'>
function copyTextToClipboard(e){var t=document.createElement("textarea");t.style.position="fixed",t.style.top=0,t.style.left=0,t.style.width="2em",t.style.height="2em",t.style.padding=0,t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy"),alert("Đã sao chép liên kết!")}catch(o){alert("Không thể sao chép liên kết!")}document.body.removeChild(t)}function CopyLink(){copyTextToClipboard(location.href)};
  $(document).bind("contextmenu", function(event) {
    event.preventDefault();
    $("ul.contextMenu")
        .show()
        .css({top: event.pageY + 15, left: event.pageX + 10});
});
$(document).click(function() {
  isHovered = $("ul.contextMenu").is(":hover");
  if (isHovered == false){
    $("ul.contextMenu").fadeOut("fast");
  }
});
</script> 
Bước 3: Sửa các thông tin sao cho phù hợp với blog bạn & Lưu template
Source code of thuthuatweb
Edited by bacsiwindows

CHIA SẺ BÀI VIẾT

- - 56 bình luận
CHUYÊN MỤC

BÌNH LUẬN (56)

  1. Nguồn vào. https://www.bacsiwindows.com

    Trả lờiXóa
    Trả lời
    1. Cái gì mà nguồn cơ chứ ? Cái này mấy blog khác có lâu rồi, không riêng gì blog ông có đâu.

      Xóa
    2. Đồng ý là không chỉ blog tui có. Nhưng quan trọng là code này copy từ bacsiwindows, code tui viết nhìn là biết

      Xóa
    3. ông viết hết đống code này ư ? hay chỉ sửa mỗi text and link ??

      Xóa
    4. Lên thuthuatweb.net xem lại code gốc và qua bacsiwindows.com xem lại code đã qua chỉnh sửa đi ta Cường à. Code gốc có cái chia sẻ lên fb lên google plus với cái copy liên kết à ?!
      Còn k thêm thì thôi tui không nói nữa.. Chán ghê

      Xóa
  2. Menu chuột phải là sao a còn chưa hiểu :)

    Trả lờiXóa
    Trả lời
    1. là click chuột phải ra menu đó :))

      Xóa
    2. Cái hover bài viết đẹp nhỉ

      Xóa
    3. cx là 1 cách trống coppy nhưng vẫn dùng bàn phím đc :v

      Xóa
  3. Em xin slot lk nhé anh Cường, onl pc em sẽ backlink cho anh nhé! Hiện chưa có pc

    Trả lờiXóa
    Trả lời
    1. Tên hiển thị: Star Sơn IT
      link: https://www.starsonit.net/
      Mô tả: Blog chia sẻ thủ thuật

      Xóa
    2. Bên em chưa đặt liên kết bên anh nên anh chưa đặt lại cho em được.

      Xóa
    3. Đã đặt nhé anh! Đặt cho em với

      Xóa
    4. sao k trỏ domain cũ sang domain mới lm chả bít đâu mà lần

      Xóa
  4. Klq nhưng mà https://www.starnhanit.net/ ??? Sao nó có được temp của anh ??? WTF ?? Tôi là ai ? Đây là đâu ??? I cant believe this !!!!

    Trả lờiXóa
    Trả lời
    1. Chắc là Niệm Style share chứ gì, bán cho ổng bảo để kĩ niệm xong giờ tràn lan. Hai.zzz

      Xóa
    2. Để a giải thích, a có mấy thằng đệ nằm trong qtv blog a, a vô tình lấy temp thằng Cường làm blog test nhưng vô tình quên xóa, có lẽ là a thất thoát chỗ đó, chứ đừng nói a share. Ok còn nếu sắp tới còn nói nữa thì koi như đường ai nấy đi. A đã từng giao dịch, trao đổi với Cường nhìu rồi thì Cường phải hiểu chứ, nếu a mà share thì ko riêng gì thằng star nhân có temp đâu hả. E tự hiểu đi, a ko mún mang tiếng nhiều.

      Xóa
    3. CTV là đc r sao phải sét QTV hả a

      Xóa
    4. A bận bên nhờ tụi nó edit một số thứ, cũng vì tin tưởng thôi e.

      Xóa
    5. Coi như chuyện này em bỏ qua, A cứ bảo mấy đứa có temp em đừng share template em là được rồi.

      Xóa
    6. Ôi lại bắt đầu 1 thời kì khủng hoảng :3

      Xóa
  5. Cx hơi bất tiện cho người truy cập

    Trả lờiXóa
    Trả lời
    1. thì ngta muốn xem bài viết khác ở tab khác thì học dùng chuột phải mk chặn r cx khó chịu

      Xóa
    2. Ctrl + click chuột vào link là mở ra tab mới thôi. Không cần chuột phải.

      Xóa
    3. nhưng nhiều người k bít cách này a à với em cx hay như vậy nx cx khá là phiền

      Xóa
  6. Em.nghĩ a lên thay cái light box đi xem ảnh đi :v

    Trả lờiXóa
    Trả lời
    1. Để mặc định vậy là đẹp rồi :)) để khi nào rảnh vọc xem đã.

      Xóa
  7. Hiệu ứng load ngoài homepage đẹp vl :3

    Trả lờiXóa
    Trả lời
    1. Tui cũng dang hỏi làm cái đó nè

      Xóa
    2. 1 phút QC: "Đến với Bác Sĩ Windows, bạn cũng sẽ được trải nghiệm cảm giác tương tự" :3

      Xóa
    3. chưa đến 1 phút đâu, 5s thôi.

      Xóa
    4. Thấy ông Hiểu bị dụ nên chơi luôn hahaha.

      Xóa
    5. vài giây quảng cáo thui

      Xóa
  8. Cho em slot liên kết với ạ ♥
    tên: Star Đức Blog
    Mô tả: Star Đức Blog
    Link: https://chanhducblogger.blogspot.com
    đã đặt cho anh

    Trả lờiXóa
    Trả lời
    1. Cố gắng phát triển thêm blog đi em nhé.

      Xóa
  9. Giờ mình nên sống theo kiểu ng xấu thì vẫn xấu, tốt thì tốt thôi. Xài mấy cái này sau giảm độc giả lắm vì nhiều ng còn lấy link ảnh hay mở bài trong tab mới, họ lại phải copy paste, ảnh thì bó tay luôn -_-

    Trả lờiXóa
    Trả lời
    1. chuẩn luôn trong đó có e cx vậy

      Xóa
    2. Có e cũng vậy là sao? a chưa hiểu lắm

      Xóa
    3. thì e cx kiểu như 1 độc giả có thói quen chuyên dùng chuột phải để mở bài viết khác ra tab mới

      Xóa
    4. Ừ a cũng thế, để xem đc 1 lúc nhiều bài :3

      Xóa
    5. à mà còn 3 hôm nx là sét phần thưởng r :D

      Xóa
    6. Haha, đó cũng là lý do để blog em không cài nó vào.

      Xóa
  10. cho mình xin cái liên kết blog nhé man
    Tên hiển thị: Star Phúc Blog
    Liên kết: https://hphuc216.blogspot.com

    Trả lờiXóa

Một số lưu ý khi bình luận

Vui lòng xem Hướng Dẩn Sử dụng trước khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)