Mở bán tên miền quốc tế giá rẻ tại NhanScript.Com February 01, 2019 Thông báo

Mở bán tên miền quốc tế giá rẻ tại NhanScript.Com

Xin chào anh em mình là Võ Hữu Nhân , nhà cung cấp tên miền chính thức cho Nguyễn Diện Blog trên danh nghĩa Blackspy, ở bài viết này mình xin phép được giới thiệu với anh em dịch vụ bán tên miền giá rẻ online thanh toán trực tuyến bằng thẻ cào với số lượng nhỏ hoặc bằng ATM với số lượng tương đối lớn.
Mình cũng xin thông báo rằng tên miền DienBlogger.Net hiện tại đang gặp một số vấn đề pháp lý nên mình buộc phải xóa tên miền khỏi danh sách và thay thế tên miền thành DienBlogs.Net , mong các bạn thông cảm về sự bất tiện này.

Bảng giá tên miền

  • .Com : 50K
  • .Net : 80K
  • .Co : 80K
  • .In : 80K
  • .VN : 750K
  • .WS .XYZ .Online ,.... : 60K
  • Các tên miền quốc tế : .org .xyz .ru .br .fr đồng giá : 90K
  • .JP : 100K
  • Tên miền đặc biệt : .id .ip .vc đồng giá : 120K
  • Tên miền giá rẻ dành cho sinh viên giảm 10%.

Phương thức thanh toán

Thanh toán bằng thẻ cào

  • Khi bạn thanh toán bằng thẻ cào sẽ lấy thêm 10K tiền phí để quy đổi sang ví điện tử, ví dụ bạn mua tên miền .Xyz  60K thì bạn phải trả 70K để thỏa mãn yêu cầu của bên bán và bên mua.
  • Thanh toán bằng thẻ cào chấp nhận các loại thẻ : GATE, Viettel, Mobifone, Vinaphone,...

Thanh toán qua ATM

  • Chủ TK : VO HUU NHAN
  • STK : 070055904861
  • Chi Nhánh : Sacombank Buôn Ma Thuột, Daklac , Việt Nam

Thông tin liên hệ

  • SDT : 0983602***
  • Email : vohuunhananony@gmail.com

[NRP-08] - Template FPT Play Movie, Anime For Blogspot - BlackSpy January 28, 2019 Theme Blogspot

[NRP-08] - Template FPT Play Movie, Anime For Blogspot - BlackSpy

Xin chào các bạn mình là nhân đây :D, ở bài viết này mình sẽ chia sẻ cho các bạn một mẫu giao diện đăng phim điện ảnh, anime,...đây là giao diện được mình rip từ FPT Play về và FPT Play thì không responsive nên giao diện này cũng không responsive tương tự luôn nhé !!!!

Thông tin về Template

  • Name : FPT Play For Blogspot
  • RIP : Võ Hữu Nhân (BlackSpy)
  • Giá : 0đ
  • Responsive : Không
  • Demo : Xem Demo
  • Thể loại : Phim, nhạc, anime,...

Demo giao diện bài viết.

Cách nhận template

Chia sẻ bài viết lên google plus sau đó comment lại link & email để nhận
Tổng hợp các giao diện thiết kế theo phong cách masonry January 27, 2019 Theme Blogspot

Tổng hợp các giao diện thiết kế theo phong cách masonry

Chào mừng các bạn đã đế với blog của mình, hôm nay mình sẽ chia sẻ cho các bạn một vài mẫu giao diện blogspot thiết kế theo phong cách masonry.Vậy masonry là gì? Ở ngoài đời có thể bạn đã bắt hặp nó quá nhiều lần nhưng không biết thôi.Có thể hiểu nó cũng là bố cục dạng lưới(grid) nhưng có phần hơi đặc sắc.Muốn biết nó đặc sắc ở đâu hãy tìm hiểu tại đây nhé !

1:Gravity

Đây là một mẫu là mình không thể không nhắc đến, mẫu này có sự kết hợp hài hòa của màu sắc,bố cục tao nhã thanh lịch

2:Gridfy

Không lạ khi mẫu này đứng thứ 2.Đây là một mãu chuyên nghiệp rất thích hợp để làm blog cá nhân.

3:Lycoris 

Nếu như 2 mẫu bên trên khá phù hợp để làm website chia sẻ tài việu.

4:View

Đây lại là một mẫu giao diện cá nhân với thiết kế khá tinh tế, tính thẩm mĩ cao, tốc độ tải trang nhanh và còn nhiều thứ nữa.

Lời Kết

