Wednesday, January 23, 2019

Tải bộ mã nguồn game Mario viết bằng AutoIT với nhiều tính năng thú vị

Mario là một tựa game phiêu lưu nổi tiếng của Nhật Bản do Nintendo phát triển vào năm 1983. Nhân vật chính được mô tả là thợ sửa ống nước người Ý, sống tại Vương Quốc Nấm. Nhiệm vụ của người chơi là phải điều khiển anh chàng Mario vượt qua tất cả các chướng ngại vật trên đường đi để giải cứu công chúa Quả Đào. Với doanh số bán hơn 193 triệu bản, Mario đã trở thành tựa game bán chạy nhất trong lịch sử. Đồng thời, nhân vật chính là anh chàng Mario cũng được bình chọn là nhân vật nổi tiếng nhất trong lịch sử video game.
Game Mario được viết bằng AutoIT
Game Mario được viết bằng AutoIT
Bạn có thể thỏa sức sáng tạo bằng cách tự tạo ra map cho riêng mình.
Ngoài ra, có thể tự tạo map riêng mình
Với Thuật toán vô cùng phức tạp. Nhưng Nếu bạn là một người thích sự khám phá và tìm tòi thì đây sẽ chẳng là gì cả !
Demo mã nguồn game mario viết bằng autoit

Các tính năng của game mario

Tuy được viết bằng AutoIT nhưng game rất mượt và có một số tính năng mình rất thích :
  • Chọn Level.
  • Tự tạo hoặc chỉnh sửa lại map cho riêng mình.
  • Cài đặt các nút bấm điều khiển.

Tải bộ mã nguồn game Mario viết bằng AutoIT

Download
Mật khẩu giải nén (nếu có) : anonyviet.com

Saturday, January 19, 2019

Tự thiết kế và tạo Game trên máy tính dễ dàng với GameGuru

GameGuru là phần mềm tạo ra Game trên máy tính.  Cung cấp cho bạn một quy trình tạo trò chơi dễ dàng được thiết kế dành riêng cho những người không phải là lập trình viên. Như vậy, chỉ cần bạn biết dùng chuột kéo thả, bạn cũng có thể tạo ra 1 trò chơi trên máy tính mang dấu ấn cá nhân của mình.biết dùng chuột kéo thả, bạn cũng có thể tạo ra 1 trò chơi trên máy tính mang dấu ấn cá nhân của mình.
Nếu bạn là một người sáng tạo luôn khao khát một cánh cửa bước vào thế giới sáng tạo thường thấy của trò chơi – GameGuru là dành cho bạn. Nếu bạn muốn đưa những sáng tạo của mình đi xa hơn và đi sâu vào việc tạo trò chơi kỹ thuật, thì GameGuru cũng có thể làm điều đó. GameGuru đưa bạn vào cuộc hành trình từ người chơi đến nhà phát triển trò chơi. Với hướng dẫn đơn giản từ hãng, bạn có thể tạo ra Game trên máy tính không cần biết lập trình hoặc kinh nghiệm.
Nếu bạn đang háo hức bước vào thế giới sáng tạo trò chơi hơi khó khăn nhưng hấp dẫn, thì GameGuru sẽ không làm bạn thất vọng. Bên cạnh đó, GameGuru giỏi nhất trong việc tạo ra các thể loại game FPS và phiêu lưu.
GameGuru tạo trò chơi trên máy tính

Tự thiết kế và tạo Game trên máy tính dễ dàng với GameGuru

Mục đích của GameGuru là tạo ra một trò chơi 3D theo cách đơn giản và trực quan nhất. Có vẽ nó giống công cụ chỉnh sửa trò chơi hơn. Hổ trợ sử dụng phương thức sản xuất 3D tương tác, đi kèm với hàng chục ngàn vật liệu 3D, hỗ trợ nhiều hiệu ứng 3D thực tế và cung cấp môi trường sản xuất đầy đủ để tạo địa hình, tòa nhà, vũ khí, v.v. Nếu bạn muốn hoàn thiện hơn nữa trò chơi của mình, đừng lo lắng, GameGuru không chỉ cho phép người dùng sử dụng các mã lệnh và mô hình sẵn có để phát triển, còn cung cấp hỗ trợ ngôn ngữ kịch bản nâng cao để cho phép bạn tạo ra trò chơi của mình mức độ lớn hơn, phức tạp hơn.

