Hướng dẫn trang trí Blog/Website nhân dịp tết

Tony Quang Blog xin hướng dẫn các bạn trang trí blog hoặc website của mình nhân dịp tết đến xuân về

1. Trang trí hoa mai trên đầu Blog / Website

• Đầu tiên đăng nhập vào blogger -> vào mẫu -> vào chỉnh sửa HTML
• Tiếp theo các bạn nhấn Ctrl + F và tìm tên thẻ </head>
• Dán Code dưới đây vào trên thẻ </head>

<style>/* HOLIDAY BELLS */
.b-page__content { min-height:120px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMQivQ1BDu3pJXasiG7SFJN4JQftZzHAVmwh5xNRsgf-Tjm7D2sroECu7Y1QjD_bkvWJpGSyt61VrQCpVuGunB0nMgBzcq-BJ0e72xOuEDIfT5AUD3Ef0r1h6Ce51LYZ2_d7bOg9EMscA/s1600/bg_grid.jpg)}.b-head-decor { display:none; }.b-page_newyear .b-head-decor {position:absolute; top:0; left:0;display:block; height:115px; width:100%;overflow:hidden;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SW9yWwmjvq-uoaTB2VZAs0YBczGHbqthvi8VEbGh70r7MSEel31M8PYvAz_YGBRRxR-4cunpOjrwZaH3O0U4gcbtDwW-Rf_KAFSnj9AXig7TMxGdLkV1KFaGX40lbMugXSJiONssanQ/s320/b-head-decor_newyear.png') repeat-x 0 0;z-index:9999;}.b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; }.b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; }.b-page_newyear .b-head-decor__inner_n2 { left:373px; }.b-page_newyear .b-head-decor__inner_n3 { left:746px; }.b-page_newyear .b-head-decor__inner_n4 { left:1119px; }.b-page_newyear .b-head-decor__inner_n5 { left:1492px; }.b-page_newyear .b-head-decor__inner_n6 { left:1865px; }.b-page_newyear .b-head-decor__inner_n7 { left:2238px; }.b-ball { position:absolute; }.b-ball_n1 { top:0; left:3px; width:59px; height:83px; }.b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; }.b-ball_n3 { top:9px; left:88px; width:49px; height:67px; }.b-ball_n4 { top:0; left:133px; width:57px; height:102px; }.b-ball_n5 { top:0; left:166px; width:49px; height:57px; }.b-ball_n6 { top:6px; left:200px; width:54px; height:70px; }.b-ball_n7 { top:0; left:240px; width:56px; height:67px; }.b-ball_n8 { top:0; left:283px; width:54px; height:53px; }.b-ball_n9 { top:10px; left:321px; width:49px; height:66px; }.b-ball_n1 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCEZ_DPF4brUchqMmc4RZf70QX7TJiDMjmjCw88E8Yza7yw8Ax2nFQvn3Snh8tHa1cwBY7TjmYfh7CR48G-3PniQRXn17vtkYmHqGdnewhYsZ-7CPstL12HfUcp4frGRSAOzYt5uTFH8/s1600/b-ball_n1.png') no-repeat; }.b-ball_n2 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS61EoZABfZcZZXFjprwa2FOwF_70NqE7Or5AivOOr0s0osZHQa_fRAOZ8bBf46sHhT-Y7D_YPOhCD3k2v_fHaZ5cgZQGg35X-c_zMavNz4MdXWVmWkkGjJ8Z-B4RD7sJxKYPBycM9PE4/s1600/b-ball_n2.png') no-repeat; }.b-ball_n3 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsKn6xLc9_t3HK9lqJGunyL4KIlN-JxJmchu9w9nib7f73IOJ8xZRPbhT2reSLnBaAU529aamWqksVbo6t277fTALQmbTj5EIL9eiQQEw53dAIMv0P-dsY-Rb2j83wrbrzsfYPrk5jEpA/s1600/b-ball_n3.png') no-repeat; }.b-ball_n4 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCtk-bH8b-8Sug8T2OLuMYVv8kOCzPCfNaSU4UccQ_20Ox2XeLGTjNchrTulJfEItj6b3Gln3WaAjvwdYBZt0Dbi8Rsw08IvuHiiTAxd_aOHkNEuEDehoIZie8UD1buRreB8iF6MRlcNE/s1600/b-ball_n4.png') no-repeat; }.b-ball_n5 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4jX3th0t5LWpHzVyud_L3dnHiNNvYa9NFGgiMUQlGddRLsjC65x9bgc07LgSRFMcjhAosfSFbfzqqF9bWXpVPmLtgpW07E185WOMqiXo22hUpAOOst-ln43tWjnaR8qnKfQypmohVmb8/s1600/b-ball_n5.png') no-repeat; }.b-ball_n6 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5j4sw33ZRHLzB-_98fpxJ9B7msCy4frax58jo7aRoDDLYJaibvA7W2kffpVk9Iz4Sdxi3TFyFT7vbPMaqnMza2Rc_JO-0Txq3QBUjggPBKwn8ZKNB5oQux3BV1NLo8oxiS8rTpyM3PyU/s1600/b-ball_n6.png') no-repeat; }.b-ball_n7 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwzFzNjSsc3KcTn8xzoTc3J-T2Osi_QE_BOzdLKDwkyRBZwgeCDjUiwkxxqd9DoppmBLfAAplM2OYjQ1K1zEexy08_KCyTLrNrLC54Ay7QCt62xV9-tdmgERonHrIrOJcbdcggz818n9M/s1600/b-ball_n7.png') no-repeat; }.b-ball_n8 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiMw66pZDydaLjC8a8T6WPsYtXYEh2npAq5qzTvpcWeAvqeDq2KpcgeKni4xAqEy4CAo2WOxgZktpIoX1NoR4umQX48sJK8sckcdUvLktG5J5h7kIQCEuRddTLpKFlUkTG5hgzj4p68Gw/s1600/b-ball_n8.png') no-repeat; }.b-ball_n9 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCFFUkf_sS8f-tHMTzUIddhNMOjgbSrvLGOi_cqZlLGH9x9XQ5URSuJkOx7hu395weEPioVlFeoNc4gfafLBOva1uYdpnqeOtnEChsvp18ENqlS6NN4dQ7pCz6QhvCzq5qFcUh8SsMZ8/s1600/b-ball_n9.png') no-repeat; }.b-ball_i1 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1BE7XBOClOZovH6B_MSwFpI7YVW9R_rXeijJdqww8Txd-MFJN0CJfZi54jWhgbuKe6jl3RdZi-gQEzJXAWZnje9xySAgNBCx2XlFY0-YCH7xFA81Y2qUf4oRLKoqZViF26_m9RA1WirA/s1600/b-ball_i1.png') no-repeat; }.b-ball_i2 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivb-4wQdUAYG3ilmnXeOku_8NMmji4cKA_8l3x68IkEYqAQMFtFXFBjBFOHy5cyhtaBGBn9yvk0UxsEhx_1mKwds6CP1LsVuSr8XickTcWUEVL-wZ7jQSx9vqypwSKybx7odNQgkt_oEY/s1600/b-ball_i2.png') no-repeat; }.b-ball_i3 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDPKXZeaNVCnfRvL05a2mN4as_1jH_pgCCktVYgXX9E1yOJNMl0TRG9kfV6y904p1TOd-Jegn2P79AqErfwH6OiHl8SPjiOrB-jKk0FqY71IAkBSIXc4F-WVuHGOCGkoZ5ZKHZpeU7OhE/s1600/b-ball_i3.png') no-repeat; }.b-ball_i4 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopN5pFpxBb6Y_QvS-eiMwFSwsk3DRORfr6mGWmNjurKG1INmjGJUUx4IZNy_eUNvCsvFbDYRTtG1iwpjY92ZYtQMdbZTpn6PFJWinzSjUrIv1odbTvWbdVxZA9vFg8kg6xeuNHayp23E/s1600/b-ball_i4.png') no-repeat; }.b-ball_i5 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhytAvTbpKrPeiApdXMpwxA2vkNiO6GHLe87EWHGl09CPwuaWcD_XTENchkzieQNDDeJFKXhKLQSLONIQkDl5ZIeAtB63DXbT_Dbc274DqHww6yUvLG_WoN3mkPgjPhL4T5F5ecC-zCwcY/s1600/b-ball_i5.png') no-repeat; }.b-ball_i6 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZxlDzFQMjQut6Ra5iElJovVcUKFwPtUxOeXYA0B-g4a3AgWXCeydXImgt_XUfpKPBZ0KFuJpnzS5nPfg-I6HRjFU6VrAq7Dm4SfQkRMgAUwheiqs8gbauCzJqNoxLTrTAQm2nm1Uu-I/s1600/b-ball_i6.png') no-repeat; }.b-ball_i1{top:0; left:0; width:25px; height:71px; }.b-ball_i2{top:0; left:25px; width:61px; height:27px; }.b-ball_i3{top:0; left:176px; width:29px; height:31px; }.b-ball_i4{top:0; left:205px; width:50px; height:51px; }.b-ball_i5{top:0; left:289px; width:78px; height:28px; }.b-ball_i6{top:0; left:367px; width:6px; height:69px; }.b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; }.b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; }.b-ball_bounce:hover .b-ball__right{ display:none; }.b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; }.b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); }.b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); }.b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }.b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); }.b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }.b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); }.b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); }</style><script src='https://googledrive.com/host/0B_OR7rYz7CITdzdkMG1KQ0lPdXc' type='text/javascript'/><script src='https://googledrive.com/host/0B_OR7rYz7CITdUJwYlpRNFl3ODA' type='text/javascript'/><script src='https://googledrive.com/host/0B_OR7rYz7CITdllab1Bjb01hSUE' type='text/javascript'/>

