Nguyễn Hoàng Đạt hết nước chấm 
Việt NamHiệu ứng tuyết rơi cho blog/website
Nguyễn Hoàng Đạt Nguyễn Hoàng Đạt Gửi ảnh có nút xoá qua mail tôi đi
đang kiếm luôn 
Phan Trung Trực Ngon luôn 
HT nút xóa gì bạn :')
HT ib fb đi cho dễ :') https://www.facebook.com/nhd.in4
HT à đây bạn ơi
Nguyễn Hoàng Đạt Chắc người xem mới thấy còn tác giả khg thấy
- Đã chỉnh sửa
HT đúng r đó bạn reg 1 mail mới rồi vào ẩn danh xem đi
Nguyễn Hoàng Đạt Tôi xem trên máy tính thì thấy còn đt thì khg thấy
Nguyễn Hoàng Đạt cho mình xin code profile với đc ko ạ
kimidev
Đây bạn ơi mình có thêm quả nhạc noel với tuyết rồi đấy
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='false' b:layoutsVersion='3' b:templateUrl='indie.xml' b:templateVersion='1.3.0' class='v2' expr:dir='data:blog.languageDirection' lang='vi' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/e081c0a6dd.js'/>
<title>Nguyễn Hoàng Đạt</title>
<meta content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' name='viewport'/>
<link href='https://i.ibb.co/8DMx961/AVATAR-copy.jpg' rel='shortcut icon' type='image/x-icon'/>
<meta content='https://i.ibb.co/8DMx961/AVATAR-copy.jpg' property='og:image'/>
<meta content='https://about-nhd.blogspot.com/' property='og:url'/>
<meta content='website' property='og:type'/>
<meta content='Nguyễn Hoàng Đạt' property='og:title'/>
<meta content='Xây dựng và phát triển bởi Nguyễn Hoàng Đạt !' property='og:description'/>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>
<link href='https://cdn.jsdelivr.net/gh/leanhducprovn/cdn/font-awesome/pro-5.15.3/css/all.css' rel='stylesheet'/>
<!-- Bắt đầu css-->
<b:skin><![CDATA[
/* Chèn CSS vào đây */
/*------------------------------------------------*/
/* Name: Template giới thiệu bản thân version 8.0 */
/* Admin: Nguyễn Hoàng Đạt */
/* Zalo: 0347 795 415 */
/* Gmail: nguyen.hoang.dat.080808@gmail.com */
/* Website: https://nhd-8827.blogspot.com */
/*------------------------------------------------*/
html,body{
cursor:url("https://i.imgur.com/5v5M8gh.png"),auto;
}
a:hover{
cursor:url("https://i.imgur.com/IXULuQ1.png"),auto;
}
html, body{
overflow-x: hidden;
background-image: linear-gradient(to right,#D585FF, #00FFEE);
font-family:inter,sans-serif;
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
position:relative;
top:0;
left:0;
width:100vw;
}
.center{
display:flex;
align-items:center;
justify-content:center;
}
.light-orange{
color:#ef9d64;
}
.light-blue{
color:#6a8de4;
}
#root{
display:flex
;align-items:center;
justify-content:center;
height:auto;
min-height:100vh;
}
#main{
display:block;
position:relative;
margin-top:30px;
margin-bottom:30px;
width:411px;
max-width:411px;
min-height:82px;
background-color:#fff;
border-radius:30px;
box-shadow:7px 7px 20px -5px rgba(0,0,0,.1);
}
.container{
padding:0 15px;
}
#cover-image{
background-position:center;
background-size:cover;
border-top-left-radius:30px;
border-top-right-radius:30px;
width:411px;
height:165px;
position:relative;
left:-15px;
}
#profile-header{
position:relative;
display:grid;
grid-template-columns:120px auto;
column-gap:15px;
margin-bottom:-10px;
}
#avatar-image{
position:relative;
background-position:center;
background-size:cover;
border-radius:30px;
width:120px;
height:120px;
top:-25px;
}
#name{
position:relative;
padding-top:5px;
}
.names{
font-weight:600;
font-size:24px;
margin:0;
}
.nicknames{
font-weight:500;
font-size:20px;
margin:0;
}
#skills{
padding-top:5px;
margin-left:5px;
}
.skill-item{
display:inline-flex;
justify-content:center;
align-content:center;
position:relative;
font-size:14px;
font-weight:400;
height:20px;
margin-right:10px;
width:auto;
}
.skill-item::before{
position:absolute;
content:"";
padding-left:5px;
padding-right:5px;
width:100%;
height:18px;
background-color:currentColor;
opacity:.2;
border-radius:5px;
}
.bio-story{
position:relative;
display:grid;
grid-template-columns:70px auto;
height:70px;
width:100%;
background-color:#fafafa;
border-radius:20px;
-webkit-box-shadow:7px 7px 20px -5px rgba(0,0,0,.4);
box-shadow:7px 7px 20px -5px rgba(0,0,0,.1);
margin-bottom:15px;
}
.bio-story-thumb{
width:50px;
height:50px;
background-position:center;
background-size:cover;
border-radius:15px;
margin:10px;
}
.bio-story-content p{
position:relative;
font-size:15px;
margin-top:10px;
font-weight:600;
margin-bottom:10px;
}
.bio-story-content span{
position:relative;
font-size:12px;
bottom:15px;
color:#587fe1;
font-weight:500;
}
#content-body{
position:relative;
margin-top:20px;
max-width:100%;
}
.drop-title{
font-weight:600;
font-size:18px;
margin-left:10px;
}
#link-box{
position:relative;
width:100%;
}
.link-item{
position:relative;
display:grid;
grid-template-columns:70px auto 65px;
height:70px;
width:100%;
background-color:#fafafa;
border-radius:20px;
margin-bottom:15px;
-webkit-box-shadow:7px 7px 20px -5px rgba(0,0,0,.4);
box-shadow:7px 7px 20px -5px rgba(0,0,0,.1);
transition:all 250ms ease-in-out;
}
.link-item:hover{
background-color:#dff9fb;
}
.link-content{
padding-top:15px;
}
.link-content p{
margin:0;
font-weight:600;
}
.link-content span{
position:absolute;
font-weight:400;
font-size:14px;
bottom:15px;
color:#a6a9b1;
max-width:50%;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;-webkit-line-clamp:1;
-webkit-box-orient:vertical;
transition:all 250ms;
cursor:pointer;
}
.link-content span:hover{
color:#7c7e83;
}
.link-btn-chill{
display:inline-flex;
justify-content:center;
align-content:center;
position:relative;
margin-top:15px;
font-size:14px;
width:auto;
font-weight:600;
}
.link-btn-chill::before{
position:absolute;
content:"";
padding-left:7px;
padding-right:7px;
width:40px;
height:18px;
background-color:currentColor;
opacity:.2;border-radius:5px;
top:-1px;
transition:all 250ms;
}
.link-btn-chill{
transition:all 250ms ease-in-out;
}
.link-btn-chill:hover::before{
opacity:.5;
}
@media only screen and (max-width:425px){
#root{display:block;
}
#main{
top:0;
left:0;
border-radius:0;
width:100%;
margin:0;
margin-right:0;
}
#cover-image{
border-top-left-radius:0;
border-top-right-radius:0;
max-width:100vw;
}
.container{
width:90%;
}}
@media only screen and (max-width:350px) and (min-width:150px){
#name,#first-name{font-size:22px}#nickname{font-size:16px}.skill-item{font-size:12px}
}
]]></b:skin>
</head>
<!-- Bắt đầu phần hiển thị -->
<body>
<div id='root'>
<div id='main'>
<div class='container'>
<header>
<div id='cover-image' style='background-image: url('https://i.ibb.co/Xbm9PwH/image.png');'/>
<div id='profile-header'>
<div id='avatar-image' style='background-image: url('https://i.ibb.co/8DMx961/AVATAR-copy.jpg');'/>
<div id='name'>
<p class='names' id='first-name'>Nguyễn Hoàng Đạt <i class='fas fa-check-circle' style='color:#2d88ff' title='Đã xác minh'/></p>
<div id='skills'>
<div class='skill-item' style='color:#740A4E;'>Tricker</div>
<div class='skill-item' style='color:#ff758f;'>Developer</div>
<div class='skill-item' style='color:#85D18A;'>Designer</div>
<div class='skill-item' style='color:#F27935;'>2007</div>
</div>
</div>
</div>
<p class='drop-title'><b>Website</b></p>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/9T6sx8T/image-removebg-preview.png');'/>
<div class='link-content'>
<p>Nguyễn Hoàng Đạt Blog</p>
<span onclick='window.open('https://nhd-8827.blogspot.com//', '_blank')'>www.nguyenhoangdat.gq</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.nguyenhoangdat.ga/', '_blank')'>OPEN</div>
</div>
</div>
</header>
<div id='content-body'>
<p class='drop-title'><b>Social Media Link</b></p>
<div id='link-box'>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/0C19z9d/1165952efd04827b9a6a1aec09c17573.jpg');'/>
<div class='link-content'>
<p>Facebook</p>
<span onclick='window.open('https://www.facebook.com/nhd.in4/', '_blank')'>@nhd.in4</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.facebook.com/nhd.in4/', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/BNB53xd/5871d68e7561634bf2d0a8e6d3b84d45.jpg');'/>
<div class='link-content'>
<p>Instagram</p>
<span onclick='window.open('https://www.instagram.com/nhd.in4/', '_blank')'>@nhd.in4</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.instagram.com/nhd.in4/', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.imgur.com/8eN7qqF.jpg');'/>
<div class='link-content'>
<p>Zalo</p>
<span onclick='window.open('https://zalo.me/0347795415', '_blank')'>0347.795.415</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://zalo.me/0347795415', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/yf3W8tg/6cde6ad49f137539b1d05c6ac6ea16c4.jpg');'/>
<div class='link-content'>
<p>Youtube</p>
<span onclick='window.open('https://www.youtube.com/channel/UC4siSuYdoXCpnrZktBlur1w', '_blank')'>Nguyễn Hoàng Đạt</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.youtube.com/channel/UC4siSuYdoXCpnrZktBlur1w', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/d0tJzFB/7c234e9938b81011e8822be29ee7577b.jpg');'/>
<div class='link-content'>
<p>Gmail</p>
<span onclick='geturl('nguyen.hoang.dat.080808@gmail.com')'>nguyen.hoang.dat.080808@gmail.com</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-blue' onclick='geturl('nguyen.hoang.dat.080808@gmail.com')'>COPY</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function geturl(giatri) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val(giatri).select();
document.execCommand("copy");
$temp.remove();
alert("Copy thành công!");
}
</script>
<script crossorigin='anonymous' src='https://code.jquery.com/jquery-3.6.0.slim.min.js'/>
<b:section id='nhd-8827.blogspot.com'/>
<!--<head/>-->
<audio src='https://dat887.000webhostapp.com/wp-content/uploads/2021/12/crazy_frog_we_wish_you_a_merry_christmas_mv_-7653592806440656651-1.mp3'/>
<style>
body{display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;unselectable:on;}
</style>
<style>
#snowflakeContainer{position:absolute;left:0px;top:0px;}
.snowflake{padding-left:15px;font-size:14px;line-height:24px;position:fixed;color:#ebebeb;user-select:none;z-index:1000;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.snowflake:hover {cursor:default}
</style>
<div id='snowflakeContainer'>
<p class='snowflake'>•</p>
</div>
<script style='text/javascript'>
//<![CDATA[
var requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame;var transforms=["transform","msTransform","webkitTransform","mozTransform","oTransform"];var transformProperty=getSupportedPropertyName(transforms);var snowflakes=[];var browserWidth;var browserHeight;var numberOfSnowflakes=50;var resetPosition=false;function setup(){window.addEventListener("DOMContentLoaded",generateSnowflakes,false);window.addEventListener("resize",setResetFlag,false)}setup();function getSupportedPropertyName(b){for(var a=0;a<b.length;a++){if(typeof document.body.style[b[a]]!="undefined"){return b[a]}}return null}function Snowflake(b,a,d,e,c){this.element=b;this.radius=a;this.speed=d;this.xPos=e;this.yPos=c;this.counter=0;this.sign=Math.random()<0.5?1:-1;this.element.style.opacity=0.5+Math.random();this.element.style.fontSize=4+Math.random()*30+"px"}Snowflake.prototype.update=function(){this.counter+=this.speed/5000;this.xPos+=this.sign*this.speed*Math.cos(this.counter)/40;this.yPos+=Math.sin(this.counter)/40+this.speed/30;setTranslate3DTransform(this.element,Math.round(this.xPos),Math.round(this.yPos));if(this.yPos>browserHeight){this.yPos=-50}};function setTranslate3DTransform(a,c,b){var d="translate3d("+c+"px, "+b+"px, 0)";a.style[transformProperty]=d}function generateSnowflakes(){var b=document.querySelector(".snowflake");var h=b.parentNode;browserWidth=document.documentElement.clientWidth;browserHeight=document.documentElement.clientHeight;for(var d=0;d<numberOfSnowflakes;d++){var j=b.cloneNode(true);h.appendChild(j);var e=getPosition(50,browserWidth);var a=getPosition(50,browserHeight);var c=5+Math.random()*40;var g=4+Math.random()*10;var f=new Snowflake(j,g,c,e,a);snowflakes.push(f)}h.removeChild(b);moveSnowflakes()}function moveSnowflakes(){for(var b=0;b<snowflakes.length;b++){var a=snowflakes[b];a.update()}if(resetPosition){browserWidth=document.documentElement.clientWidth;browserHeight=document.documentElement.clientHeight;for(var b=0;b<snowflakes.length;b++){var a=snowflakes[b];a.xPos=getPosition(50,browserWidth);a.yPos=getPosition(50,browserHeight)}resetPosition=false}requestAnimationFrame(moveSnowflakes)}function getPosition(b,a){return Math.round(-1*b+Math.random()*(a+2*b))}function setResetFlag(a){resetPosition=true};
//]]>
</script>
<!--<body/>-->
<audio autoplay='audio'>
<source src='https://dat887.000webhostapp.com/wp-content/uploads/2021/12/nhac-giang-sinh.mp3'/>
</audio>
</body>
<!-- Kết thúc phần hiển thị -->
</html>Nguyễn Hoàng Đạt edit đẹp quá 
Lê Anh Đức kkk quả nhạc thì lúc lên lúc k =)))))
Nguyễn Hoàng Đạt anh bảo ròi, do trình duyệt đó. Em dùng coccoc là auto được 
Lê Anh Đức ỗklar anh
HT chuyện xui rủi đâu ai muốn đâu bạn ơi 
Nguyễn Hoàng Đạt phải fix đi haha
Lê Anh Đức máy tính là 1 chuyện mà đt cũng là 1 chuyện =))
Nguyễn Hoàng Đạt quá nhiều vấn đề ở đây 