tạo game bằng gameguru

Các tính năng chính nổi bậc để tạo Game

Thế giới trò chơi

Cấp độ trò chơi lớnXây dựng các cấp độ lớn cho các trò chơi của bạn
Biên tập địa hìnhHãy chiến đấu bên ngoài với hệ thống chỉnh sửa địa hình. Với các điều khiển dễ sử dụng, bạn có thể tạo ra các khung cảnh tuyệt đẹp và môi trường độc đáo cho các trò chơi của mình
Hệ thống thảm thực vật vô hạnThảm thực vật được tạo tự động nơi bạn quyết định bạn muốn nó xuất hiện

Công cụ dựng hình

Mức độ chi tiếtCông cụ trò chơi hỗ trợ công nghệ Level Of Chi tiết (LOD) để đảm bảo tốc độ khung hình mượt mà và nhanh chóng
Ánh xạ bóng tầngBóng động thời gian thực thêm mức độ chân thực thêm
Nướng bóngThêm bóng cực thực cho cấp độ của bạn với hệ thống nướng bóng
Ánh xạ môi trường xung quanhKỹ thuật này điều chỉnh lượng ánh sáng xung quanh mỗi điểm trong cảnh trò chơi nhận được
Bản đồ bầu trờiChọn từ một loạt các bản đồ bầu trời có độ phân giải cao
Hệ thống Culling loại trừKết xuất nhanh thế giới trò chơi của bạn được đảm bảo bằng việc áp dụng hệ thống loại bỏ đối tượng đặc biệt này
Máy bay nướcMột mặt phẳng nước lung linh và phản chiếu làm tăng thêm tính hiện thực cho các cấp độ của bạn
Các tia sángHãy để ánh sáng tràn ngập cảnh trò chơi của bạn với hiệu ứng tuyệt vời này
Shader cho tất cảCác kỹ thuật đổ bóng phù hợp nhất với khả năng của PC của bạn

Chơi trò chơi

Môi trườngNgười chơi và các bot AI có thể đi bộ, chạy, vịt và điều hướng xung quanh bất kỳ môi trường nào bạn thiết kế
Hành động FPSCơ chế chơi trò chơi FPS cổ điển nhanh
Chiến lược thời gian thựcTạo các trò chơi phức tạp hơn liên quan đến lập kế hoạch, điều động, thu thập tài nguyên và chiến lược
Hoạt hình giả tưởngTạo phim hoạt hình, cuộc phiêu lưu gia đình hoạt hình và thế giới giả tưởng sẽ thu hút tất cả các thế hệ
Nhiều người chơiDễ dàng lưu trữ và tham gia các trò chơi bạn thực hiện trong GameGuru bằng Steam Multiplayer và Steam Workshop

Nhân vật trong game

Tạo nhân vậtThiết kế các nhân vật nam và nữ của riêng bạn từ một loạt các bộ phận cơ thể và quần áo.
Nhân vật thực tếNhân vật kẻ thù có kết cấu và chi tiết đa giác cao
Ảnh độngHoạt hình sống động và chân thực làm cho các nhân vật trở nên sống động
AINhân vật thông minh và được trang bị để điều hướng môi trường và săn lùng bạn
Công cụ viết kịch bảnCông cụ kịch bản dựa trên LUA mở ra các khả năng điều khiển nhân vật

Vũ khí