Những mẫu giao diện trên đều là những mẫu giao diện rất đẹp và tất nhiên tất cả đều đã responsive.Chúc các bạn chọn lựa được mẫu giao diện tốt cho riêng mình
*Note:Ai có copy đi đâu thì nhớ để nguồn Dienblogger.net nhé.Bạn tôn trọng mình thì không có lí do nào mà để mình không tôn trọng bạn!

Ẩn hoặc hiện widget bất kì với thẻ b:if January 24, 2019 widget

Ẩn hoặc hiện widget bất kì với thẻ b:if

Bạn là một Blogger ? Bạn đang viết blog ? Bạn muốn ẩn một widget trên một trang bất kì?Nếu bạn muốn làm điều đó thì hãy đọc bài viết này của chúng tôi nhé!
P/s:Ảnh có kích thước nhỏ nên khó nhìn,bạn có thể click vào để thu phóng !

Cách thông thường mà mọi người hay dùng?

Thông thường thì có rất nhiều người đã biết sử dụng thẻ điều kiện để ẩn một widget trên trang nào đó nhưng chỉ bằng css display:none , ví dụ : Muốn ẩn đoạn html có id là awesome tại trang index thì thông thường mọi người sẽ dùng thẻ điều kiện như sau như sau:
Nhưng mình xin nói thẳng đây là một cách Cùi bắp Không hề chuyên nghiệp.Thử nghĩ xem nếu bạn muốn cái quảng cáo của bạn chỉ hiển thị ở trang bài viết để tăng tốc độ trang chủ vậy mà trang chủ vẫn phải load cái quảng cáo đó.Nó chẳng có ý nghĩa gì nhiều!
Với những người táo bạo hơn, họ sẽ thử như sau:
Nhưng kết cục họ nhận lại chỉ là dòng chữ:'The widget with id awesome is not within a section (actual parent element is: b:if.) Every widget should be in a section.'.Và như vậy là cả 2 cách trên .Một cách thì không thực hiện được, một cách thì vẫn phải tải cái html đó.Và đây là cách thứ 3, cách mình đã và đang dùng. Thông thường, một widget sẽ có dạng:
Được thôi, ta sẽ chỉnh nó thành như thế này:
Tức là ta sẽ thêm thêm cond='' mà bên trong nó là nội dung điều kiện mà ta muốn thực hiện.

Lời kết:

Chúc các bạn thành công, ai muốn copy thì chỉ cần ghi nguồn Dienblogger.Cái gì cũng có cái giá của nó,bạn tôn trọng mình thì mình cũng sẽ tôn trọng bạn và ngược lại.
Console log và những người bạn (Phần 1) January 19, 2019 Console

Console log và những người bạn (Phần 1)

Console là công cụ đắc lực hỗ trợ chúng ta trong quá trình phát triển ứng dụng, đặc biệt là khi tìm và sửa lỗi. Tuy nhiên, console còn rất nhiều phương thức khác cũng thú vị và hữu ích không kém mà ở đây tôi sẽ gọi chúng là những người bạn của conlose log. Hãy cùng Diện Blogger tìm hiểu trong bài viết này nhé!

Console log là gì ?

Có rất nhiều cách để diễn tả cái này nhưng ở đây mình sẽ diễn tả bằng một đoạn ngắn gọn mà mình copy trên google.
Trong Javascript có một hàm thường được sử dụng để debug đó là hàm console.log(), nó có nhiệm vụ show ra giá trị của tất cả các loại dữ liệu như number, integer, array, object chính vì vậy khi muốn biết trong một biến đó có giá trị gì thì ta sẽ sử dụng hàm console.log().

const diendz = 'Nội dung được đăng tải bởi Diện Blogger,vui lòng không reup dưới mọi hình thức!!!'
console.log(diendz) 
Bên cạnh .log thì ở đây sẽ có những người bạn của nó như .warn, .info, và .error.

console.info(diendz)//hiển thị kết quả ở một định dạng khác, giúp bạn phân biệt “mức độ nghiêm trọng” của thông điệp
console.warn(diendz)//hiển thị kết quả ở một định dạng khác, giúp bạn phân biệt “mức độ nghiêm trọng” của thông điệp
console.error(diendz)//in ra stack trace, giúp bạn xác định lỗi xuất hiện ở đâu.

Lời kết

Chỉ với một vài lời lẽ ngắn gọn,mình đã trình bày xong cho các bạn về console log và các người bạn của nó.Mọi thứ mình đã phân tích ở trên.Sẽ có part 2 nhé :D
*Tham khảo:ehkoo
Tạo slide view theo label cho blog January 14, 2019 Slide

