Hướng Dẫn Tạo Chức Năng Auto Night Mode Khi Về Đêm Cho Blogspot

Heloo các bạn, hôm nay lại có trò mới cho anh em nghịch rồi đây.

Đấy là tự động đổi nền  blogspot sang night mode chống mỏi mắt từ 18h chiều cho tới 6h sáng hôm sau.

Demo:

AIRMA.SH DỰ SẼ LÀM MƯA LÀM BÃO GIỐNG NHƯ SLITHER.IO HAY AGAR.IO

Heloo 500 ace của Siin Blog, hôm nay mình giới thiệu cho các bạn một game cực mới cũng như cực hay, dự là sẽ làm mưa làm bão giống như Slither.io hay Agar.io.


Không lôi thôi dài dòng nữa, đây chính là link game AIRMA.SH


Sau khi vào game, bạn chỉ cần nhập tên bạn vào ô Enter Your Name và ấn PLAY AS GUEST và bắt đầu chơi thôi.

Game có sự tham gia của các thành viên trên thế giới, nên bạn vào game cứ kiếm bọn tàu khựa mà bắn để trả thù cho Việt Nam nhé 😂😂

MỪNG SINH NHẬT SIIN BLOG - THAM GIA NGAY RINH QUÀ LIỀN TAY

Xin chào các bạn, mình là Admin Siin Blog. Như các bạn cũng đã biết Siin Blog được thành lập ngày 10/10/2017 đến hôm nay là ngày 10/12/2017 chính thức tròn 2 tháng tuổi, Siin Blog là một blog chia sẻ về thủ thuật, code,... và rất nhiều thứ bổ ích khác mà mình sẽ dành hết tâm huyết để xây dựng blog thành một nơi hữu ích cho các bạn ghé thăm mỗi ngày :D
Lần này sinh nhật, mình sẽ mang đến các bạn một event!



NHÌN LẠI NHỮNG THỨ ĐÃ ĐẠT ĐƯỢC
Hiện Tại Siin Blog đang có 56 bài viết và 80 bình luận trên Blog
Thứ hạng Thế Giới : 12,019,506
Thứ hạng Việt Nam : 74,449

EVENT NÀY SẼ CÓ GÌ ?

  • -Template mà Siin Blog đang sử dụng

Hướng Dẫn Bo Tròn Góc Và Đổ Bóng Cho Blogspot

Hello 500 ace của Siin Blog 😂

Hôm nay rảnh rỗi ngồi viết bài bo tròn góc và đổ bóng cho blogspot.

Demo:


Không dài dòng nữa, bắt đầu thôi 😆

Bước 1. Vào blog của bạn, chọn phần cần bo tròn.

Ví dụ ở đây mình chọn phần cần bo tròn và đổ bóng là phần thống kê website.

Bước 2. Click chuột phải chọn Kiểm Tra (Ctrl + Shift + I)

Tìm đến code cha của phần tử đó (code cha là code bao bọc tất cả các code con bên trong), ở đây là một widget nên code cha của nó sẽ là widget-content.


Truy Vấn Dữ Liệu Trong MongoDB Bằng Command Shell.

1. Command Shell trong MongoDB.

Ở bài trước mình cũng đã giới thiệu về MongoDB, ở bài này mình sẽ hướng dẫn các bạn làm việc với MongoDB bằng Command Shell.

Sau khi cài đặt xong MongoDB, các bạn sẽ vào theo đường dẫn:
C:\Program Files\MongoDB\Server\3.4\bin\
đối với Windows 64bit và:
C:\Program Files (x86)\MongoDB\Server\3.4\bin\
đối với Windows 32bit. (3.4 là số phiên bản bạn đang dùng).

Chúng ta sẽ thấy có 2 file đó là mongod.exe và mongo.exe. Bạn sẽ chạy file mongod.exe trước để mở kết nối tới data bằng cổng port mặc định là 27017



Tiếp theo là chạy file mongo.exe để hoàn tất kết nối và đây cũng chính là nơi để chúng ta làm việc với MongoDB.


Lưu ý: bạn không được tắt mongod.exe nếu không kết nối sẽ dừng lại.

2. MongoDB - Create/Drop Database.

Một số lệnh liên quan đến Database:
>use SiinBlog
Lệnh use: khi có database tên là SiinBlog thì nó sẽ làm việc với database này, còn trong trường hợp database này không tồn tại. Nó sẽ tự động tạo mới một database tên là SiinBlog.

Ví dụ:





DB của bạn vừa mới create không có ở đây. bạn phải insert một documents hoặc tạo một collections về nó vào list.



3. MongoDB - Insert/Update/Delete/Search Database

- Insert

Cấu trúc: db.collection.insertOne/Many({document});