Vũ khí phóngGame nhập vai, lựu đạn, mỏ đất và quả cầu lửa tưởng tượng!
Vũ khí hiện đạiGameGuru ra mắt với năm loại vũ khí hiện đại chất lượng cao; Súng ngắn Colt 1911, Shotgun, Uzi, Magnum Revolver và Súng trường bắn tỉa
Đón đạnTải lại vũ khí trong khi chơi trò chơi với nhặt đạn
Hoạt hìnhVũ khí hoạt hình đầy đủ với khả năng xử lý được cải thiện và âm thanh trung thực

Vật lý

Động cơ vật lý đẳng cấp thế giớiMột công cụ vật lý tiên tiến cung cấp năng lượng cho các hiệu ứng va chạm bên trong GameGuru. Cốt lõi của động cơ là hệ thống Bullet Vật lý nổi tiếng, quản lý nhiều va chạm trong các trò chơi của bạn
Cái chết của RagdollKẻ thù gục ngã và chết một cách thực tế

Biên tập viên

Chỉnh sửa 3DChỉnh sửa cấp độ của bạn từ bất kỳ góc 3D nào và ngay lập tức chuyển sang chế độ xem trên cao
Chơi như bạn đi công nghệBây giờ bạn có thể chỉnh sửa và ngay lập tức chơi trò chơi của mình, cung cấp Chế độ xem trước 3D thời gian thực
Công cụ tối ưu hóaCông cụ trò chơi được tối ưu hóa để sử dụng hiệu quả bộ nhớ, hiệu suất tốc độ khung hình và khả năng tương thích với card đồ họa
Hiển thị toàn màn hìnhTrong chế độ chỉnh sửa, bạn có thể xem các cấp trò chơi được hiển thị đầy đủ và thả xuống chúng
Nhà nhập khẩu truyền thôngQuy trình làm việc dễ dàng hơn để nhập mô hình vào GameGuru

Lưu độc lập

Lưu độc lậpSau khi tạo trò chơi trong GameGuru, bạn có thể lưu chúng dưới dạng tệp exe độc ​​lập, để người khác chơi chúng
Bán trò chơi của bạnBạn có toàn quyền bán trò chơi của mình để kiếm tiền!

Nhiều người chơi

Xây dựng trò chơiSử dụng GameGuru để thiết kế trò chơi với các tính năng nhiều người chơi
Trận đấu chếtTạo người chơi đơn hoặc đội dựa trên trò chơi trận đấu tử thần.
Nhiều người dùngChơi với tối đa 8 người chơi – mời bạn bè hoặc người khác sử dụng Steam Workshop
Hợp tácTạo các cấp độ co-op mà bạn có thể chơi cùng với bạn bè của mình.

Màn hình hiển thị

Phông chữ độngTrong tin nhắn trò chơi, sử dụng phông chữ chất lượng cao để có giao diện bóng bẩy
Tổn thương máuSức khỏe của người chơi được minh họa bằng sát thương máu trên màn hình
Sát thương định hướngMột chỉ báo trực quan gợi ý nơi kẻ thù đang tấn công từ
Tắt máuĐặt cờ để tắt hiệu ứng máu

Cửa hàng trò chơi 

Cửa hàng trực tuyếnDễ dàng thêm tài sản sẵn sàng cho trò chơi vào dự án của bạn
Gói mẫuBộ sưu tập phương tiện được hỗ trợ bởi các cửa hàng
BánCác nghệ sĩ và nhạc sĩ có thể bán phương tiện truyền thông của riêng họ cho cộng đồng thông qua cửa hàng

Video giới thiệu GameGuru

Download GameGuru

GameGuru được phát triển bởi The Game Creators và nhiệm vụ của nó là là phát triển một trình tạo trò chơi mà mọi người đều có thể sử dụng. Với khả năng vượt trội cho những ai muốn đưa sáng tạo của mình lên một tầm cao mới để tạo ra các game trên PC cho mọi người cùng chơi.
Bạn có thể Download GameGuru Lasted do AnonyViet chia sẻ, và tạo ra những sản phẩm Game trên PC hay nhất để chia sẻ cho mọi người nhé!

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