Tạo slide view theo label cho blog

Chào mừng các bạn đã đến với blog của mình,hôm nay mình xin chia sẻ đến các bạn cách tạo một slide view theo label cho blogspot mà mình đã lấy ở một giao diện cũ mình sử dụng ròi tùy biến CSS.Nhược điểm của nó là sử dụng owlcarousel nên khá nặng.Nếu bạn muốn tốc độ tải trang nhanh thì không nên thêm vào nhé :3

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0YR4QMZ_a4MhmFvI6M13xmMw9BpXE2gcY-N1zmN5XtpPxpSL8EJjkHHOXgOK4rAZEfENNl_eFpZJt3dAK3RXxBMm6hBDBR7-ZCYRCsXn2zz3nCHrbTX3ntq_IuYY8NVzJJ8iRVIvdzY/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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGh1qMQjHRHd64JfbjoZPfUoIDh5Grkb4801ZM_mFVrkzZDGaP8qY65L6O9wXRTn-Jn3VMV8ueJb57zc9s1kL4pDDNWLJMCFZZ_UGaFZERZYUcphbHEECzCjhdoUYcGpcqQoL7fdQ9en4/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é

Lời kết

Chúc các bạn thành công
Nguồn code:Toishare.net
Share tổng hợp bộ Template [NRP] - 2018 nhân dịp đội tuyển Việt Nam bị thủng lưới. January 13, 2019 Theme Blogspot

Share tổng hợp bộ Template [NRP] - 2018 nhân dịp đội tuyển Việt Nam bị thủng lưới.

- Xin chào anh em mình là Nhân đây :3 hôm nay mình sẽ share trọn bộ Template mà mình đã RIP và mod được trong năm 2018 nhân dịp như trên tiêu đề nhé, nếu như các bạn muốn chia sẻ hoặc sử dụng lại các template này vui lòng ghi nguồn : Võ Hữu Nhân giúp mình. Thông báo luôn là hiện tại blog JsBlogger mình đã bán cho bạn Hồ Văn Thạch nên các độc giả của blog hãy lưu ý điều này giúp mình kẻo nhầm lẫn nhé.

Template VuiGhe.Net Responsive For Blogspot

Thông tin về Template

  • Tên : VuiGhe.Net Responsive For Blogspot
  • RIP : Võ Hữu Nhân
  • Responsive : True
  • Thể Loại : Phim ảnh, Anime, Video...

Template JSBLite Magazine For Blogspot

Thông tin về Template

  • Tên : JSBLite Magazine For Blogspot
  • Design : Võ Hữu Nhân (Có một số CSS từ BacSiWindows)
  • Responsive : True
  • Thể Loại : Blog cá nhân chia sẻ thủ thuật, ảnh bìa

Template Vnexpress Responsive For Blogspot


Thông tin về Template

  • Tên : Vnexpress Responsive For Blogspot
  • RIP : Võ Hữu Nhân
  • Responsive : True
  • Thể Loại : Tin tức, tạp chí...

Template Nhạc Giống Zing MP3 For Blogspot 


Thông tin về Template

  • Name : Zing Mp3 For Blogspot
  • Rip : Võ Hữu Nhân
  • Thể Loại : Music, Audio...
  • Responsive : True

Cách nhận Template

- Comment link share Google plus kèm theo email, mình sẽ gửi tròng vòng 24h làm việc.
Thủ thuật chống copy bài viết trong blogspot January 13, 2019 Blogging

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

Chào mừng các bạn đã đến với blog của mình,hôm nay mình sẽ chia sẻ đến các bạn thủ thuật chống copy bài viết.Thủ thuật này 1 phần nào đó sẽ giúp chúng ta bảo vệ nội dung bài viết.Các bạn cùng xem nhé
Khong có demo nhé

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 = "Bài viết chỉ được đăng tải trên DienBlogger,vui lòng không sao chép dưới mọi hình thức!";
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!!!
PSD Yêu em dại khờ [Lou Hoàng] - Nguyễn Thanh Tiến January 08, 2019 PSD

PSD Yêu em dại khờ [Lou Hoàng] - Nguyễn Thanh Tiến

Xin chào mọi người ! Mình là Star Tiến. Hôm nay mình đã đến và làm CTV của Nguyễn Diện Blog. Ở dưới đây là PSD mang tựa đề "Yêu em dại khờ" - một MV được Lou Hoàng dàn dựng độc đáo ! 
1 PSD "Yêu em dại khờ" khác đã được đăng bài bởi Nguyễn Diện Blog : Nhấn vào đây



Download