[Code] 100 + code hay dùng cho bloger

Zony Nguyễn tổng hợp cho bạn một số các đoạn code hay dùng để tối ưu Bloger của bạn. Nếu cần hỗ trợ vui lòng để lại lời bình luận ở phía dưới mỗi bài viết. Cảm ơn bạn đã ghé thăm Blog của ngôi nhà chung zonyone1

Cách xóa bỏ ?m=1 và ?m=0 cho bloger

Đặt đoạn mã sau đây ở dưới thẻ <//body>


<script>
//<![CDATA[
var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}
//]]>
</script>

Cách chèn hộp code có tự động copy nội dung code

1.Thêm đoạn code phía dưới vào trước thẻ ]]></b:skin> HTML Copy Code To Clipboard | CodingLab

Nội dung code

CSS/* Google Font CDN Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins" , sans-serif;
}
body{
  min-height: 100vh;
  width: 100%;
  background: #fdfcfc;
}
.text-boxes{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 30px;
  margin-bottom: 60px;
}
.text-boxes .text-box{
  height: 380px;
  max-width: 660px;
  width: 100%;
  margin: 55px 0;
}
.text-boxes .text-box .topic{
  font-size: 18px;
  font-weight: 600;
  color: #265df2;
  margin: 4px;
}
.text-boxes .text-box textarea{
  height: 100%;
  width: 100%;
  padding: 30px;
  font-size: 15px;
  font-weight: 400;
  outline: none;
  border: 1px solid #265df2;
  border-radius: 8px;
  background: #e7edfe;
}
.text-box textarea::-webkit-scrollbar{
  display: none;
}
.text-boxes .text-box button{
  height: 45px;
  width: 155px;
  color: #fff;
  background: #265df2;
  outline: none;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 400;
  margin: 8px 0;
  cursor: pointer;
  transition: all 0.4s ease;
}
.text-boxes .text-box button:hover{
  background: #0e4bf1;
}
@media (max-width: 400px) {
  .text-boxes .text-box button{
    width: 100%;
  }
}
/* ///// */

2.Thêm đoạn code phía dưới vào trong bài viết ( chèn vào " THÊM ĐOẠN CODE VÀO ĐÂY NHÉ")

HTML Copy Code To Clipboard | CodingLab

Nội dung code

HTML<!DOCTYPE html>
<!-- Designined by CodingLab | www.youtube.com/codinglabyt -->
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <title> Copy Code To Clipboard | CodingLab </title>
    <link rel="stylesheet" href="style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
<body>
  <div class="text-boxes">
    <div class="text-box HTMLBox">
      <div class="topic">Nội dung code</div>
      <textarea id="HTMLBox" readonly >
THÊM ĐOẠN CODE VÀO ĐÂY NHÉ
      </textarea>
      <button id="HTMLButton">Copy Codes</button>
    </div>
    
  </div>

  <script>
  // HTML BOx JS Code
    let HTMLBox = document.getElementById("HTMLBox");
    let HTMLButton = document.getElementById("HTMLButton");

    HTMLButton.onclick = function() {
      HTMLBox.select();
      document.execCommand("copy");
      HTMLButton.innerText = "Codes Copied"
    }

    // CSS Box Js Code
      let CSSBox = document.getElementById("CSSBox");
      let CSSButton = document.getElementById("CSSButton");

      CSSButton.onclick = function() {
        CSSBox.select();
        document.execCommand("copy");
        CSSButton.innerText = "Codes Copied"
      }
    // JavaScript BOx JS Code
      let JSBox = document.getElementById("JSBox");
      let JSButton = document.getElementById("JSButton");

      JSButton.onclick = function() {
        JSBox.select();
        document.execCommand("copy");
        JSButton.innerText = "Codes Copied"
      }
  </script>

Blog blospot code Ứng dụng hay website

Đồng hành cùng zony | Membership

Cách xóa bỏ ?m=1 và ?m=0 cho bloger

Cách chèn hộp code có tự động copy nội dung code

Related Posts

Đăng nhận xét

Đăng nhận xét

ZONY ONE THEME 100% FREE

Phổ biến