• Tiếp theo các bạn tìm thẻ <body> để hiển thị hiệu ứng ra ngoài Blog / Website copy và past đoạn code dưới vào dưới thẻ <body>

Read more

Hướng Dẫn Thêm Nút G+ Theo Dõi Google Plus

Cách tạo nút theo dõi Google Plus (G+) cho Blogspot

Tony Quang Blog xin hướng dẫn các bạn cách tạo nút theo dõi google plus cho blogspot

♦ Bước 1: Hãy truy cập vào đường link này: https://developers.google.com/+/web/badge/

♦ Bước 2: Điền các thông tin cần thiết vào để phù hợp với website của bạn:

♦ Bước 3: Trong tùy chọn “Người dùng google +” ( Google+ user)các bạn chọn tài khoản fanpage hoặc tài khoản profile Google +  của bạn vào. Lập tức biểu tượng ở bên phải sẽ thay đổi theo hình fanpage của bạn. Ví dụ như mình là Tony Quang Designer

♦ Bước 4: Các bạn thay đổi các thông số trong ở cột bên trái để phù hợp với vị trí đặt trên website thì cột bên phải cũng hiển thị theo luôn cho bạn thấy,

♦ Bước 5: Bạn chọn cái nào bạn thích cho vào website sau đó dán đoạn code ở dưới cho vào nơi bạn muốn hiển thị trên website.

