Wednesday, January 16, 2019

Tạo slide view theo label cho blog



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

Bước 1:Blog của bạn phải có thư viện jquery,cái này đa phần template blog hiện nay đều sử dụng nên mình sẽ không hướng dẫn cách thêm nữa nhé.
Bước 2:Thêm thư viện owl carousel này vào blog của bạn.Các bạn tìm đến thẻ </head>
<script src='https://cdn.staticaly.com/gh/diendeeptraik/diennguyen/7a3ab7e/carousel.js' type='text/javascript'></script>
Bước 3:Tìm đến thẻ ]]></b:skin> và thêm đoạn css này đằng trước nó
#recate {
    margin-bottom: 15px;
    /* padding: 5px; */
    float: left;
    width: 100%;
    position: relative;
    /* background: none; */
    /* padding: 40px 0; */
    /* margin-top: 20px; */
}
.recent-boxes .carousel{position:relative;margin:0!important;padding:0;overflow:visible;height:auto;display:block;clear:both}
.main-carousel{overflow:hidden}
.carousel-item{padding:0!important;position:relative;overflow:hidden;list-style:none}
.carousel-thumb{width:100%;height:200px;position:relative;display:block}
.carousel-item .box-image{width:100%;height:200px;position:relative;display:block}
.carousel-item .box-image:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:171px;background:url(//3.bp.blogspot.com/-LnvazGBvKh8/VskckSkmzxI/AAAAAAAAC4s/erEgI6A_ih4/s1600-r/metabg.png) repeat-x;background-size:100% 100%;opacity:.8}
.carousel-content{position:absolute;bottom:0;width:100%;z-index:2;box-sizing:border-box;padding:15px;text-align:left}
.carousel-item .recent-title{margin:10px 0 3px;font-size:16px;font-weight:500}
.carousel-item .recent-title a{color:#fff;display:inline-block;line-height:1.4em;text-shadow:0 .5px .5px rgba(34,34,34,0.3)}
.carousel-item .recent-date{color:#ccc}
.carousel-tag a{display:inline-block;background-color:#c31b22;color:#fff;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase}
.carousel-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:200px;background-color:rgba(40,35,40,0.05)}
.main-carousel .owl-prev,.main-carousel .owl-next{
    top: 0;
    margin-top: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 20px;
}
.owl-prev {
    left: 0;
}
.owl-prev, .owl-next {
    top: 37%;
    color: #ccc;
    background-color: #c31b22;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    position: absolute;
    z-index: 1;
    display: block;
    padding: 0;
    cursor: pointer;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
.main-carousel .owl-prev{left:0;}
.main-carousel .owl-next{right:-1px;}
.main-carousel .owl-dots{bottom:10px}
.recent-date{color:#bdbdbd;font-size:12px;font-weight:400}
.recent-date:before,.featured-date:before{content:'\f017';font-family:"Font Awesome 5 Pro";margin-right:5px}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:visible;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-prev,.owl-next{top:37%;color:#ccc;background-color:#c31b22;font-family:"Font Awesome 5 Pro";font-weight:700;position:absolute;z-index:1;display:block;padding:0;cursor:pointer;padding:0;text-align:center;overflow:hidden}
.owl-prev{left:0}
.owl-prev:before{content:"\f053"}
.owl-next{right:0}
.owl-next:before{content:"\f054"}
.owl-prev:hover,.owl-next:hover{background-color:#c31b22;color:#ccc}
.owl-dots{position:absolute;bottom:1px;width:33.33%;left:0;right:0;margin:auto;text-align:center}
.owl-dot{background:#fff;height:3px;width:10px;display:inline-block;margin:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.6}
.owl-dot.active,.owl-dot:hover{background:#c31b22}
Bước 4:Tìm đến thẻ ]</body> và thêm đoạn javascript này đằng trước nó
<script>//<![CDATA[
var MONTH_FORMAT = [, "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; // months formats to translation or change to another format
var NO_IMAGE = "http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png"; // default no image
var CAROUSEL_NUM = 6; // show number of results carousel, default is "6"
$(".recent-boxes .HTML .widget-content").each(function () {
    var m = $(this).find("span").attr("data-label"),
        b1 = "box",
        b2 = "videos",
        b3 = "carousel",
        bt = $(this).prev("h2").text(),
        sora = $(this).parent().attr("id"),
        box = $(this).find("span").attr("id");
    if (box.match(b1)) {
        $.ajax({
            url: "/feeds/posts/default/-/" + m + "?alt=json-in-script&max-results=" + BOX_NUM,
            type: 'get',
            dataType: "jsonp",
            success: function (e) {
                var u = "";
                var h = '<ul>';
                for (var i = 0; i < e.feed.entry.length; i++) {
                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
                        if (e.feed.entry[i].link[j].rel == "alternate") {
                            u = e.feed.entry[i].link[j].href;
                            break
                        }
                    }
                    var g = e.feed.entry[i].title.$t;
                    var s = e.feed.entry[i].category[0].term;
                    var d = e.feed.entry[i].published.$t,
                        v = d.substring(0, 4),
                        w = d.substring(5, 7),
                        f = d.substring(8, 10),
                        r = MONTH_FORMAT[parseInt(w, 10)] + ' ' + f + ', ' + v;
                    var c = e.feed.entry[i].content.$t;
                    var l = $('<div>').html(c);
                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
                        var p = e.feed.entry[i].media$thumbnail.url;
                        var k = p
                    } else if (c.indexOf("<img") > -1) {
                        var q = l.find('img:first').attr('src');
                        var k = q
                    } else {
                        var k = NO_IMAGE
                    }
                    if (i == 0) {
                        h += '<div class="bx-first"><div class="bx-item"><div class="box-thumbnail"><a class="bf-thumb" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="img-overlay"/></a><div class="first-tag"><a href="/search/label/' + s + '">' + s + '</a></div></div><div class="bf-content"><h3 class="recent-title"><a href="' + u + '">' + g + '</a></h3><span class="recent-date">' + r + '</span></div></div></div>'
                    } else {
                        h += '<li><div class="box-thumbnail"><a class="box-image" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="img-overlay"/></a></div><div class="recent-content"><h3 class="recent-title"><a href="' + u + '">' + g + '</a></h3><span class="recent-date">' + r + '</span></div><div class="clear"/></li>'
                    }
                }
                h += '</ul>';
                $(".recent-boxes .HTML .widget-content").each(function () {
                    var b = $(this).parent().attr("id");
                    if (b == sora) {
                        $(this).html(h);
                        $(this).parent().addClass('fbox');
                        $(this).parent().addClass('boxes');
                        $(this).prev("h2").html('<a href="/search/label/' + m + '">' + bt + '</a>');
                        $(this).prev("h2").wrap('<div class="box-title"></div>');
                        $(this).find('.bf-thumb,.box-image').each(function () {
                            $(this).attr('style', function (i, a) {
                                return a.replace('/default.jpg', '/mqdefault.jpg')
                            }).attr('style', function (i, a) {
                                return a.replace('s72-c', 's1600')
                            })
                        })
                    }
                })
            }
        })
    }
    if (box.match(b2)) {
        $.ajax({
            url: "/feeds/posts/default/-/" + m + "?alt=json-in-script&max-results=" + VIDEOS_NUM,
            type: 'get',
            dataType: "jsonp",
            success: function (e) {
                var u = "";
                var h = '<ul>';
                for (var i = 0; i < e.feed.entry.length; i++) {
                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
                        if (e.feed.entry[i].link[j].rel == "alternate") {
                            u = e.feed.entry[i].link[j].href;
                            break
                        }
                    }
                    var g = e.feed.entry[i].title.$t;
                    var s = e.feed.entry[i].category[0].term;
                    var d = e.feed.entry[i].published.$t,
                        v = d.substring(0, 4),
                        w = d.substring(5, 7),
                        f = d.substring(8, 10),
                        r = MONTH_FORMAT[parseInt(w, 10)] + ' ' + f + ', ' + v;
                    var c = e.feed.entry[i].content.$t;
                    var l = $('<div>').html(c);
                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
                        var p = e.feed.entry[i].media$thumbnail.url;
                        var k = p
                    } else if (c.indexOf("<img") > -1) {
                        var q = l.find('img:first').attr('src');
                        var k = q
                    } else {
                        var k = NO_IMAGE
                    }
                    h += '<li><div class="videos-item"><a class="box-image" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="videos-overlay"/></a><div class="recent-content"><h3 class="recent-title"><a href="' + u + '">' + g + '</a></h3><span class="recent-date">' + r + '</span></div><div class="clear"/></div></li>'
                }
                h += '</ul>';
                $(".recent-boxes .HTML .widget-content").each(function () {
                    var b = $(this).parent().attr("id");
                    if (b == sora) {
                        $(this).html(h);
                        $(this).parent().addClass('videos');
                        $(this).prev("h2").html('<a href="/search/label/' + m + '">' + bt + '</a>');
                        $(this).prev("h2").wrap('<div class="box-title"></div>');
                        $(this).find('.box-image').each(function () {
                            $(this).attr('style', function (i, a) {
                                return a.replace('/default.jpg', '/mqdefault.jpg')
                            }).attr('style', function (i, a) {
                                return a.replace('s72-c', 's1600')
                            })
                        })
                    }
                })
            }
        })
    }
    if (box.match(b3)) {
        $.ajax({
            url: "/feeds/posts/default/-/" + m + "?alt=json-in-script&max-results=" + CAROUSEL_NUM,
            type: 'get',
            dataType: "jsonp",
            success: function (e) {
                var u = "";
                var h = '<div class="main-carousel">';
                for (var i = 0; i < e.feed.entry.length; i++) {
                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
                        if (e.feed.entry[i].link[j].rel == "alternate") {
                            u = e.feed.entry[i].link[j].href;
                            break
                        }
                    }
                    var g = e.feed.entry[i].title.$t;
                    var s = e.feed.entry[i].category[0].term;
                    var d = e.feed.entry[i].published.$t,
                        v = d.substring(0, 4),
                        w = d.substring(5, 7),
                        f = d.substring(8, 10),
                        r = MONTH_FORMAT[parseInt(w, 10)] + ' ' + f + ', ' + v;
                    var c = e.feed.entry[i].content.$t;
                    var l = $('<div>').html(c);
                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
                        var p = e.feed.entry[i].media$thumbnail.url;
                        var k = p
                    } else if (c.indexOf("<img") > -1) {
                        var q = l.find('img:first').attr('src');
                        var k = q
                    } else {
                        var k = NO_IMAGE
                    }
                    h += '<li class="carousel-item"><div class="carousel-thumb"><a class="box-image" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="carousel-overlay"/></a></div><div class="carousel-content"><div class="carousel-tag"><a href="/search/label/' + s + '">' + s + '</a></div><h3 class="recent-title"><a href="' + u + '">' + g + '</a></h3><span class="recent-date">' + r + '</span></div></li>'
                }
                h += '</div>';
                $(".recent-boxes .HTML .widget-content").each(function () {
                    var b = $(this).parent().attr("id");
                    if (b == sora) {
                        $(this).html(h);
                        $(this).parent().addClass('carousel');
                        $(this).prev("h2").html('<a href="/search/label/' + m + '">' + bt + '</a>');
                        $(this).prev("h2").wrap('<div class="box-title"></div>');
                        $(".main-carousel").owlCarousel({
                            items: 4,
                            margin: 5,
                            smartSpeed: 550,
                            nav: true,
                            navText: ["", ""],
                            loop: true,
                            autoplay: true,
                            autoplaySpeed: 800,
                            dots: false,
                            responsive: {
                                0: {
                                    items: 1,
                                    nav: true
                                },
                                601: {
                                    items: 2,
                                    nav: true
                                },
                                701: {
                                    items: 3,
                                    nav: true
                                },
                                1000: {
                                    items: 4,
                                    nav: true
                                }
                            }
                        });
                        $(this).find('.box-image').each(function () {
                            $(this).attr('style', function (i, a) {
                                return a.replace('/default.jpg', '/hqdefault.jpg')
                            }).attr('style', function (i, a) {
                                return a.replace('s72-c', 's1600')
                            })
                        })
                    }
                })
            }
        })
    }
});
  //]]></script>
Bước 5:Đặt hết javascript và css rồi thì giờ đến đoạn html này.Bạn hãy đặt nó vào nơi bạn muốn hiển thị tiện ích nhé ;)
<b:if cond='data:blog.url == data:blog.homepageUrl and data:blog.isMobileRequest == &quot;false&quot;'>
<div id='recate'>
<div class='row'>
<div class='recent-boxes' id='recent-boxes'>
  <b:section class='box-sec' id='box-sec' name='Box Layout'>
    <b:widget id='HTML199' locked='false' title='' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<span id="carousel" data-label="Blogging"></span>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
  </div></div></div></b:if>
*Lưu ý: Nhớ hãy thay Blogging thành nhãn mà bạn muốn hiển thị,và nhãn phải viết đúng trên từng chữ cái hoa thường nhé
Nguồn code:Toishare.net

Tuesday, January 15, 2019

Cách tránh kẹt xe trên đường giao thông bằng Google Maps

Cách sử dụng Google Traffic để xem tắc đường giao thông
Đầu tiên, bạn hãy truy cập bản đồ Google Maps.
Bước 2: Bạn nhấp vào biểu tượng 3 dấu gạch ngang bên trái phía trên màn hình.
nhấp vào biểu tượng 3 dấu gạch ngang bên trái phía trên màn hình
Bước 3: Tiếp theo, chọn Traffic để xem lưu lượng kẹt xe đường của các con đường trên bản đồ.
chọn Traffic để xem lưu lượng kẹt xe đường của các con đường trên bản đồ
Bây giờ, trên bản đồ sẽ biểu thị các kẻ màu từ xanh lá đến đỏ sẫm. Tương ứng với độ đông đúc của người tham gia giao thông tại cung đường đó.
Bản đồ sẽ biểu thị bằng màu sắc giúp ta tránh được kẹt xe giao thông

Tổng kết bài viết

Với Google Traffic, bạn có thể dễ dàng tham gia giao thông ở các thành phố lớn. Mà không phải sợ tình trạng kẹt xe xe cộ tại giờ cao điểm như trước nữa. Được biết, Google đã cập nhập tình trạng kẹt xe đường thường xuyên, bằng cách dựa vào tổng hợp dữ liệu định vị ẩn danh và tốc độ của phương tiện ở một đoạn đường trong cùng một thời điểm. Google Traffic sẽ giúp bạn tránh kẹt xe và ùn ắc. Gợi ý bạn cung đường có lượng người tham gia giao thông thưa thớt hơn để tránh kẹt xe.
Nếu sử dụng Smartphone, bạn hãy tải về Google Maps cho Android hoặc Google Maps cho iOS để sử dụng Google Traffic bất cứ lúc nào nhé !

Sunday, January 13, 2019

Thủ thuật chống copy bài viết trong blogspot

Cách thực hiện:
Rất đơn giản,ta tìm đến thẻ </body> và thêm đoạn mã bên dưới vào bên trên thẻ vừa tìm được (mình bật chống copy nên các bạn có thể viết lại đoạn code vì nó khá ngắn).

<script>
function thang_cuong_matlon() {
var ditmecuong = document.getElementsByTagName('body')[0];
var cuongnunglon;
cuongnunglon = window.getSelection();
var cuonglon = "One more time - tree bicycle!";
var copdiditmecuong = cuonglon;
var thangmatloncuongcopdi = document.createElement('div'); 
thangmatloncuongcopdi.style.position='absolute';
thangmatloncuongcopdi.style.left='-99999px';
ditmecuong.appendChild(thangmatloncuongcopdi);
thangmatloncuongcopdi.innerHTML = copdiditmecuong;
cuongnunglon.selectAllChildren(thangmatloncuongcopdi);
window.setTimeout(function() {
body_element.removeChild(thangmatloncuongcopdi);
},0);}
document.oncopy = thang_cuong_matlon;
</script>

Lời kết

Chỉ với một đoạn javascript đơn giản như vậy là ta đã bảo vệ được nội dung của mình rồi.Chúc các bạn thành công!!!
Nguồn diệnblogger

Saturday, January 12, 2019

Chèn Tiện Ích Bài Viết Liên Quan (Related posts) Vào Giữa Bài Viết

Tiện ích bài viết liên quan (Related posts) là tiện ích hiển thị những bài viết có cùng chủ đề (label), tiện ích này khá hữu ích trong việc tăng lượt xem (views) cho bài viết của bạn. Khi đọc một bài viết hữu ích, độc giả thường có xu hướng tìm kiếm những bài viết có cùng chủ đề để tìm hiểu thêm. Related posts là tiện ích có thể làm tốt công việc đó. Demo live nằm ngay trong bài viết này.

Hướng dẫn thực hiện

Bước 1: Để không ảnh hưởng tốc độ load nên mình đã "dồn" code lại thành một và sử dụng câu lệch
if
để hạn chế code dư thừa ở trang chủ nên các bạn chỉ cần thêm đoạn code bên dưới vào trước thẻ
</head>     là được.
<b:if cond='data:view.isPost'>
<style>
.related-simplify{position:relative;padding:20px 12px 12px 12px;margin:32px auto 24px auto;width:93%;border:4px double rgba(0,0,0,0.2)}.related-simplify h4{text-transform: uppercase;background:#fff;padding:8px 10px;position:absolute;margin:0;font-size:17px;font-weight:500;color:#000;top:-21px;left:2.5%} .related-simplify ul{margin:0;padding:0} .related-simplify ul li{position:relative;list-style:none;padding:9px 0;margin:auto;line-height:1.4em;transition:all .3s} .related-simplify ul li:before{content:&#39;\f0c8&#39;;font-family:fontawesome;position:absolute;margin:0 5px 0 2px;color:rgba(0,0,0,0.5);overflow:hidden;font-size:60%;left:10px;transition:all .3s} .related-simplify ul li:hover:before{content:&#39;\f0c8&#39;;font-family:fontawesome;color:#2FA1B3;} .related-simplify a{color:#333!important;font-size:16px;margin:0 0 0 30px;font-weight:400!important} .related-simplify a:hover{color:#2FA1B3;} .related-simplify ul li:nth-child(n+4) {display:none;} @media only screen and (max-width:768px){ .related-simplify{padding:15px 0 10px 0;width:100%;border:2px solid #e74c3c;border-left:0;border-right:0} .related-simplify h4{color:#e74c3c;padding:8px;font-size:15px;top:-18px;left:3.5%} .related-simplify a{font-size:16x;margin:0}.related-simplify a:hover{color:#e74c3c} .related-simplify ul li{padding:5px 0} .related-simplify ul li:before,.related-simplify ul li:hover:before{display:none}}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i];}} relatedSimply = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>
</b:if>
Bước 2: Dùng
Ctrl + F
để tìm thẻ
 <data:post.body/>
và thay bằng đoạn code sau
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='related-simplify'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/summary/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Bài viết cùng chuyên mục</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
Lưu mẫu lại để xem kết quả nhé.

Nguồn diệnblogger


PUBG Mobile – 10 Mẹo chơi game có thể bạn chưa biết

PUBG mobile

Re-map

remap
Điều khiển để di chuyển nhân vật đóng một vai trò quan trọng nhất trong Game. Với PUBG mobile bạn sẽ phải di chuyển trên một màn hình nhỏ. Nếu ngón tay cái của bạn hơi lớn, việc này sẽ gây khó khăn khi chơi.Tuy nhiên, PUBG Mobile cho phép người dùng di chuyển các nút bấm đến các khu vực mà bạn cảm thấy thoải mái nhất. Vì vậy, hãy thay đổi vị trí các nút bấm phù hợp với bạn trước khi chơi PUBG mobile.

Chế độ ngắm nghiêng (Leaning) 1 bên

Activate Leaning
Nghiêng (Leaning) về 1 bên sẽ giúp bạn dễ ngắm bắn hơn. Tuy nhiên, nghiêng là không có trong phiên bản di động của trò chơi. Bạn sẽ ngạc nhiên khi biết rằng tính năng nghiêng thực sự có mặt trong trò chơi và bạn chỉ cần bật nó lên.Kích hoạt tính năng nghiêng vô cùng dễ dàng. Bạn chỉ cần vào Cài đặt (Setting) bằng cách nhấn vào nút răng cưa. Chọn chế độ Leaning: On

Làm chủ bản đồ

Làm chủ bản đồ
Nếu muốn thống trị trong PUBG, bạn cần nắm vững bản đồ. Thông thường, bạn cần chú ý đến bản đồtrong PUBG để tồn tại. Một trong những điều quan trọng mà bạn nên chú ý là thông báo trên bản đồ nằm ở góc trên cùng bên phải.
Bất cứ khi nào người bắn gần bạn, bạn sẽ nhận được thông báo trên bản đồ cho thấy rõ hướng phát ra từ âm thanh. Tuy nhiên, thông báo hầu như không đáng chú ý, vì vậy, bạn cần chú ý đúng mức đến bản đồ.

Tối ưu màn hình hiển thị

Tối ưu màn hình hiển thị
Đây lại là một tính năng hữu ích có trong phiên bản mới nhất của PUBG Mobile. Người chơi PUBG từ khắp nơi trên thế giới có thể điều chỉnh giao diện người dùng trò chơi theo thiết kế của điện thoại thông minh của riêng mình. Chọn  Settings > Graphics > Non-Standard -> Chọn 'Notch'

Con quay hồi chuyển

Con quay hồi chuyển
Bạn có biết rằng trên PUBG Mobile, bạn có thể di chuyển điện thoại của mình để nhắm không? Với Gyroscope (con quay hồi chuyển) được bật, việc nhắm mục tiêu trở nên dễ dàng hơn rất nhiều. Chỉ cần vào Settings > Basic. Tìm  Gyroscope và chọn ‘Always On’. Việc này sẽ cho phép người chơi điều khiển chuyển động bằng cách di chuyển điện thoại. Đây là một tính năng hay được ẩn trong trò chơi.

Tận dụng ngón tay cái bên trái của bạn

Tận dụng ngón tay cái bên trái của bạn
Thực sự rất khó để nhắm và bắn cùng một lúc. Sẽ trở nên khó khăn hơn nếu bạn sử dụng ngón tay cái bên phải của mình cho cả nhắm và bắn. Chắc chắn bạn sẽ bị cuốn vào cuộc đấu súng! Vì vậy, hãy đảm bảo sử dụng nút bắn bổ sung ở cả bên phải và bên trái màn hình. Bằng cách này, ngón tay cái bên trái của bạn sẽ được sử dụng để ngắm và ngón tay cái bên phải của bạn sẽ được bắn

Tập bắn với BOT trước để chơi thành thạo

bắn với bot pubg
Chà, trên phiên bản PC và Console của PUBG, không có chức năng chơi với BOT. Tuy nhiên, trên các phiên bản di động, bạn có được một vài game đầu tiên chơi với bot. Tính năng này giúp người mới biết những điều cơ bản của trò chơi. Vì vậy, hãy choiw một vài game đầu tiên của PUBG Mobile với BOT để tập cách chơi.

Kích hoạt chế độ Auto Run (tự động chạy)

Auto Run
Auto Run (tự động chạy) là một tính năng cơ bản được tìm thấy trên hầu hết các game sinh tồn. Trong PUBG nếu bạn cần đi đến các khu vực khác, đặc biệt nếu bạn muốn đi một quãng đường dài hơn, thì bạn cần kích hoạt Tự động chạy.
Để bật Auto Run trên PUBG, bạn chỉ cần giữ ngón tay cái của bạn di chuyển đến nơi phù hợp với biểu tượng chạy nước rút nằm bên cạnh bản đồ. Khi đó, Tự động chạy sẽ được kích hoạt và bạn không cần phải nhấn liên tục.