Như ví dụ ở trên, mình đã tạo 2 collections trong database SiinBlog, bây giờ mình sẽ thực hiện Insert dữ liệu vào collections này:

Lệnh db.Member.insertOne để insert một dữ liệu vào collections Member:
 db.Member.insertOne({username: "SiinBlog", password: "123456789", avatar: "/upload/siin.jpg"});
Lệnh db.Member.insertMany để insert nhiều dữ liệu vào collections Member:
db.Member.insertMany([{username: "SiinBlog1", password: "123456789", avatar: "/upload/siin.jpg"}, {username: "SiinBlog2", password: "123456789", avatar: "/upload/siin.jpg"}]);
Lưu ý: khi dùng insertMany thì phải có dấu [] ở đầu document để truyền vào một array.

Hướng Dẫn Lưu Tên Bản Quyền Vào Console Khi Ấn F12

Hello anh em, Siin Blog đã quay trở lại sau bao ngày im hơi lặng tiếng rồi đây 😅

Hôm nay mình sẽ chia sẻ cho anh em một thứ rất hay mà mình mới mò ra được, đấy là lưu tên bản quyền blog vào Console khi ấn F12, Ctrl + U và Ctrl + Shift + I.

Demo:


Cách thực hiện:


-Bước 1: Truy cập vào đây.

-Bước 2: Sửa Siin Blog thành tên blog của bạn, còn lại các tham số khác thì phải giữ nguyên nếu không sẽ bị lỗi.


-Bước 3: Truy cập vào Blog > Chủ đề > Chỉnh sửa HTML

Tìm code: 
<body>
và thêm dòng này vào bên trong nó:
onload='siinBlog()'
sau khi sửa nó sẽ thành như này:
<body onload='siinBlog()'>
Tiếp theo, truy cập vào link bên dưới, copy đoạn code và dán ngay bên dưới <body onload='siinBlog()'>:
https://pastebin.com/qdKhiWgG
-Bước 4: Copy đoạn vừa tạo ở bước 2 và thay vào code ở bước 3.



-Bước 5: Ấn lưu và xem kết quả 😁

Kết luận:

Bài viết có thể hơi khó hiểu, anh em có lỗi gì thì cmt để mình giúp nha!

Node.js Và MongoDB - Cặp Đôi Hoàn Hảo Cho Backend - Phần 1

1. Node.js và MongoDb là gì?

Node.js là gì?

Node.js là một nền tảng chạy trên môi trường V8 JavaScript runtime - một trình thông dịch JavaScript cực nhanh chạy trên trình duyệt Chrome. Bình thường thì bạn cũng có thể tải bộ V8 và nhúng nó vào bất cứ thứ gì; Node.js làm điều đó đối với các web server. JavaScript suy cho cùng cũng chỉ là một ngôn ngữ - vậy thì không có lý do gì để nói nó không thể sử dụng trên môi trường server tốt như là trong trình duyệt của người dùng được.

Tại sao lại sử dụng Node.js?

Đầu tiên là ưu điểm về tốc độ thực thi và khả năng mở rộng. Node.js có tốc độ rất nhanh. Đó là một yêu cầu khá quan trọng khi bạn là một startup đang cố gắng tạo ra một sản phẩm lớn và muốn đảm bảo có thể mở rộng nhanh chóng, đáp ứng được một lượng lớn người dùng khi trang web của bạn phát triển lên. 
Node.js có thể xử lý hàng ngàn kết nối đồng thời trong khi PHP sẽ chỉ có nước sụp đổ. Bên cạnh các lợi ích về tốc độ thực thi và khả năng mở rộng, có thể bạn cũng đã biết một chút về JavaScript, vì vậy tại sao lại phải phiền toái để học thêm về một ngôn ngữ lập trình hoàn toàn mới như PHP? Và sau đó bạn sẽ có một sự phấn khích khi học về một cái gì đó mới mẻ và gần như chưa được khám phá. Bạn còn nhớ cái cảm giác khi mà một cái gì đó mới xuất hiện và sau đó trở thành phổ biến khắp mọi nơi mà bạn hối tiếc đã không học về nó sớm hơn, và mãi mãi chỉ là người đến sau? Đừng phạm phải sai lầm như vậy lần này nữa. Node.js đang ngày càng trở nên lớn mạnh hơn.

MongoDB là gì?