Chúc bạn thành công!!!!!

Read more

Code chia sẻ mạng xã hội chạy dọc cố định dành cho Blogger

Đối với những người chơi web, forum,blogspot thì công cụ chia sẻ lên các mạng xã hội là không thể thiếu. Công cụ này giúp blog, forum của bạn có nhiều lượt view hơn , làm tăng trafic cho blog,forum.





1 Bước Duy Nhất : Đặt đoạn code dưới sau thể </body>

Read more

Cách tạo comment facebook cho blogger nhanh và hoàn chỉnh

CÁCH TẠO COMMENT FACEBOOK CHO BLOGGER NHANH VÀ HOÀN CHỈNH
- Mình sẽ vào vấn đề nói nhanh và tiện gọn luôn cho các bạn khỏi phải mất công thời gian.

Yêu cầu: Bạn đã có Blog được tạo trên Blogger.com

Bước 1: Bạn vào phần Mẫu –> Tùy chỉnh HTML


Bước 2: Bạn Copy đoạn Code sau đây, sau đó kéo thanh cuộc xuống cuối cùng, và bạn thêm trước thẻ </body>

Code:

<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>[code]
[B][B][B]Bước 3:[/B] Tích hợp phần quản trị Blogspot bằng cách thêm ID của người quản trị (tài khoản Facebook)[/B][/B]

