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
57 bình luận Tag
  • 57 bình luận
  • Chèn ảnh
  • Mã hóa HTML
  • Lưu ý
  • Admin Panel
  • 57 nhận xét:

    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
      Trả lời
      1. Cố gắng phát triển blog thêm đi nhé!

        Xóa

  • Chức năng này hiện chưa khả dụng, bấm vào đây để sử dụng tạm.
  • Hướng dẫn bình luận

    Chèn chữ in đậm: Chữ in đậm

    Chèn chữ in đậm: Chữ in nghiêng

    Chèn ảnh: [img]Link Ảnh[/img]


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

    Không đăng bình luận có nội dung khiêu dâm, 18+

    Không đăng bình luận có liên quan đến chính trị, nhà nước.

    Không đăng bình luận có nội dung phản động, kích động chiến tranh, thù địch.

    Không đăng bình luận có nội dung phản cảm, bêu rếu, nói xấu.

    Không đăng bình luận có nội dung tục tiểu, bậy bạ hay thậm chí "vô học".

    Không đăng bình luận có liên kết spam, dẫn đến những trang có nội dung xấu.

    Được đăng bình luận có mang tính đóng góp, xây dựng bài viết / blog.

    Được đăng bình luận có liên quan đến nội dung bài viết.

    Có thể góp ý, hay báo lỗi bài viết (thiếu ý, sai chính tả hay thiếu hình ảnh minh họa).

    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.

    Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.

    Bấm vào đây để xem chi tiết hơn nội quy trên Blog.

  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
Hình ảnh chủ đề của Michael Elkan