Hiểu một cách nôm na thì MongoDB là một mã nguồn mở và là một tập tài liệu dùng cơ chế NoSQL để truy vấn, nó được viết bởi ngôn ngữ C++. Chính vì được viết bởi C++ nên nó có khả năng tính toán với tốc độ cao chứ không giống như các hệ quản trị CSDL hiện nay.
Nếu như bạn biết sử dụng JSON thì trong MongoDB cũng có cấu trúc lưu trữ tương tự, chính vì thế nó có hiệu suất cao, tương tác nhanh và khả năng mở rộng tốt, nó hoạt động trên khái niệm collection  và document. Tới đây thì có lẽ bạn sẽ thắc mắc collection là gì? và document là gì? phải  không nào? Nếu vậy thì ta sẽ tìm hiểu các phần tiếp theo nhé.

Database là gì?

Database là một Ô chứa dữ liệu ở mức vật lý (physical), mỗi database sẽ có nhiều collection và được thiết lập lưu trữ ở một nơi trong máy chủ máy tính. Một máy chủ MongoDB thường có thể tạo nhiều cơ sở dữ liệu.

Collection là gì?

Collection trong MongoDB là nhóm các tài liệu (document), nó tương đương với một bảng (table) trong CSDL thông thường nên mỗi collection sẽ thuộc về một database duy nhất. Tuy nhiên nó có một sực khác biệt đó là nó không có ràng buộc Relationship như các hệ quản trị CSDL khác nên việc truy xuất rất nhanh, chính vì thế mỗi collection có thể chứa nhiều thể loại khác nhau không giống như table trong hệ quản trị mysql là các field cố định.

Document là gì?

Document trong MongoDB có cấu trúc tương tự như kiểu dữ liệu JSON, nghĩa là sẽ có các cặp (key => giá trị) nên nó có tính năng động rất lớn. Document ta có thể hiểu nó giống như các record dữ liệu trong MYSQL, tuy nhiên nó có sự khác biệt là các cặp (key => value) có thể không giống nhau ở mỗi document. 

Hướng dẫn thêm biệt hiệu sau tên người bình luận cho Blogspot

Trong thời gian vừa qua đã có rất nhiều bạn gửi yêu cầu viết thủ thuật đến mình. Đang lẽ cái bài viết hôm nay mà mình đăng sẽ không phải bài này đâu nhưng do thớt nó hối quá nên phải ra kẻo ẻm nó mong mặc dù chưa đầy 1 ngày :3 Như cái tiêu đề thì hôm nay mình sẽ hướng dẫn cho các bạn cách thêm biệt hiệu sau tên người bình luận cho Blogspot siêu đơn giản nhưng không hề dễ dàng thành công :3 Cái này chỉ áp dụng thẻ b:if thôi nên cũng dễ hiểu lắm =)))

Thumbnail