Bạn vào địa chỉ: [B]https://developers.facebook.com/[/B]
Chọn [B]My Apps[/B] chọn tiếp [B]Add a New App[/B]

Chọn tiếp Skip and Create App IDgóc bên phải, rồi nhập các nội dung cần nhập. Ví Dụ:
[IMG]http://i.imgur.com/vtyA8sn.png[/IMG] 
Rồi điền những gì cần điền, sau đó lấy số App ID trên trang.

Tiếp đến, bạn sẽ COPY đoạn code sau vào Blogspot. Đưa vào trong thẻ [B]<head>[/B] . Kéo thanh cuộn lên đầu và thêm đoạn mã Code sau.
[code]<meta content='ID tài khoản Facebook của bạn' property='fb:admins'/>

Copy cái App ID bỏ vào ID tài khoản Facebook của bạn nhớ à.

Read more

Thêm widget thống kê số lượng like fanpage và share blog update tự động cho blogspot

Hầu hết các tiện ích thống kê về số lượng like Fanpage và lượt chia sẻ blog lên Facebook đang được chia sẻ đều phải cập nhật bằng phương pháp thủ công. Mỗi khi có sự thay đổi về số lượng like và chia sẻ bạn lại phải thay đổi, như vậy thật phiền phức và mất thời gian. Nhưng trong bài viết này, chúng ta sẽ tìm hiểu làm thế nào để thêm công cụ tự động cập nhật số lượng like và chia sẻ

Demo​

Để thêm widget này vào blog bạn chỉ việc làm theo các bước hướng dẫn đơn giản bên dưới. Ngoài ra, bạn cũng có thể áp dụng cho WordPress, Joomla and etc
Vào Blogger.com >> Mẫu >> Chỉnh sửa HTML
Trong Template bạn tìm ]]></b:skin> và dán trước nó đoạn CSS bên dưới

Code:

