Thủ Thuật Blogspot

  • Tạo Breaking News Widget Gọn Nhẹ Cho Blogspot

    Tạo Breaking News Widget

    Breaking News Widget: Breaking News Widget rất hữu ích cho các Blog Tin tức vì những người dùng mới đã truy cập trang web từ Google có thể chỉ thấy thông tin họ cần và họ sẽ không quay lại trang chủ để biết thêm thông tin. Vì vậy khi đó Breaking News Widget này sẽ rất hữu ích với người dùng. Nó sẽ hiển thị tổng số tiêu đề bài đăng mà bạn đã viết trong blog của mình.

    Lợi ích & Tính năng của Breaking News Widget Gọn Nhẹ Cho Blogspot:

    • Thiết kế đẹp nhất để thu hút người dùng
    • Mã tùy chỉnh hoàn toàn mà không có bất kỳ vấn đề nào.
    • Khiến người dùng tham gia nhiều nhất.
    • Giảm tỷ lệ thoát
    • Thời gian của Người dùng sẽ được Tăng lên
    • Cách tốt nhất để hiển thị các bài viết blog khác cho người dùng.

    Các bước để thêm Breaking News Widget Gọn Nhẹ Cho Blogspot:

    1. Đăng nhập vào Blogger
    2. Trên bảng điều khiển Blogger , Chọn Chủ đềChỉnh sửa HTML
    3. Tìm thẻ </head> và dán đoạn CSS dưới vào trên nó
    <style type=”text/css”>
    /* Breaking News TL */
    #breakingwrapper{position:relative;background-color:#fff;color:#ccc;display:block;margin:20px auto 0 auto;overflow:hidden;border-radius:5px;box-shadow:0 2px 3px -2px rgba(0,0,0,0.1)}#breakingnews{width:100%;max-width:990px;display:block;margin:0 auto;line-height:42px;height:42px;overflow:hidden;font-size:13px;padding:0}#breakingnews .tulisbreaking{background:#e74c3c;color:#fff;display:block;padding:0 15px;font-size:13px;font-weight:600;height:28px;line-height:28px;float:left;margin:7px 14px 0 7px;text-align:center;border-radius:3px}#recentbreaking{float:left;margin:0;font-size:13px;color:#222;font-weight:600}#recentbreaking ul,#recentbreaking li{list-style:none;margin:0;padding:0}#recentbreaking li a{color:#222}#recentbreaking li a:hover{color:#222;text-decoration:underline}.blog-date{display:inline-block;float:right;margin:0 20px 0 0;font-size:13px;border-radius:2px;cursor:pointer}#recentbreaking li i{margin:0 10px 0 0}
    @media screen and (max-width:768px) {
    #breakingwrapper{background-color:#e74c3c;color:#fff;margin:10px auto 20px auto;border-radius:0}#breakingnews{padding:0 20px;color:#fff;overflow:hidden;text-overflow:ellipsis}#recentbreaking{color:#fbc531;text-align:center;float:none;margin:0 auto}#breakingnews .tulisbreaking .breakhidden,#breakingnews .tulisbreaking{display:none}#recentbreaking li a,#recentbreaking li a:hover{color:#fff}}
    </style>
    4. Sau đó thêm đoạn JavaScript dưới vào trên thẻ </body>
    <script type=”text/javascript”>
    //<![CDATA[
    // Breaking News TL
    $(document).ready(function(){var e=”https://www.nguyenlamblog.xyz/”,t=10;$.ajax({url:””+e+”/feeds/posts/default?alt=json-in-script&amp;max-results=”+t,type:”get”,dataType:”jsonp”,success:function(e){function t(){$(“#recentbreaking li:first”).slideUp(function(){$(this).appendTo($(“#recentbreaking ul”)).slideDown()})}var n,r,a=””,i=e.feed.entry;if(void 0!==i){a=”<ul>”;for(var l=0;l<i.length;l++){for(var s=0;s<i[l].link.length;s++)if(“alternate”==i[l].link[s].rel){n=i[l].link[s].href;break}r=i[l].title.$t,a+='<li><i class=”fa fa-check-square”></i><a href=”‘+n+'” target=”_blank”>’+r+”</a></li>”}a+=”</ul>”,$(“#recentbreaking”)(a),setInterval(function(){t()},5e3)}else $(“#recentbreaking”)(“<span>There nothing here?</span>”)},error:function(){$(“#recentbreaking”)(“<strong>Error Loading Feed!</strong>”)}})});
    //]]>
    </script>
    Thay đổi nguyenlamblog.xyz bằng địa chỉ blog của bạn và thay thế số 10 theo số lượng bài viết bạn muốn hiển thị.
    5. Cuối cùng bạn hãy lưu đoạn mã bên dưới vào nơi muốn hiển thị. Nhưng phải ở trong <body></body> nhé.
    <div id=’breakingwrapper’>
       <div id=’breakingnews’>
         <span class=”tulisbreaking”>News Update<span class=”breakhidden”/></span>
          <div id=’recentbreaking’>Loading…</div>
          <div class=”blog-date”>
             <script language=”Javascript”>
                var dayName = new Array(&quot;Sunday&quot;, &quot;Monday&quot;, &quot;Tuesday&quot;, &quot;Wednesday&quot;, &quot;Thursday&quot;, &quot;Friday&quot;, &quot;Saturday&quot;);
                var monName = new Array(&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;, &quot;August&quot;, &quot;September&quot;, &quot;October&quot;, &quot;November&quot;, &quot;December&quot;);
                var now = new Date();
                document.write(&quot;&quot; + &quot; &quot; + dayName[now.getDay()] + &quot;,&quot; + &quot; &quot; + now.getDate() + &quot; &quot; + monName[now.getMonth()] + &quot;&quot;);
             </script>
          </div>
       </div>
    </div>
    <div class=”clear”/>
    Hoàn tất, giờ hãy ấn Lưu chủ đề và vào blog của bạn xem kết quả nhé :V
    Hi vọng bài viết Tạo Breaking News Widget Gọn Nhẹ Cho Blogspot hữu ích với bạn. Đừng quên comment để nêu cảm nghĩ nhé.
    naminakiky

    ———————————–


  • Cách Tạo Safelink Xác Nhận Chuyển Hướng Trên Blog Chính Blogspot

    Cách Tạo Safelink Xác Nhận Chuyển Hướng Trên Blog Chính

    Safelink là gì?

    Safelink là một trang trên trang web hoặc blog được sử dụng để phát hiện xem
    url/liên kết dự định có an toàn hay không khỏi vi-rút và phần mềm độc hại, nói
    ngắn gọn, safelink là một trang chuyển hướng trước khi người dùng chuyển đến
    trang đích.

    Safelink thường được tìm thấy trên các blog/trang web có chủ đề tải xuống,
    nhưng điều thường gặp là safelink không có trên blog chính với một miền khác.
    Có một số nhược điểm của loại safelink này nhưng sẽ không được thảo luận ở
    đây. Nghĩ đến những lợi ích khác nhau có thể được tối đa hóa từ safelink,
    chúng tôi đã cố gắng thử nghiệm với việc tải một trang safelink vẫn còn trên
    blog chính và hoạt động hoàn hảo.

    Cách hoạt động và lợi ích của Safelink

    Cách thức hoạt động của nó gần giống như các safelink khác, chỉ khác là trang
    safelink vẫn nằm trên miền chính. Khi khách truy cập muốn tải xuống một số tệp
    nhất định hoặc truy cập các liên kết lạ trên blog, họ sẽ được dẫn đến một
    trang nhất định của blog trước khi cuối cùng đến trang đích. Bạn có thể xem
    demo nhé.

    Demo

    Có nhiều lợi ích từ bản Safelink này, một số trong số đó là:

    • Không cần tạo blog mới và mua tên miền mới
    • Dễ dàng tùy chỉnh hơn
    • Ở lại blog chính, nghĩa là nó sẽ tự động tăng lượng người truy cập trên blog
      chính
    • Tăng thứ hạng trang blog vì khách truy cập tăng
    • Giảm tỷ lệ thoát của blog chính
    • Vị trí Adsense có nghĩa là để tăng thu nhập cho blog.
    • An toàn 100% vì nó vẫn nằm trong cùng một miền với blog chính.

    Cách tạo safelink trên blog chính

    Bước 1 – Tạo trang

    Trước hết, hãy tạo một trang blogger sau đó chuyển qua chế độ HTML và dán phần
    code bên dưới vào. Đừng quên đặt tên để còn tạo url nhé.

    <div class="separator" style="text-align:center">
    
        <div class="ads-top">
    
            <!-- QC Adsense -->
    
        </div>
    
        <div class="safelink" id='safelink'>
    
            <center>
    
                <div class="button outline" id='daplong'>
    
                    Please wait...</div>
    
                <script>
                    /*<![CDATA[*/
                    var currentURL = location.href;
                    var str = currentURL;
                    var res = str.replace('https://www.nguyenlamblog.xyz/p/tieptucdidentrangmoi' + '?url=", "");
    
                    function changeLink() {
                        var decodedString = Base64.decode(res);
                        window.open(decodedString, "_blank')
                    };
                    document.write('<a href="#go-link" id="download-safelink" class="button outline">Klik untuk menuju link</a>');
                    var linkDL = document.getElementById("download-safelink");
                    var notif = document.getElementById("daplong");
                    var waktu = 5;
                    var teks_waktu = document.createElement("span");
                    linkDL.parentNode.replaceChild(teks_waktu, linkDL);
                    var id;
                    id = setInterval(function() {
                        waktu--;
                        if (waktu < 0) {
                            teks_waktu.parentNode.replaceChild(linkDL, teks_waktu);
                            clearInterval(id);
                            notif.style.display = "none";
                            linkDL.style.display = "inline-block";
                        } else {
                            teks_waktu.innerHTML = "Liên kết sẽ xuất hiện sau " + waktu.toString() + " giây";
                        }
                    }, 1000); /*]]>*/
                </script>
            </center>
    
        </div>
    
        <div class="separator-text">
    
            <!-- QC Adsense -->
    
        </div>
    
        <div class="blockLink" style="text-align:center">
    
            <div id='ads-left' class="ads-left">
    
                <!-- QC Adsense -->
    
            </div>
    
            <div id='go-link'>
    
                <a class="button" href="javascript:void(0)" onclick='changeLink();' rel="nofollow noreferrer">Menuju link</a>
    
            </div>
    
            <div id='ads-right' class="ads-right">
    
                <!-- QC Adsense -->
    
            </div>
    
        </div>

    • Đặt các bài báo và mã Adsense của bạn vào phần được đánh dấu.
    • Thay thế “https://www.nguyenlamblog.xyz/p/tieptucdidentrangmoi” link
      trang mà bạn đã tạo.
    • Số 5 trong đoạn mã trên là thông số thời gian (giây) mà liên kết đích hiển
      thị, bạn có thể thay đổi để nhanh hơn hoặc chậm hơn.
    • Thay phần bôi xanh bằng cách của bạn nhé.

    Lưu lại nhé.

    Bước 2 – Thêm mã vào blog

    Trên bảng điều khiển Blogger, Chọn Chủ đềChỉnh sửa HTML.

    CSS

    Mã CSS này dùng để hiển thị các bố cục trên trang safelink và ẩn tiện ích
    safelink xuất hiện trên blog.

    /* Safelink */
    .button{display: inline-flex;display: -webkit-inline-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;margin-bottom: 10px;padding: 9px 20px;border-radius: 10px;font-size: .8rem;line-height: 1.3rem;background-color: #fff;color: #161617;}
    .button.outline{background-color: #fdd929;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
    .safelink span{display: block;font-size: 12px}
    .blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}
    .blockLink > div{display: block;width: 35%;}
    .blockLink > div#go-link{width: 30%;}
    .blockLink > div#go-link a{display: none;margin: 0}
    .blockLink > div#go-link:target a{display: inline-flex}
    .ads-top{margin: 0 0 20px 0;text-align: center}
    #HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}
    /* Responsive */
    @media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}}

    Tìm đến thẻ ]]></b:skin> và dán CSS trên vào trên thẻ
    ]]></b:skin>.

    Javascript

    Tìm mã </head> trên blog của bạn và đặt mã bên dưới ngay trên mã
    </head>.

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <script>
            /*<![CDATA[*/
            var uri = window.location.toString();
            if (uri.indexOf("%3D", "%3D") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("%3D"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            var uri = window.location.toString();
            if (uri.indexOf("%3D%3D", "%3D%3D") > 0) {
                var clean_uri = uri.substring(0, uri.indexOf("%3D%3D"));
                window.history.replaceState({}, document.title, clean_uri);
            }
            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);
            }
            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);
            };
            var protocol = window.location.protocol.replace(/:/g, '');
            if (protocol == 'http') {
                var url = window.location.href.replace('http', 'https');
                window.location.replace(url);
            } /*]]>*/
        </script>
    </b:if>

    Tạo Widget mới

    HD Tạo Widget mới

    Hãy ấn vào phần Chuyển đến tiện ích và chọn HTML ngẫu nhiên. Sau đó copy đoạn
    mã bên dưới và dán vào giữa </b:widget> và <b:widget cond ( Xem ảnh
    demo trên ).

    <b:widget cond='data:view.isSingleItem' id='HTML99' locked='false' title="Safelink" type="HTML" version='1'>
        <b:widget-settings>
            <b:widget-setting name="content" />
        </b:widget-settings>
        <b:includable id='main'>
            <div class="widget-content">
                <script>
                    /*<![CDATA[*/
                    var Base64 = {
                        _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
                        encode: function(input) {
                            var output = "";
                            var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
                            var i = 0;
                            input = Base64._utf8_encode(input);
                            while (i < input.length) {
                                chr1 = input.charCodeAt(i++);
                                chr2 = input.charCodeAt(i++);
                                chr3 = input.charCodeAt(i++);
                                enc1 = chr1 >> 2;
                                enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
                                enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
                                enc4 = chr3 & 63;
                                if (isNaN(chr2)) {
                                    enc3 = enc4 = 64;
                                } else if (isNaN(chr3)) {
                                    enc4 = 64;
                                }
                                output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
                            }
                            return output;
                        },
                        decode: function(input) {
                            var output = "";
                            var chr1, chr2, chr3;
                            var enc1, enc2, enc3, enc4;
                            var i = 0;
                            input = input.replace(/[^A-Za-z0-9+/=]/g, "");
                            while (i < input.length) {
                                enc1 = this._keyStr.indexOf(input.charAt(i++));
                                enc2 = this._keyStr.indexOf(input.charAt(i++));
                                enc3 = this._keyStr.indexOf(input.charAt(i++));
                                enc4 = this._keyStr.indexOf(input.charAt(i++));
                                chr1 = (enc1 << 2) | (enc2 >> 4);
                                chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
                                chr3 = ((enc3 & 3) << 6) | enc4;
                                output = output + String.fromCharCode(chr1);
                                if (enc3 != 64) {
                                    output = output + String.fromCharCode(chr2);
                                }
                                if (enc4 != 64) {
                                    output = output + String.fromCharCode(chr3);
                                }
                            }
                            output = Base64._utf8_decode(output);
                            return output;
                        },
                        _utf8_encode: function(string) {
                            string = string.replace(/rn/g, "n");
                            var utftext = "";
                            for (var n = 0; n < string.length; n++) {
                                var c = string.charCodeAt(n);
                                if (c < 128) {
                                    utftext += String.fromCharCode(c);
                                } else if ((c > 127) && (c < 2048)) {
                                    utftext += String.fromCharCode((c >> 6) | 192);
                                    utftext += String.fromCharCode((c & 63) | 128);
                                } else {
                                    utftext += String.fromCharCode((c >> 12) | 224);
                                    utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                                    utftext += String.fromCharCode((c & 63) | 128);
                                }
                            }
                            return utftext;
                        },
                        _utf8_decode: function(utftext) {
                            var string = "";
                            var i = 0;
                            var c = c1 = c2 = 0;
                            while (i < utftext.length) {
                                c = utftext.charCodeAt(i);
                                if (c < 128) {
                                    string += String.fromCharCode(c);
                                    i++;
                                } else if ((c > 191) && (c < 224)) {
                                    c2 = utftext.charCodeAt(i + 1);
                                    string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                                    i += 2;
                                } else {
                                    c2 = utftext.charCodeAt(i + 1);
                                    c3 = utftext.charCodeAt(i + 2);
                                    string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                                    i += 3;
                                }
                            }
                            return string;
                        }
                    };
                    var encode = document.getElementById('encode'),
                        decode = document.getElementById('decode'),
                        output = document.getElementById('output'),
                        input = document.getElementById('input');
                    var User_ID = "";
                    var protected_links = "";
                    var a_to_va = 0;
                    var a_to_vb = 0;
                    var a_to_vc = "";
    
                    function auto_safelink() {
                        auto_safeconvert();
                    };
    
                    function auto_safeconvert() {
                        var a_to_vd = window.location.hostname;
                        if (protected_links != "" && !protected_links.match(a_to_vd)) {
                            protected_links += ", " + a_to_vd;
                        } else if (protected_links == "") {
                            protected_links = a_to_vd;
                        }
                        var a_to_ve = "";
                        var a_to_vf = new Array();
                        var a_to_vg = 0;
                        a_to_ve = document.getElementsByTagName("a");
                        a_to_va = a_to_ve.length;
                        a_to_vf = a_to_fa();
                        a_to_vg = a_to_vf.length;
                        var a_to_vh = false;
                        var j = 0;
                        var daftarPostingan = ["https://www.nguyenlamblog.xyz/p/tieptucdidentrangmoi"];
                        var randomPostingan = daftarPostingan[Math.floor(Math.random() * daftarPostingan.length)];
                        var a_to_vi = "";
                        for (var i = 0; i < a_to_va; i++) {
                            a_to_vh = false;
                            j = 0;
                            while (a_to_vh == false && j < a_to_vg) {
                                a_to_vi = a_to_ve[i].href;
                                if (a_to_vi.match(a_to_vf[j]) || !a_to_vi || !a_to_vi.match("https")) {
                                    a_to_vh = true;
                                }
                                j++;
                            }
                            if (a_to_vh == false) {
                                var encryptedUrl = Base64.encode(a_to_vi);
                                a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl;
                                a_to_ve[i].rel = "nofollow noreferrer";
                                a_to_vb++;
                                a_to_vc += i + ":::" + a_to_ve[i].href + "n";
                            }
                        }
                        var a_to_vj = document.getElementById("anonyminized");
                        var a_to_vk = document.getElementById("found_links");
                        if (a_to_vj) {
                            a_to_vj.innerHTML += a_to_vb;
                        }
                        if (a_to_vk) {
                            a_to_vk.innerHTML += a_to_va;
                        }
                    };
    
                    function a_to_fa() {
                        var a_to_vf = new Array();
                        protected_links = protected_links.replace(" ", "");
                        a_to_vf = protected_links.split(",");
                        return a_to_vf;
                    }; /*]]>*/
                </script>
                <script>
                    /*<![CDATA[*/
                    protected_links = "facebook.com,instagram.com,twitter.com";
                    auto_safelink(); /*]]>*/
                </script>
            </div>
        </b:includable>
    </b:widget>

    • Thay thế https://www.nguyenlamblog.xyz/p/tieptucdidentrangmoi thành link
      trang mà bạn đã tạo.
    • Theo mặc định, tất cả các liên kết bên ngoài sẽ được chuyển hướng đến trang
      safelink, hãy thêm một số trang loại trừ như trang blog của bạn, v.v. trong
      phần ‘facebook.com,instagram.com,twitter.com’, phân tách bằng dấu phẩy (,) nếu
      bạn muốn thêm một số trang web ngoại lệ.

    Nhấp vào Lưu chủ đề trên mẫu của bạn.

    Kết luận

    Vậy là đã xong, bạn có thể mod thêm một số cái như blog của mình nhé.

    Video Hướng Dẫn

    (Update)

    ———————————–


  • Cài Đặt Tính Năng Fancybox Trên Blogger/Blogspot

    Cài Đặt Tính Năng Fancybox Trên Blogger/Blogspot

    FancyBox là gì?

    FancyBox là một công cụ để hiển thị hình ảnh, nội dung HTML
    đa phương tiện trong một “hộp đèn” kiểu Mac nổi trên trang web. Nó được xây
    dựng bằng cách sử dụng thư viện jQuery

    Nó là sự kết hợp của JavaScript, CSS và một số hình ảnh cho phép
    bạn để tạo hiệu ứng phương thức bằng cách sử dụng khung JavaScript jQuery

    Tính năng của bản FancyBox này:

    • Có trình chiếu tự động
    • Chế độ toàn màn hình
    • Thu phóng
    • Và hiển thị list ảnh

    Các bước để thêm nó vào Blogger:

    Trên bảng điều khiển Blogger , Chọn Chủ đề ➟ Chỉnh sửa HTML

    Bước 1: Thêm thư viện  jQuery

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"/>

    Hoặc

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"/>

    Bước 2: Thêm mã vào blog

    CSS

    <b:if cond='data:view.isSingleItem'>
    <style>
    @media screen and (max-width:640px) {
    body .fancybox-slide--image{overflow-y:scroll}}
    </style>
    </b:if>

    Tìm đến thẻ </head> và dán CSS trên vào trên thẻ
    </head>

    Javascript

    Tìm mã </body> trên blog của bạn và đặt mã bên dưới ngay trên
    </body> nhé.

    <b:if cond='data:view.isSingleItem'>
    <script>
    //<![CDATA[
    // Lazy Fancy Box
    var lazyfancybox=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyfancybox||0!=document.body.scrollTop&&!1===lazyfancybox)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyfancybox=!0)},!0);
    // CSS Fancy Box
    function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
    loadCSS("https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css");
    // Fancybox Setting
    $(document).ready(function(){$(".post-body img").parent("a:not(.no-lightbox)").each(function(){$(this).attr("src",$(this).find("img").attr("src")),$(this).attr("data-fancybox","postimages")}),$(".post-body img").parent("a:not(.no-lightbox)").fancybox({margin:[50,0],onComplete:function(t,o){t.scaleToActual(0,0,0),console.log(t)}})});
    //]]>
    </script>
    </b:if>
    Thay thế phần bôi đỏ
    .post body thành
    class image của template mà bạn đang xài nhé.
    Nếu gặp vấn đề gì hãy comment ngay bên dưới nhé. Chúc các bạn thành công.

    ———————————–


  • Làm Thế Nào Để Loại Bỏ Các Liên Kết Đang Hoạt Động Trong Bình Luận Trên Blogger

    Làm Thế Nào Để Loại Bỏ Các Liên Kết Đang Hoạt Động Trong Bình Luận Trên Blogger

    Hầu hết các blogger comment làm điều đó để tạo một backlink cho blog của họ. Nếu trong tương lai, liên kết đang hoạt động đã chết và không thể truy cập được nữa, nó thay đổi thành liên kết bị hỏng, điều đó sẽ có hại cho của blog của bạn.

    Cho nên hôm nay mình sẽ chỉ cho các bạn Làm Thế Nảo Để Loại Bỏ Các Liên Kết Đang Hoạt Động Trong Bình Luận Trên Blogger một cách nhanh chóng. Hãy bắt đầu ngăn chặn ngay bây giờ nào.

    Làm Thế Nào Để Loại Bỏ Các Liên Kết Đang Hoạt Động Trong Bình Luận Trên Blogger

    Các Liên Kết Đang Hoạt Động

    Mình sẽ chỉ cho các bạn 2 cách để xóa liên kết đang hoạt động trong nhận xét:
    1. Khóa liên kết thành văn bản thuần túy.
    2. Xóa toàn bộ nhận xét và thay thế nó.

    1. Hủy kích hoạt liên kết đến văn bản thuần túy:

    Với cách này, mọi liên kết đang hoạt động được chèn vào sẽ tự động bị tắt, nó sẽ trở thành văn bản thuần túy mà không thay đổi toàn bộ văn bản.
    Có 2 loại mã script mà bạn có thể thử trên blog của mình, đó là JavaScriptjQuery. Thử 1 trong 2 nhé.

    JavaScript

    <script> //<![CDATA[
    /* Hapus Link Aktif di Komentar by Josiah Sinuhaji */
    content = document.getElementById(‘comments’).getElementsByTagName(‘p’);
    for (var i = 0; i < content.length; i++) {
     if (content[i].innerHTML.indexOf(‘</a>’) !== -1) {
     content[i].innerHTML = content[i].innerHTML.replace(/<a[^>]*>|</a>/g, “”);
     }
    }
    //]]> </script>

    jQuery

    <script> //<![CDATA[
    /* Hapus Link Aktif di Komentar by Josiah Sinuhaji */
    $(function(){$(‘#comments p’).find(‘a’).contents().unwrap();});
    //]]> </script>
    Ấn Lưu chủ đề và vào blog của bạn xem kết quả nhé.

    2. Xóa toàn bộ nhận xét và thay thế nó

    Với phương pháp này các bình luận spam sẽ bị xóa và thay thế bằng thông báo tùy chỉnh của bạn.
    Các bước tương tự như trên, hãy dán mã bên dưới ngay trên thẻ </ body>
    <script> //<![CDATA[
    /* Hapus Link Aktif di Komentar by Josiah Sinuhaji */
    var content = document.getElementById(‘comments’).getElementsByTagName(‘p’);
    for (var i = 0; i < content.length; i++) {
     if (content[i].innerHTML.indexOf(‘</a>’) !== -1) {
      content[i].innerHTML = ‘Rất tiếc … bạn không thể nhập một liên kết hoạt động ở đây! Nhận xét tự động bị vô hiệu hóa bởi nguyenlamblog.xyz‘;
     }
    }
    //]]> </script>
    Hi vọng bài viết này hữu ích với bạn. Nếu có vấn đề gì, hãy comment ở bên dưới cho mình biết nhé.

    ———————————–


  • Cách Chặn Adblock Trên Trang Blogger/Blogspot Của Bạn

    Cách Chặn Adblock Trên Trang Blogger/Blogspot Của Bạn 1

    Adblock là gì?

    Adblock là một tiện ích mở rộng trên trình duyệt hoặc ứng dụng để xóa quảng cáo trên một trang web, như chúng ta biết rằng quảng cáo trên blog đôi khi làm phiền người truy cập, do đó người dùng internet bắt đầu sử dụng tiện ích mở rộng Adblock.
    Nhưng đối với một người viết blog sử dụng Google AdSense, đó là một trong những mối đe dọa làm giảm doanh thu từ blog. Để khắc phục điều này, chúng ta cần thêm script để chặn Adblock vào blog.

    Cách Chặn Adblock Trên Trang Blogger/Blogspot Của Bạn

    Mình sẽ chia sẽ cho các bạn 2 scripts AdBlock để các bạn cài vào blogger/blogspot của bạn nhé.
    HD: Trên bảng điều khiển Blogger , Chọn Chủ đềChỉnh sửa HTML ➟ Tìm thẻ </body> và dán mã vào trước nó.

    AdBlock loại 1

    Cách Chặn Adblock Trên Trang Blogger/Blogspot Của Bạn 2

    <link href=”https://kit.nguyenlamblog.xyz/css/block-adblock.css” rel=”stylesheet”/>
    <script type=”text/javascript”>
    //<![CDATA[
    // Say Hi to Adblock
    function downloadJSAtOnload(){var e=document.createElement(“script”);e.src=”https://kit.nguyenlamblog.xyz/js/block-adblock.js”,document.body.appendChild(e)}window.addEventListener?window.addEventListener(“load”,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(“onload”,downloadJSAtOnload):window.onload=downloadJSAtOnload;
    //]]>
    </script>

    AdBlock loại 2

    Cách Chặn Adblock Trên Trang Blogger/Blogspot Của Bạn 3

    CSS
    /* Adblock */
    #detect-adblock-zone{width:100%;z-index:99;position:fixed;bottom:0;}
    #detect-adblock{background:#ffffff;border-left:4px solid #fdd929;color:#000000;text-align:center;padding:10px 20px;position:relative;bottom:-150px;opacity:0;font-size:100%;line-height:1.5em;border-radius:5px;width:100%;max-width:800px;height:auto;z-index:99;box-shadow:0 5px 15px rgba(0,0,0,0.5);margin:0 auto;}
    #detect-adblock p{margin:0}
    #detect-adblock.show{pointer-events:auto;opacity:1;bottom:0;}
    .detect-adblock-note{text-decoration:underline;}
    .detect-adblock-title{text-decoration:underline;font-weight:700;font-size:15px;animation-name:blinker;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite;}
    .close-detect-adblock:hover{color:#1C90F3;box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);transform:scale(1,1);}
    #detect-adblock.show{animation:detect-adblock-anim ease-out 1s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:detect-adblock-anim ease-out 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation:detect-adblock-anim ease-out 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation:detect-adblock-anim ease-out 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation:detect-adblock-anim ease-out 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
    .close-detect-adblock{background:#fff;color:#E23A3A;text-align:center;position:absolute;top:-15px;right:5%;font-size:24px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
    @keyframes detect-adblock-anim{0%{opacity:0.3;transform:translate(0px,80px)}100%{opacity:1;transform:translate(0px,0px)}}
    @keyframes blinker{0%{opacity:1.0;}50%{opacity:0.0;}100%{opacity:1.0;}}
    @media only screen and (max-width:640px){
    #detect-adblock-zone,#detect-adblock,.close-detect-adblock{display:none;}}
    HTML
    <div id=’detect-adblock-zone’><div id=’detect-adblock’>
      <p><i class=”fa fa-frown-o”/> <span class=”detect-adblock-title”>Oops!! CÓ VẺ NHƯ BẠN ĐANG BẬT ADBLOCK</span> <i class=”fa fa-frown-o”/></p>
      <p>Quảng cáo giúp Nguyễn Lâm Blog duy trì website và tiếp tục chia sẻ các thủ thuật đến bạn.</p>
      <p>Bạn Vui lòng <span class=”detect-adblock-note”>tắt Adblock</span> hoặc cho Nguyễn Lâm Blog <span class=”detect-adblock-note”>được phép hiển thị</span> trong công cụ chặn quảng cáo của bạn. Cảm ơn!</p>
    <div class=”close-detect-adblock” onclick=’hidedetect()’>&#215;</div>
    </div></div>
    JS
    <script type=”text/javascript”>
    //<![CDATA[
    setTimeout(function() {
      var info = document.getElementById(“detect-adblock”);
      var ads = document.querySelectorAll(“ins.adsbygoogle”);
      if ($(ads).height() === 0 ) {
        info.className = “show”;
      }
    }, 5000)
    function hidedetect() {
      var e = document.getElementById(“detect-adblock”).style.display = “none”;
    };
    //]]>
    </script>
    Sau đó bấm Lưu chủ đề là xong

    ———————————–


  • Tạo Popup Chúc Mừng Năm Mới 2021 Đẹp Cho Blogger/Blogspot

    Tạo Popup Chúc Mừng Năm Mới 2021 Đẹp Cho Blogger/Blogspot

     

    Xin chào các bạn, chỉ còn vài ngày nữa thôi là qua năm 2021 rồi cho nên hôm nay mình sẽ chia sẻ cho các bạn cách Tạo Popup Chúc Mừng Năm Mới 2021 Đẹp Cho Blogger/Blogspot. Với popup này, nó sẽ giúp cho blog của bạn có một không khí tết rất bắt mắt nhé.

    Hôm kia mình có lướt trên youtube và thấy popup này rất hay của anh Ấn Độ nên mình bê về chia sẻ cho các bạn :V

     

    Cách Tạo Popup Chúc Mừng Năm Mới 2021 Đẹp Cho Blogger/Blogspot

    Để tạo popup này, các bạn hãy làm theo các bước sau đây nhé.
    Bước 1: Đăng nhập vào Blogger.
    Bước 2: Trên bảng điều khiển Blogger , Chọn Chủ đềChỉnh sửa HTML.
    Bước 3: Tìm thẻ </head> và dán đoạn CSS dưới vào trên nó.
    <style>
    /*  New Year Pop Up WIdget By NguyenLamBlog  */
    @-webkit-keyframes hue { 100% { -webkit-filter:hue-rotate(360deg); }} .AT-new-year{ position: fixed; background-image: url(“https://www.nguyenlamblog.xyz/2020/12/https://cdn.statically.io/img/1.bp.blogspot.com/-iT8SkVmVQf8/X-CNYZtQyFI/AAAAAAAADPc/HWj3qmXbqIMB0IiUHJ15Eep98GAaDLDQQCLcBGAsYHQ/s0/pngtree-festive-2019-pig-new-year-background-design-display-boardspring-festival-image_74331.jpg‘); background-size:cover;-webkit-animation:hue 1s linear infinite; z-index: 50; align-items: center; max-width: 500px; max-height: 300px; border-radius: 5px; box-shadow: 0 6px 18px 0 rgba(9,32,76,.035); display: flex; padding: 12px 15px 12px 12px; left: 50%;box-sizing: border-box;transform: translate(-50%, -100%); top: 70%;width: 100%; height:100%;text-align: center;border: 4px solid #fefefe; } .AT-new-year:before{ content: “”; background-image: url(“https://www.nguyenlamblog.xyz/2020/12/https://cdn.statically.io/img/1.bp.blogspot.com/-IELKsnCdJ_E/X-CNUytCXVI/AAAAAAAADPU/ajvjFLDFEbE8qCFuQLn0Z93HR6NymMpOwCLcBGAsYHQ/s0/giphy.gif‘); background-size:cover; width: 100%; height:100%; opacity: 0.1; } .AT-close svg { width: 35px; height: 35px; fill: #fff; position: absolute; top: 4px; right: 8px; } .text-content{ z-index: 2; color: #fff; position: absolute; display:block; align-items: center;width: 100%; justify-content: center;padding-bottom: 42px; } .title2 { font-size: 34px; font-weight: 800;display:block; text-align: center; } .title2x{ font-size: 68px; font-weight: 800; text-align: center;display:block;text-shadow: 4px 4px #222, 7px 5px #ffff00; } .subtext{ font-size: 12px;display:block;padding-top:12px;font-family: ‘Bangers’, cursive; } .player-bottom { display:block;align-items: center;text-align: center;justify-content: center;} audio{height:32px; width: 250px; position: fixed; top: 92%; left: 52%; display: flex;flex-grow: 1; transform: translate(-50%, -100%); }
    </style>
    Các bạn chỉnh phần màu đỏ thành link ảnh tùy thích của bạn
    Bước 4: Sau khi thêm CSS xong thì bạn hãy tìm đến thẻ <body> hoặc <body và dán đoạn mã HTML bên dưới vào dưới nó. ( Thẻ <body> hoặc <body thường nằm bên dưới </head> đấy nhé )

     

    <b:if cond=’data:view.isHomepage’>
    <div class=”AT-new-year” id=’746427′> <div class=”AT-close” onclick=’document.getElementById(&quot;746427&quot;).style.display=&quot;none&quot;’><svg viewBox=’0 0 512 512′ xmlns=”http://www.w3.org/2000/svg”><path d=’M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z’/></svg></div> <div class=”text-content”> <div class=”title2″> HAPPY NEW YEAR </div> <div class=”title2x”> 2021 </div> <div class=”subtext”> Looking forward to new adventures. </div> </div> <div class=”player-bottom”> <audio autoplay=” controls=””> <source src=”https://www.nguyenlamblog.xyz/2020/12/https://kit.nguyenlamblog.xyz/happy_new_year.mp3” type=”audio/mpeg”/> </audio> </div> </div>
    </b:if>
    Thay phần màu vàng thành link nhạc của bạn
    Ví dụ:
    <body>
    <b:if cond=’data:view.isHomepage’>
    <div class=”AT-new-year” id=’746427′> <div class=”AT-close” onclick=’document.getElementById(&quot;746427&quot;).style.display=&quot;none&quot;’><svg viewBox=’0 0 512 512′ xmlns=”http://www.w3.org/2000/svg”><path d=’M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z’/></svg></div> <div class=”text-content”> <div class=”title2″> HAPPY NEW YEAR </div> <div class=”title2x”> 2021 </div> <div class=”subtext”> Looking forward to new adventures. </div> </div> <div class=”player-bottom”> <audio autoplay=” controls=””> <source src=”https://www.nguyenlamblog.xyz/2020/12/https://kit.nguyenlamblog.xyz/happy_new_year.mp3” type=”audio/mpeg”/> </audio> </div> </div>
    </b:if>
    Sau khi dán xong thì các bạn hãy ấn Lưu lại và vào blog của bạn xem kết quả nhé.

    Read This

    We share content only for testing purpose and help those who didn’t afford money to buy, not for commercial use.Please, If you have money then we strongly recommend to buy it from original authors or legally because they put really very hard work in making it.
    If you are the owner of this content and you have problem with this then, mail us We will remove it as soon as Possible.

    DMCA
    Terms Of Use
    Contact

     

    ———————————–


  • Cách Tạo Widget Các Trang Mạng Xã Hội Trên Blogger/Blogspot

    Cách Tạo Widget Các Trang Mạng Xã Hội Trên Blogger/Blogspot 20


    Xin chào các bạn, mình là Nguyễn Lâm Blog đây, hôm nay chúng ta sẽ tìm hiểu Cách Tạo Widget Các Trang Mạng Xã Hội Trên Blogger/Blogspot nhé. 
    Như bạn có thể thấy trong hình trên, đó là một tiện ích truyền thông xã hội thực sự đẹp và hấp dẫn. Bạn có thể sử dụng tiện ích này ở bất kỳ đâu trong blogger hoặc WordPress, bạn chỉ cần sao chép và dán mã vào bất kỳ tiện ích nào và nó sẽ hoạt động bình thường.

    Cách Tạo Widget Các Trang Mạng Xã Hội Trên Blogger/Blogspot

    Làm theo các bước này là chúng ta có thể tậu cho mình một tiện ích mạng xã hội rồi nhé.
    Bước 1: Đăng nhập vào Blogger.
    Bước 2: Trên bảng điều khiển Blogger , Chọn Bố Cục.
    Bước 3: Chọn một nơi để đặt widget này, mình sẽ chọn bên thanh sidebar nhé. Sau đó ấn Thêm tiện ích.
    Cách Tạo Widget Các Trang Mạng Xã Hội Trên Blogger/Blogspot 21

    Bước 4: Sau khi chọn thêm tiện ích xong thì các bạn chọn HTML/JavaScript.
    Cách Tạo Widget Các Trang Mạng Xã Hội Trên Blogger/Blogspot 22

    Bước 5: Copy đoạn HTML bên dưới và dán vào.
    
    <link href="https://cdn.jsdelivr.net/gh/nguyenlamblog/nguyenlamblog.xyz@eaea539/CSS/SocialMediaWidgets.css" rel="stylesheet"/>
    <div class="tl-socialicons">
    <div class="tl-socialInner">
      <!--Facebook-->
        <div class="tl-social">
      <div class="tl-facebook tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Facebook">
          <span class="tl-sicon"><i class="fa fa-facebook"></i></span>
          <span class="tl-scount">3.1K</span>
          </a>
          </div>
          </div>
      <!--Google Plus-->
        <div class="tl-social">
      <div class="tl-googleplus tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Google Plus">
          <span class="tl-sicon"><i class="fa fa-google-plus"></i></span>
          <span class="tl-scount">2K</span>
          </a>
        </div>
        </div>
      <!--Twitter-->
      <div class="tl-social">
      <div class="tl-twitter tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Twitter">
          <span class="tl-sicon"><i class="fa fa-twitter"></i></span>
          <span class="tl-scount">1.4K</span>
          </a>
        </div>
        </div>
      <!--Instagram-->
      <div class="tl-social">
      <div class="tl-instagram tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Instagram">
          <span class="tl-sicon"><i class="fa fa-instagram"></i></span>
          <span class="tl-scount">2K</span>
          </a>
        </div>
        </div>
      <!--Pinterest-->
      <div class="tl-social">
      <div class="tl-pinterest tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Pinterest">
          <span class="tl-sicon"><i class="fa fa-pinterest"></i></span>
          <span class="tl-scount">4.5K</span>
          </a>
        </div>
        </div>
      <!--Youtube-->
      <div class="tl-social">
      <div class="tl-youtube tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="YouTube">
          <span class="tl-sicon"><i class="fa fa-youtube"></i></span>
          <span class="tl-scount">2.8K</span>
          </a>
        </div>
        </div>
      <!--Vine-->
      <div class="tl-social">
      <div class="tl-vine tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Vine">
          <span class="tl-sicon"><i class="fa fa-vine"></i></span>
          <span class="tl-scount">3.3K</span>
          </a>
        </div>
        </div>
      <!--SoundCloud-->
      <div class="tl-social">
      <div class="tl-soundcloud tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="SoundCloud">
          <span class="tl-sicon"><i class="fa fa-soundcloud"></i></span>
          <span class="tl-scount">3.9K</span>
          </a>
        </div>
        </div>
        
          <!--VK-->
          <div class="tl-social">
      <div class="tl-vk tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="VK">
          <span class="tl-sicon"><i class="fa fa-vk"></i></span>
          <span class="tl-scount">3.9K</span>
          </a>
        </div>
        </div>
          <!---->
          <div class="tl-social">
      <div class="tl-foursquare tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Foursquare">
          <span class="tl-sicon"><i class="fa fa-foursquare"></i></span>
          <span class="tl-scount">3.9K</span>
          </a>
        </div>
        </div>
          <!--GitHub-->
          <div class="tl-social">
      <div class="tl-github tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="GitHub">
          <span class="tl-sicon"><i class="fa fa-github"></i></span>
          <span class="tl-scount">3.9K</span>
          </a>
        </div>
        </div>
        
          <!--Dribbble-->
          <div class="tl-social">
      <div class="tl-dribbble tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="Dribbble">
          <span class="tl-sicon"><i class="fa fa-dribbble"></i></span>
          <span class="tl-scount">3.9K</span>
          </a>
        </div>
        </div>
        </div>
    </div>
    

    Thay https://www.nguyenlamblog.xyz thành liên kết mạng xã hội của bạn. Đừng quên thay số nhé.

    Xóa bất kiểu biểu tượng nào

    Nếu Bạn muốn Xóa bất kỳ Biểu tượng Truyền thông Xã hội nào khỏi Tiện ích, Chỉ cần xóa khỏi nơi các biểu tượng bắt đầu và sau đó kết thúc.
    Ví dụ:
    
    <!--VK-->
          <div class="tl-social">
      <div class="tl-vk tl-sinn">
          <a href="https://www.nguyenlamblog.xyz" target="_blank" title="VK">
          <span class="tl-sicon"><i class="fa fa-vk"></i></span>
          <span class="tl-scount">3.9K</span>
          </a>
        </div>
        </div>
    

    Read This

    We share content only for testing purpose and help those who didn’t afford money to buy, not for commercial use.Please, If you have money then we strongly recommend to buy it from original authors or legally because they put really very hard work in making it.
    If you are the owner of this content and you have problem with this then, mail us We will remove it as soon as Possible.

    DMCA
    Terms Of Use
    Contact

    ———————————–


  • Làm Thế Nào Để Thêm Syntax Highlighter Vào Blogger/Blogspot

    Làm Thế Nào Để Thêm Syntax Highlighter Vào Blogger/Blogspot 20

    Syntax Highlighter là gì?

    Syntax Highlighter là một script có thể làm cho mã trở nên đầy màu sắc. Chúng
    ta thường thấy đoạn mã đầy màu sắc này trên các blog có chứa nội dung hướng
    dẫn hoặc chia sẻ thủ thuật về blogger, bao gồm các đoạn mã CSS, HTML,
    JavaScript, jQuery, v.v.

    Nó được dùng để làm gì?

    Script này thường được sử dụng để thêm một xíu màu mè các dòng mã trong các
    bài đăng trên blog, việc sử dụng Syntax Highlighter cũng nhằm để người đọc
    dễ dàng nhận ra loại mã mà tác giả cung cấp.
    Một tác dụng khác của việc sử dụng Syntax Highlighter là khách truy cập sẽ
    cảm thấy thoải mái hơn khi đọc nội dung của blog, và đối với tác giả hoặc
    quản trị viên blog, nó sẽ giúp họ chuyên nghiệp hơn trong việc trình bày
    bài viết trên blog hướng dẫn của họ.

    Syntax Highlighter hoạt động giống Blockquote không?

    Syntax Highlighter hoạt động gần giống như Blockquote, nhưng điểm khác biệt
    là tính năng blockquote màu chữ thường chỉ có một màu, để đổi màu thì bạn
    phải tự thêm màu. Vì vậy, có thể nói rằng  Syntax Highlighter sẽ hiệu
    quả hơn so với tính năng blockquote.

    Cách Thêm Syntax Highlighter Vào Blogger/Blogspot

    Để sử dụng Syntax Highlighter trên blog của bạn hãy làm theo các bước
    sau đây nhé, nó rất dễ thôi hihi.
    Lưu ý: Nếu bạn chưa thêm thư viện JQuery thì hãy thêm nó vào nhé,
    không là nó không hoạt động đâu. Hãy thêm thư viện JQuery:
     <script
    src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”/>
    Bước 1: Đăng nhập vào Blogger.
    Bước 2: Trên bảng điều khiển Blogger , Chọn Chủ Đề ➺.Chỉnh Sửa HTML.

    Bước 3: Tìm thẻ </head> và dán đoạn CSS dưới vào
    trên nó nhé.
    <style type="text/css">
    /* Syntax Highlighter www.nguyenlamblog.xyz */
    pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0;padding:0}hr{margin-top:2rem;background:#ccc;height:1px;border:0;margin-bottom:2rem}
    .post-body code{padding:1.2em}.post-body pre{padding:0;border-radius:3px;background-color:#292e34;word-spacing:normal;word-break:normal;line-height:1.4em}.post-body .hljs{display:block;overflow-x:auto;padding:1.2em;background:#2b2b2c;color:#fff;line-height:1.5;text-align:left;word-spacing:0;font-family:monospace;border-radius:3px}.post-body .hljs-name,.post-body .hljs-strong{font-weight:bold}.post-body .hljs-code,.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-tag{color:#62c8f3}.post-body .hljs-variable,.post-body .hljs-template-variable,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:#ade5fc}.post-body .hljs-string,.post-body .hljs-bullet{color:#a2fca2}.post-body .hljs-type,.post-body .hljs-title,.post-body .hljs-section,.post-body .hljs-attribute,.post-body .hljs-quote,.post-body .hljs-built_in,.post-body .hljs-builtin-name{color:#ffa}.post-body .hljs-number,.post-body .hljs-symbol,.post-body .hljs-bullet{color:#d36363}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal{color:#fcc28c}.post-body .hljs-comment,.post-body .hljs-deletion,.post-body .hljs-code{color:#888}.post-body .hljs-regexp,.post-body .hljs-link{color:#c6b4f0}.post-body .hljs-meta{color:#fc9b9b}.post-body .hljs-deletion{background-color:#fc9b9b;color:#333}.post-body .hljs-addition{background-color:#a2fca2;color:#333}.post-body .hljs a{color:inherit}.post-body .hljs a:focus,.post-body .hljs a:hover{color:inherit;text-decoration:underline}mark .post-body .hljs-attr,mark .post-body .hljs-string,mark .post-body .hljs-bullet{background-color:#e67e22;color:#fff}.post-body .hljs mark{background-color:#f24a4a;color:#fff;padding:2px 5px;border-radius:2px}.post-body .hljs mark span.hljs-number,.post-body .hljs mark span.hljs-comment,.post-body .hljs mark span.hljs-symbol,.post-body .hljs mark span.hljs-string,.post-body .hljs mark span.hljs-attr,.post-body .hljs mark span.hljs-keyword,.post-body .hljs mark span.hljs-name,.post-body .hljs mark span.hljs-tag{color:#fff;margin:.15rem 0}
    </style>

    Bước 4: Sau khi thêm CSS xong thì bạn hãy tìm đến thẻ
    </body> và dán đoạn JavaScript bên dưới vào trên nó.
    <script type="text/javascript">
    //<![CDATA[
    // Syntax Highlighter www.nguyenlamblog.xyz
    $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this)()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
    function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/frame@master/highlightr.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
    //]]>
    </script>

    Sau khi thêm xong các bạn Lưu chủ đề lại nhé.

    Cách Sử Dụng Syntax Highlighter Vào Bài Viết

    Để sử dụng, các bạn hãy các bạn hãy đăng bài như bình thường nhưng hãy để
    chỗ trống để dán mã. Sau khi viết bài xong các bạn hãy chuyển qua Chế độ xem
    HTML và dán nó vào chỗ trống đó, sau đó quay lại chế độ Soạn thư và dán đoạn
    mã của bạn cần thêm vào nhé.
    <pre><code>__Dán CSS/HTML/JAVASCRIPT Vào__</code></pre>

    Thế là xong, vậy là mình đã hướng dẫn cho các bạn các thêm Syntax Highlighter
    Vào Blogger rồi, rất là đơn giản phải hong nào. Nếu có vấn đề gì hãy comment
    bên dưới cho mình biết nhé.

    ———————————–


  • Cách bảo vệ tài khoản AdSense khỏi các click không hợp lệ trong Blogger

    Nguyễn Lâm Blog: Cách bảo vệ tài khoản AdSense khỏi các các click không hợp lệ trong Blogger

    Adsense là một trong những nguồn thu nhập trung tâm của hầu hết các blogger. Nhưng điều gì sẽ xảy ra khi mấy thanh niên rảnh rỗi đi click spam khiến tài khoản Adsense của bạn bị khóa
    Trong bài viết này, chúng ta sẽ tìm hiểu cách bảo vệ tài khoản Adsense khỏi các nhấp chuột không hợp lệ trong blogger bằng JavaScript bảo vệ nhấp chuột không hợp lệ Adsense đơn giản do một trong những nhà phát triển blogger thực hiện.

    Cách bảo vệ tài khoản AdSense khỏi các click không hợp lệ trong Blogger

    Thực hiện theo bước này một cách cẩn thận để bảo vệ tài khoản Adsense của bạn khỏi các nhấp chuột không hợp lệ.
    Bước 1: Đăng nhập vào Blogger.
    Bước 2: Trên bảng điều khiển Blogger , Chọn Chủ Đề ➺.Chỉnh Sửa HTML.
    Bước 3: Tìm thẻ </head> hoặc thẻ </body> và dán đoạn CSS dưới vào trên nó nhé.

    JavaScript mặc định:

    <script type="text/javascript">
    //<![CDATA[
    function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawcdn.githack.com/mhdfasilwyd/script/e10713efcec5a681123c8cc8b74312cd4441b065/adsense-guard.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
    //]]>
    </script>

    JavaScript có thể chỉnh sửa:

    <script type="text/javascript">
    //<![CDATA[
    function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawcdn.githack.com/mhdfasilwyd/script/b5ef06b19b4dcfe84de574c318ccb65a439bb182/adsense-click.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
    Arlina.init({click:3,interval:23000});
    //]]>
    </script>
    click:3

    số lượng nhấp chuột tối đa mà sau đó quảng cáo Adsense sẽ không được hiển thị.

    interval:23000

    khoảng thời gian mà sau đó quảng cáo sẽ được hiển thị lại (thời gian tính bằng mili giây)

    Bạn có thể thay đổi các giá trị theo ý muốn nhưng hãy tiến hành cẩn thận.

    Bước 4: Ấn nút Lưu chủ đề lại nhé.

    Cách hoạt động của tập lệnh bảo vệ nhấp chuột không hợp lệ của Adsense

    Hoạt động của JavaScript này rất đơn giản, Nó sẽ tự động ẩn Quảng cáo Adsense của bạn nếu ai đó nhấp vào Quảng cáo của bạn với cùng một IP nhiều hơn 3 lần (có thể chinh) và tải lại quảng cáo sau một khoảng thời gian cố định mà người dùng đã khai báo.
    Tất cả chúng ta đều biết những khó khăn trong việc tạo tài khoản Adsense và kiếm tiền từ nó. Vui lòng không làm theo bất kỳ kỹ thuật mũ đen nào để kiếm tiền hôm nay hoặc ngày mai tài khoản Adsense của bạn sẽ bị vô hiệu hóa.

    ———————————–


  • Tổng Hợp Các Thẻ Điều Kiện Blogger/Blogspot Update 2021

    Nguyễn Lâm Blog: Tổng Hợp Các Thẻ Điều Kiện Blogger/Blogspot Update 2021

    Tổng Hợp Các Thẻ Điều Kiện Blogger/Blogspot Update 2021 – Thẻ điều kiện là tập hợp mã HTML hoặc thẻ HTML có thể được sử dụng để hiển thị một tiện ích, tiện ích hoặc phần tử cụ thể trên một trang cụ thể của trang web.

    Thẻ có điều kiện của Blogger là gì?

    Thẻ có điều kiện là tập hợp các mã HTML hoặc thẻ HTML có thể được sử dụng để hiển thị một tiện ích, tiện ích hoặc phần tử cụ thể trên một trang cụ thể của trang web, tức là bạn có thể có một tiện ích trên trang web Blogger của mình và chọn hiển thị nó trên một số trang và ẩn nó khỏi một số trang bằng cách sử dụng thẻ điều kiện.

    Ví dụ về thẻ điều kiện này là widget nào đó ở sidebar của một trang web; đối với một số trang web, nếu bạn mở đến trang chủ, widget đó sẽ không được hiển thị nhưng khi vào một trong các bài viết, bạn sẽ thấy thanh bên xuất hiện trên trang. Hành động này được thực hiện bằng cách sử dụng một số thẻ điều kiện hoặc gọi nó là các biến.

    Ứng dụng này cũng giúp website chứa nhiều widget giảm tốc độ tải trang của một số trang bằng cách ẩn một số widget nặng khỏi một trang nhạy cảm của website.

    Tổng Hợp Các Thẻ Điều Kiện Blogger

    Dưới đây là danh sách tất cả các thẻ có điều kiện của Blogger mà mình đã tổng hợp được, hãy sử dụng nó đúng cách.

    1. Thẻ điều kiện trên trang chủ

    
     <b:if cond="data:view.isHomepage">
      <!--Nội dung chỉ hiển thị trên trang chủ-->
    </b:if> 
    

    Định dạng cũ:

    
     <b:if cond="data:blog.url == data:blog.homepageUrl">
      <!--Nội dung chỉ hiển thị trên trang chủ-->
    </b:if> 
    

    2. Thẻ điều kiện trên trang bài viết

    
    v<b:if cond="data:view.isPost"> 
     <!--Nội dung chỉ hiển thị trên trang bài viết-->
    </b:if> 
    

    Định dạng cũ:

    
    <b:if cond="data:blog.pageType == &quot;item&quot;"> 
     <!--Nội dung chỉ hiển thị trên trang bài viết-->
    </b:if> 
    

    3. Thẻ điều kiện trên trang tĩnh

    
    <b:if cond="data:view.isPage">
     <!--Nội dung chỉ hiển thị trên trang tĩnh static page-->
    </b:if> 
    
    Định dạng cũ:
    
    <b:if cond="data:blog.pageType == &quot;static_page&quot;">
     <!--Nội dung chỉ hiển thị trên trang tĩnh static page-->
    </b:if> 
    
    Cho một trang tĩnh cụ thể:
    
    <b:if cond="data:blog.url == data:blog.homepageUrl path &quot;p/url&quot;">
      <!--Nội dung chỉ hiển thị trên trang bài viết có địa chỉ url trên-->
    </b:if> 
    

    4. Thẻ điều kiện trên trang bài viết và trang tĩnh

    
    <b:if cond="data:view.isSingleItem">
    <!--Nội dung chỉ hiển thị với trang tĩnh và bài viết-->
    </b:if>
    
    Định dạng cũ:
    
    <b:if cond="data:blog.url == data:post.url">
    <!--Nội dung chỉ hiển thị với trang tĩnh và bài viết-->
    </b:if> 
    

    5. Thẻ điều kiện trên trang lable

    
    <b:if cond="data:view.isLabelSearch">
      <!--Nội dung hiển thị trên tất cả các trang nhãn label-->
    </b:if>
    
    Định dạng cũ:
    
    <b:if cond="data:blog.searchLabel">
      <!--Nội dung hiển thị trên tất cả các trang nhãn label-->
    </b:if>
    
    Theo lable riêng:
    
    <b:if cond="data:view.isLabelSearch == &quot;template&quot;">  
       <!--Nội dung chỉ hiển thị trên nhãn "template"-->
    </b:if>
    

    6. Thẻ điều kiện trên trang lưu trữ

    
    <b:if cond="data:view.isArchive"> 
     <!--Nội dung chỉ hiển thị trên tất cả các trang lưu trữ archive-->
    </b:if> 
    
    Định dạng cũ:
    
    <b:if cond="data:blog.pageType == &quot;archive&quot;"> 
     <!--Nội dung chỉ hiển thị trên tất cả các trang lưu trữ archive-->
    </b:if> 
    

    7. Thẻ điều kiện trên trang tìm kiếm

    
    <b:if cond="data:view.isSearch">
     <!--Nội dung chỉ hiển thị trên trang tìm kiếm-->
    </b:if> 
    
    Định dạng cũ:
    
    <b:if cond="data:blog.searchQuery"> 
     <!--Nội dung chỉ hiển thị trên trang tìm kiếm-->
    </b:if> 
    
    Chỉ trên trang tìm kiếm:
    
    <b:if cond="data:view.isSearch and !data:view.isLabelSearch">
     <!--Nội dung chỉ hiển thị trên trang tìm kiếm-->
    </b:if> 
    

    8. Thẻ điều kiện trên trang lỗi 404

    
    <b:if cond="data:view.isError">
      <!--Nội dung chỉ hiển thị trên trang lỗi-->
    </b:if> 
    
    Định dạng cũ:
    
    <b:if cond="data:blog.pageType == &quot;error_page&quot;">
      <!--Nội dung chỉ hiển thị trên trang lỗi-->
    </b:if> 
    

    9. Thẻ điều kiện cho các trang xem trước

    
    <b:if cond="data:view.isPreview">
      <!--Nội dung chỉ hiển thị ở trang xem trước-->
    </b:if> 
    

    10. Thẻ điều kiện chỉ hiển thị trên mobile

    
    <b:if cond="data:blog.isMobile">
    <!--Nội dung chỉ hiển thị trên trang mobile-->
    </b:if> 
    

    11. Thẻ điều kiện trên các trang chỉ mục

    
    <b:if cond="data:view.isMultipleItems">
      <!--Nội dung chỉ hiển thị trên các trang chỉ mục-->
    </b:if> 
    
    Định dạng cũ:
    
    <b:if cond="data:blog.pageType in [&quot;item&quot;, &quot;static_page&quot;]">
      <!--Nội dung chỉ hiển thị trên các trang chỉ mục-->
    </b:if> 
    

    Kết hợp các thẻ điều kiện AND/NOT/OR

    Điều kiện AND

    
    <b:if cond="data:blog.pageType == &quot;index&quot;">
      <b:if cond="data:blog.searchQuery">
        <!--search_page AND index_page-->
      </b:if>
    </b:if>
    

    Điều kiện OR

    
    <b:if cond="data:blog.url == data:blog.canonicalHomepageUrl + &quot;p/contact&quot;"> 
      <!--static_page contact OR static_page others-->
          <b:else>
    <b:if cond="data:blog.url == data:blog.canonicalHomepageUrl + &quot;p/others.htm&quot;"> 
      <!--page contact OR page others-->
       </b:if>
      </b:else></b:if>
    

    Điều kiện NOT

    
    <b:if cond="data:blog.pageType != &quot;item&quot;">
      <!--all pages except item pages-->
    </b:if>
    
    <b:if cond="data:blog.url != data:blog.homepageUrl"> 
      <!--all pages but NOT homepage-->
      </b:if>
    
    Đây chỉ à một trong số các thẻ điều kiện mà mình tìm được. Với các thẻ điều kiện này, mình hy vọng bạn có thể bổ sung thêm chức năng cho trang web của mình.

    ———————————–