CÁC BƯỚC THỰC HIỆN
Bước 1: Các bạn vào chỉnh sửa HTML, tìm đoạn dạng <div class='comment_name'>. Trong đoạn code đó sẽ có 1 đoạn thường sẽ là:
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/> </a>
Các bạn thêm đoạn code dưới vào sau đoạn code bên trên là OK :v (nghĩa là sau cái thẻ đóng </a> ý :v)
<b:if cond='data:comment.author == &quot;Ngô Văn Tuấn&quot;'><style type='text/css'>.top1_cmt {background: #ededed; border-radius: 90px; font-weight: 500; padding: 2px 10px 2px 10px}</style><span class='top1_cmt'> <i aria-hidden='true' class='fa fa-trophy' style='color: #efdb04'/> SIIN BLOG</span></b:if>

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Chào anh em, đã lâu rồi không post ảnh gái cho anh em thưởng thức, mình thường xuyên đi lang thang hễ thấy ảnh gái nào hot, sexy là mình lưu về để thành 1 file, khi nào nhiều nhiều là đăng lên liền.
Bộ ảnh này gồm nhiều em trên Facebook chụp thực tế nên nhìn đã lắm.
Hy vọng bộ ảnh này sẽ giúp anh em có cảm hứng "qryty". :v

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Tuyển chọn một số ảnh girl xinh nhìn là muốn đi tù

Nguồn: Sưu Tầm Facebook

TẠO WIDGET RECENT COMMENT VỚI AVATAR BO TRÒN TUYỆT ĐẸP CHO BLOGSPOT

Tình hình là mới tìm được một widget Recent Comment (bình luận gần đây) trên mạng, và mang về chỉnh CSS để xài trong blog này. Thấy nhiều bạn chắc cũng thích, chưa gì đã "ăn trộm" về xài rồi, thôi thì viết bài chia sẻ luôn cho ai muốn xài thì xài. Chán, mỗi lần làm ra cái gì mới là cứ bị auto copy :v
Tạo widget Recent Comment với avatar bo tròn tuyệt đẹp cho Blogspot - Bác Sĩ Windows
Đây là một widget gọn nhẹ giúp hiện ra những bình luận mới nhất, giúp bạn dễ dàng quản lý được ai đã bình luận trên trang web của mình để tiện việc theo dõi & trả lời một cách nhanh chóng. Demo xem tại chân trang của blog mình.
Không linh tinh nữa, cùng xem cách thực hiện nhé.

CÁC BƯỚC THỰC HIỆN

Bước 1. Vào phần Bố cục, tạo một widget HTML/Javascript.
Bước 2. Dán toàn bộ code này vào:
<style>
.comment-info2_BSW {clear: both; width: 100%; float: left; margin: 0 0 15px; }
.comment-info2_BSW .left {background: #dedede; padding: 3px 15px; border-radius: 100px; display: block; text-transform: uppercase; font: 400 12px Roboto;}
.comment-info2_BSW .right a {font: 500 12px Roboto,sans-serif; text-transform: uppercase; background: #dedede; padding: 3px 15px; box-sizing: border-box; display: block; border-radius: 100px;}
.comment-info2_BSW .right a:hover {opacity: .8}
ul.idbcomments{list-style:none;margin:0;padding:0}.idbcomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all;padding:0 0 7px!important}.idbcomments li .avatarImage{float:left;margin-right:12px;position:relative;overflow:hidden}.idbcomments li img{border-radius:100%;position:relative;overflow:hidden;display:block;width:45px;height:45px}.idbcomments li a{font-weight:700}.idbcomments li span{color: #666; display: block; background: #dedede; padding: 10px; border-radius: 100px}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function idbcomments(a) {
    var e;
    e = '<ul class="idbcomments">';
    for (var t = 0; numComments > t; t++) {
        var r, o, n, i;
        if (t == a.feed.entry.length) break;
        e += "<li>";
        for (var d = a.feed.entry[t], s = 0; s < d.link.length; s++) "alternate" == d.link[s].rel && (r = d.link[s].href);
        for (var l = 0; l < d.author.length; l++) o = d.author[l].name.$t, n = d.author[l].gd$image.src;
        n = -1 != n.indexOf("/s1600/") ? n.replace("/s1600/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s220/") ? n.replace("/s220/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s512-c/") && 0 != n.indexOf("http:") ? "http:" + n.replace("/s512-c/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("blogblog.com/img/b16-rounded.gif") ? "http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s" + avatarSize + "/blogger.png" : -1 != n.indexOf("blogblog.com/img/openid16-rounded.gif") ? "http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s" + avatarSize + "/openid.png" : -1 != n.indexOf("blogblog.com/img/blank.gif") ? -1 != defaultAvatar.indexOf("gravatar.com") ? defaultAvatar + "&s=" + avatarSize : defaultAvatar : n, 1 == showAvatar && (i = 1 == roundAvatar ? "avatarRound" : "", e += '<div class="avatarImage ' + i + '"><a title="Truy cập đến bình luận đó" href="' + r + '"><img class="' + i + '" src="' + n + '" alt="' + o + '" width="' + avatarSize + '" height="' + avatarSize + '"/></a></div>'), e += '<a style="display:none" href="' + r + '">' + o + "</a>";
        var A = d.content.$t,
            v = A.replace(/(<([^>]+)>)/gi, "");
        "" != v && v.length > characters ? (v = v.substring(0, characters), v += "&hellip;", 1 == showMorelink && (v += '<a href="' + r + '">' + moreLinktext + "</a>")) : v = v, e += "<span>" + v + "</span>", e += "</li>"
    }
    e += "</ul>";
    var c = "";
    0 == hideCredits && (c = "display:block;"), e += "", document.write(e)
}
var numComments = 5,
    showAvatar = !0,
    avatarSize = 42,
    roundAvatar = !0,
    characters = 30,
    showMorelink = !1,
    defaultAvatar = "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png",
    hideCredits = !0,
    numComments = numComments || 5,
    avatarSize = avatarSize || 60,
    characters = characters || 25,
    defaultAvatar = defaultAvatar || "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png",
    moreLinktext = moreLinktext || " More &raquo;",
    showAvatar = "undefined" == typeof showAvatar ? !0 : showAvatar,
    showMorelink = "undefined" == typeof showMorelink ? !1 : showMorelink,
    roundAvatar = "undefined" == typeof roundAvatar ? !0 : roundAvatar,
    hideCredits = "undefined" == typeof hideCredits ? !1 : roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=idbcomments"></script>
<div class='comment-info2_BSW'>
<div class='left'>
Hiện có <b><span id='Stats1_totalComments'></span></b> bình luận
</div>
<div class='right'><a href='/cmt' target='_blank' title='Xem 200 bình loạn gần đây'>View all <i class='fa fa-angle-right' style='margin:0 0 0 5px'/></i></a>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>