.tvlsocial-container{font-size:13px;color:#666;font-family:arial,sans-serif;line-height:25px}
.tvlsocial-container a,.tvlsocial-container a:visited{color:#45BAF5;text-decoration:none}
.count{font-weight:bold}
.row{position:relative;width:320px;margin:20px 0;height:100px}
.col_4{float:left;margin-right:15px;text-align:center}
.box{width:130px;height:100px;margin:auto;border:1px solid #E5E7EB;background:#F1F3F8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.cell_1{width:30px;height:80px;position:relative;float:left;margin:auto}
.cell_2{font-size:30px;height:80px;text-align:center;line-height:80px;font-family:arial,sans-serif;font-smooth:always;position:relative;margin:auto;color:#333}
.cell_3{height:20px;width:132px;float:left;margin:auto;line-height:20px;font-size:12px;color:#999;background:#ccc;margin-left:-1px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.icon{width:40px;height:40px;margin-top:17px;border:none}
.facebook-blue{background-color:#5074BF;background-image:-moz-linear-gradient(top,#88AEFC,#3B5998);background-image:-ms-linear-gradient(top,#88AEFC,#3B5998);background-image:-webkit-gradient(linear,0 0,0 100%,from(#88AEFC),to(#3B5998));background-image:-webkit-linear-gradient(top,#88AEFC,#3B5998);background-image:-o-linear-gradient(top,#88AEFC,#3B5998);background-image:linear-gradient(top,#88AEFC,#3B5998);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88AEFC',endColorstr='#3B5998');border-color:#23487E;color:#fff;text-shadow:0 1px 1px rgba(60,60,60,0.75)}
.orange_tvl{background-color:#ff8736;background-image:-moz-linear-gradient(top,#fab484,#fc7b23);background-image:-ms-linear-gradient(top,#fab484,#fc7b23);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fab484),to(#fc7b23));background-image:-webkit-linear-gradient(top,#fab484,#fc7b23);background-image:-o-linear-gradient(top,#fab484,#fc7b23);background-image:linear-gradient(top,#fab484,#fc7b23);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab484',endColorstr='#fc7b23');border-color:#fc7b23;color:#fff;text-shadow:0 1px 1px rgba(60,60,60,0.75)}
#mycontent{display:none}

Làm cách nào để thêm widget sau vào blog?

Read more

Hướng Dẫn Tạo Nút Download Và Nút Demo trên Blogspot

Tạo nút Download và nút Demo cực kì đẹp và độc trên blogspot của mình

Nút Download và Demo cực đẹp cho Blogspot

Đầu tiên các bạn đăng nhập vào blog của các bạn, 

Vào phần Mẫu ==> Chỉnh Sửa Html

Tiếp theo các bạn bấm Ctrl + F và điền vào ]]></b:skin> hoặc </style> rồi nhấn enter để tìm một trong hai thẻ trên

Sau đó các bạn copy đoạn code dưới:

#wrap {
    margin: 20px auto;
    text-align: center;
}
#wrap br {
    display: none;
}
.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}
.btn-slide2 {
    border: 2px solid #efa666;
}
.btn-slide:hover {
    background-color: #0099cc;
}
.btn-slide2:hover {
    background-color: #efa666;
}
.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}
.btn-slide2:hover span.circle2 {
    color: #efa666;
}
.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}
.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}
.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}
.btn-slide2 span.circle2 {
    background-color: #efa666;
}
.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}
.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}

Sau đó các bạn past vào DƯỚI một trong hai thẻ vừa tim được và lưu lại thế là xong

Tiếp Đến Là Phần Thêm Nút Download va Demo vào bài viết

Read more

Hướng Dẫn Đưa Game Vào Blogspot

How To Get Game For Blog

Game là một thứ không thể thiếu trong đời sống hằng ngày trên internet, chúng ta lên trên các trang web và chơi một game nào đó. 
Hôm nay mình xin hướng dẫn các bạn cách đưa 1 game về hẳn Blog của mình để blog thêm phần sinh động và thú vị :D
- Đầu tiên chúng ta vào 3 trang dưới này để get  code về

1. http://www.miniclip.com/games/en/webmaster-games.php
2. http://www.freegamesforyourwebsite.com/
3. http://www.addictinggames.com/gotd/games_for_your_site.html

- Sau đó các bạn vào phần Bố Cục => Thêm Tiện Ích => Html/JavaScript rồi dán code vừa get được từ game trong 3 website đó sau đó nhấn lưu là ok :v

Hoặc bạn cũng có thể lấy code game Flappy Bird tại đây:

/<embed src="http://game.24h.com.vn/upload/2014/2014-1/game/2014-02-08/Game_FlappyBird.swf" width="400" height="555" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" wmode="transparent"></embed>

copy bỏ cái / ra 

Chú ý: Các bạn cần sửa những chữ màu đỏ cho phù hợp

- http://game.24h.com.vn/upload/2014/2014-1/game/2014-02-08/Game_FlappyBird.sw : là link game Flash bạn up lên Host của bạn. Thường bạn vào mấy web kia nó sẽ cung cấp cho bạn toàn bộ code rồi các bạn chỉ việc copy rồi về chèn thôi.Nếu ko có bạn thử mở code (ctrl + u) đó ra và tìm file có đuôi .swf thử xem

- width="400" height="555"  : là chiều ngang và chiều cao của khung game

Read more