Bộ Ảnh Girl Xinh Cực Dễ Thương Sexy

Bộ Ảnh Girl Xinh Cực Dễ Thương Sexy  

Gái xinh thế giới 

Xin chào các bạn hôm nay mình xin giới thiệu với các bạn một bộ ảnh girl xinh mới nhất mà mình mới sưu tầm được - Đó là bộ ảnh của một Hot teen Thái Lan với trang phục thể thao vô cùng sexy . Như các bạn cũng biết thì chủ đề girl xinh luôn là chủ đề nóng trên các trang mạng cũng như cộng đồng mạng , đó là một trong những từ khóa luôn nằm trong top tìm kiếm nhiều nhất chủa Google . Hiện nay trên cộng đồng mạng có vô vàn những bộ ảnh cực đẹp của các Hot girl trên khắp thế giới được chia sẻ  mỗi ngày . Và dưới đây là một bộ ảnh như thế , sở hữu gương mặt vô cùng dễ thương xinh xắn ,thân hình sexy cô gái dưới đây sẽ khiến bạn phải thổn thức . Hãy xem và cảm nhận nhé.

Các bạn thấy bộ ảnh thế nào ạ 

Hãy để lại ý kiến của các bạn nhé - đó sẽ là động lực cho chúng tôi 

Hãy chia sẻ với mọi người để cùng thưởng thức nhé .

Read More

Bộ ảnh gái Thái Sexy với trang phục cổ trang | Sexy Angle

Bộ ảnh gái Thái Sexy với trang phục cổ trang | Sexy Angle

Chủ đề Gái xinh 

Xin chào các bạn , sau một thời gian tìm kiếm hôm nay mình xin chia sẻ với các bạn một bộ ảnh girl xinh , girl sexy mới đó là gái xinh thái lan với trang phục cổ trang cực quyến rũ .Như các bạn cũng đã biết thì chủ đề girl xinh luôn là chủ đề nóng trên cộng đồng mạng , nó là một từ khóa nằm trong top tìm kiếm nhiều nhất .Có vô vàn những bộ hình girl xinh được đăng tải và chia sẻ trên mạng và hôm nay mình xin chia sẻ thêm với các bạn một bộ hình gái xinh mới toanh . Sở hữu gương mặt xinh đẹp , thân hình nóng bỏng hút hồn người xem kết hợp với trang phục đẹp rực rỡ bộ ảnh dưới đây sẽ khiến bạn thích thú và để lại ấn tượng cho bạn . 

Các bạn hãy xem và cảm nhận nhé .

Góc nghiêng quyến rũ 

Ánh mắt hút hồn 

Nụ cười duyên 

Trang phục sắc xảo 

Gương mặt xinh đẹp 

Họa tiết tinh tế 

Nhìn là mê 

Quá đẹp 

                    Các bạn thấy bộ ảnh  gái xinh với trang phục cổ trang ở trên như thế nào ?
             Rất đẹp phải không ? Hãy tải về và sử dụng nhé ? Hãy chia sẻ với mọi người nhé
                  Tag: ảnh gái xinh ,gái đẹp ,sexy girl ,bộ hình gái xinh ,gái xinh Thái Lan,...

Read More

Bộ ảnh cực Sexy của Hot Girl Thái Lan

Bộ ảnh cực Sexy  của Hot Girl Thái Lan 

Chủ đề : ảnh Gái xinh ,gái đẹp ,girl xinh ,hot girl ,girl sexy ,ảnh gái xinh quyến rũ 

Cùng thưởng thức bộ ảnh tuyệt đẹp của Hot girl Thái Lan khiến triệu trái tim các chàng trai phải thổn thức xao xuyến bởi vẻ đẹp dễ thương đáng yêu và vô cùng sexy không thể cưỡng .Như trong các bài đăng trước mình cũng đã chia sẻ với các bạn một bộ ảnh NGHỆ THUẬT FULL HD CỦA HOT GIRL THAI  LAN hay  CÔ GÁI SEXY VỚI BIKINI KHIẾN ANH EM CHẾT ĐỨNG  và bộ ảnh gái xinh hôm nay mình muốn chia sẻ với các bạn cũng hấp dẫn không kém .
Với gương mặt xinh đẹp , nụ cười xinh xắn và trang phục sexy chắc chắn bộ ảnh dưới đây sẽ khiến các bạn hài lòng .

Gái xinh lung linh  

Các bạn hãy xem và cảm nhận nhé :

Các bạn thấy sao ạ .Cô ấy rất tuyệt phải không ? 

Nếu Thấy đẹp thì hãy tải về và sử dụng nhé .Đừng quên chia sẻ với mọi người nhé.

Backlink : Ảnh gái xinh 

Read More

3 Mẫu nút Share Chuyên Nghiệp trượt Dọc hai bên cho Blogsport

3 Mẫu  nút Share (Chia sẻ)  trượt Dọc hai bên cho Blogsport

Như các bạn cũng đã biết thì nút Share trên mỗi blog,website hay những bài viết là rất quan trọng .Nó vừa tạo nên sự chuyên nghiệp cho blog ,vừa tạo ra liên kết cho blog quan trọng nhất là để người đọc có thể chia sẻ bài viết một cách nhanh chóng khi họ muốn -Như thế bài viết của ta càng tiếp cận được nhiều độc giả hơn .Hầu hết các Blog ,website đều dùng tiện ích này và chỉ có 2 cách đặt vị trí cho nút Share  : 1.Đặt trực tiếp trong bài viết  2.Nút Share trượt dọc 2 bên blog .
Hôm nay mình sẽ hướng dẫn các bạn tạo nút share trượt dọc 2 bên blog

Xem Thêm :

 Code tạo khung cho các đoạn trích dẫn trong blogsport 

Hướng dẫn tạo khung Comment facebook cho blogsport

Chúng ta hãy bắt đầu thực hiện nhé :
Mình sẽ hướng dẫn các bạn cách đơn giản nhất là chỉ cần chèn đoạn code vào một widget/javascript là ok .

Blog => Bố cục => Thêm Tiện Ích => Html/Javascript  Và sau đó dán đoạn Code dưới đây vào là xong => Lưu Lại

Phong cách nút Share 1 : 

<style type="text/css"> #Share {position:fixed; top:35%; left:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;} #Share .Sharebutton {float:left;clear:both;} </style><div id='Share'> <div style="margin:4px;"> <div class='Sharebutton' id='facebook'> <script src='https://connect.facebook.net/en_US/all.js#xfbml=1'></script> <fb:like layout='box_count' show_faces='false'></fb:like> </div><br /> <div class='Sharebutton' id='google'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone> </div><div class='Sharebutton' id='twitter'> <a class="twitter-share-button" href="https://twitter.com/share" data-count="vertical"> Tweet </a> <script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script> </div></div></div>

Phong cách nút share cho blog  2 :

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script><style>/* Fixed Positioned AddThis Toolbox */ .sharing_box_namkna { position: fixed; top: 20%; right: 0%; border: 3px solid #00EE00; padding: 5px 5px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #F0FFFF; width: 60px; min-height: 345px; } .sharing_box_namkna .item { width: 50px; margin: 5px 0 5px 0; } .twitter_float iframe { width:55px!important; } </style><!-- SHARING BOX Fixed-Positioned Toolbox --><div class='sharing_box_namkna'><div style='text-align:center; margin-top:5px'><img alt='Share Emphasis' height='46px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqx5zv80MSTYxqGrQepcXAJN9Fnez41O6mI4SHxuIt-xlncEuOHqcrFjAAMYU-DxJqj_zQFt_3lnVxT-X20c1UPd08zudkdfELYIeEq-og6AsU6kEoyX308p4PL9JWMyklZzCwOZioMDI/s1600/obtenir-par-poste-icone-5533-48-+-namkna-blogspot-com.png' width='56px'/></div><!-- TWITTER --><div class='item twitter_float' style='margin-left:3px'><a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a></div><!-- FACEBOOK --><div class='item' style='margin-left:3px'><div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'></div><div id='fb-root'></div></div><!-- G+ --><div class='item' style='margin-left:5px'><!-- Place this tag where you want the +1 button to render --><g:plusone size='tall'></g:plusone></div><!-- OTHERSHARE --><div class='item' style='margin-left:5px'><!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter'></a></div><!-- AddThis Button END --></div></div><!-- FAST SHARING SCRIPT --><!-- TWITTER SCRIPT --><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><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/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><!-- G+ SCRIPT --><!-- Place this render call where appropriate --><script type='text/javascript'>gapi.plusone.go();</script><!-- STUMBLEUPON SCRIPT --><!-- Place this snippet wherever appropriate --><script type='text/javascript'> (function() { var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; li.src = 'https://platform.stumbleupon.com/1/widgets.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); })(); </script><script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script><!-- AddThis Button END -->

Phong cách nút share cho blog 3 :

<style>#floatingbuttons{background:#F9F9F9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9));background:-moz-linear-gradient(top, #fff, #F9F9F9);border:1px solid #ccc;float:left;padding:0 0 3px 0;position:fixed;bottom:30%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#000;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style> <div id='floatingbuttons' title="Share this post!"><script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> <div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div><div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div><div class="addbuttons"><a href="http://www.windows2it.com/2015/09/them-nut-share-truot-doc-hai-ben-blogspot-blogger.html" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get buttons</span></a> </div></div>

Tùy Chỉnh : 

   Các bạn có thể tùy chỉnh cho nút Share bên trái hay bên phải Blog chỉ cần tìm và thay đổi chỉ số : right (phải ) left (trái ) là được .

Như thế Là Xong rồi đó .Các bạn hãy áp dụng cho blog của chính mình nhé.
Chúc các bạn thành công .
Nếu thấy hay thì hãy chia sẻ với mọi người nhé các bạn .

Read More

Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport

Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport 

Chào mừng  các bạn ghé thăn Blog Kiến thức seo .Hãy cùng tôi khám phá  những điều hay và thú vị của blog nhé .Hôm nay tôi  xin giới thiệu với các bạn một hiệu ứng khá hay cho blogsport đó hiệu ứng xoay 360 độ cho trang của blog .Nếu các bạn để ý thì sẽ thấy mình đã áp dụng hiệu ứng này cho bài viết này đấy (Nếu chưa thấy thì các bạn có thể f5 lại để xem nhé ) .Với hiệu ứng này Blog của bạn sẽ trở nên thú vị hơn và khách truy cập sẽ cảm thấy thích thú tránh sự nhàm chán  .


Xem thêm :

• Code tạo khung cho các đoạn trích dẫn hay code 
• Hướng dẫn chèn khung comment facebook vào blogsport
• Tạo hiệu ứng trỏ chuột cực đẹp cho blogsport

Hãy cùng Kiến thức seo thực hiện nhé :

Cách 1 : Chèn trực tiếp vào Template

Các bạn vào Blog => Mẫu => Chỉnh sửa HTML  Sau đó nhấn tổ hợp Ctrl F tìm thẻ </b:skin>
Sau đó Dán đoạn Code phía dưới đây vào trên thẻ </b:skin> Cuối cùng là Lưu Mẫu
                <Với cách này thì các bạn áp dụng cho tất cả các trang trong blog >

@-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 2s; -o-animation-iteration-count: 2; -webkit-animation-name: roll; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; }

Cách 2 : Tùy ý bạn có thể tích hợp hiệu ứng này cho 1 bài viết bằng cách dán đoạn code dưới đây vào phần HTML của bài viết (Hoắc dán vào 1 tiện ích HTML/Javascrip của blog )

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 2s; -o-animation-iteration-count: 2; -webkit-animation-name: roll; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } </style>

Chú Ý : Vì đoạn Code là Css 3 nên một số trình duyệt như IE 5,6,7 sẽ không hoạt động .Hoạt động tốt trên các trình duyệt Chroom ,Cococ,Firefox,...
Hiệu ứng này hoàn toàn không ảnh hưởng tới tốc độ load trang nhé .Nên các bạn yên tâm mà sử dụng

Tùy chỉnh  :
          360 deg : là góc xoay của trang ,như ở trên là 360độ ,Nếu chỉnh phải chỉnh cả 3 đoạn vì nó tương thích với các trình duyệt khác nhau .
          2s là thời gian Hiệu ứng xảy ra : Thời gian càng lớn thì hiệu ứng càng chậm
Hãy tùy chỉnh theo ý thích nhé .

Chúc các bạn thành công .
Nếu thấy bài viết hay thì chia sẻ với mọi người nhé .

Read More

Tạo Hiệu Ứng Khi Tải Trang Cho Blogsport

Tạo Hiệu Ứng Khi Tải Trang Cho Blogsport

Xin chào các bạn .Chào mừng các bạn đến với Blog Kiến Thức Seo Như các bạn cũng đã biết thì có rất nhiều thủ thuật hay (những đoạn code ) hay cho blog làm tăng tính thẩm mĩ và sự tương tác giữa người xem với blog .Tùy theo sở thích của mỗi quản trị viên sẽ có sự thay đổi sao cho phù hợp nhất với blog của mình với mong muốn Blog hay Website của mình sẽ có cái nhìn thân thiện nhất với người đọc .Với hiệu Ứng tải trang (Load Page ) mà mình muốn giới thiệu với các bạn ở giưới đây thì Blog hay website của bạn sẽ bắt mắt hơn giảm bớt sự nhàm chán cho người xem .


Xem thêm :

•  Chèn video từ Youtube vào Blog trong khung máy tính kết hợp với Responsive 
• Tạo điểm nhấn riêng biệt cho nhận xét của tác giả 
• Hướng Dẫn tạo sitemap cho blogsport       

Demo cho các bạn (Khi tải trang sẽ xuất hiện xoáy màu đỏ )

Chúng ta hãy cùng bắt đầu thực hiện tạo hiệu ứng tải trang nhé : 

Vào Blog => Mẫu => Chỉnh sửa HTML => Nhấn tổ hợp phím Ctrl F tìm   thẻ </body>  Sau đó Copy đoạn Code phía dưới đây vào trên thẻ </body> Và Lưu Mẫu 

<style>#page-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUwg_hIYwR25YSjKIgcAPwHHJ82OPxCjBLwyDNlGkIp59eBKCVvvDRx8UCLWWJ28-xXQwT9i04O3SOy0ei52Clzof4cPi4AYIsRTzhITYVCzQJHm_Lm_p7d1BikJ4YTI8keLWPkgsINuY/s1600/loading.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; } </style><script type='text/javascript'>//<![CDATA[ $(document.body).append('<div id="page-loader">Loading...</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]></script>

Tùy Chỉnh : 

background:#000  :Màu nền khi tải trang
Các thông số : fadeIn(1000) : Thời gian hiệu ứng đậm dần lên và xuất hiện
                        delay(6000)  : Thời gian hiệu ứng duy trì
                        fadeOut(1000) : Thời gian hiệu ứng mờ dần và biến mất
Thay link : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUwg_hIYwR25YSjKIgcAPwHHJ82OPxCjBLwyDNlGkIp59eBKCVvvDRx8UCLWWJ28-xXQwT9i04O3SOy0ei52Clzof4cPi4AYIsRTzhITYVCzQJHm_Lm_p7d1BikJ4YTI8keLWPkgsINuY/s1600/loading.gif    
Bằng link hình ảnh mà bạn thích .

Mình có một số mẫu ảnh cho các bạn .Nếu thích thì các bạn hãy áp dụng nhé : 

Các bạn có thể thay đổi các thông số theo sở thích sao cho phù hợp với blog của các bạn .
Như thể là xong các bạn hãy Test và tận hưởng thành quả nhé .Chúc các bạn thành công .Nếu thấy bài viết hay thì hãy chia sẻ cho mọi người cùng biết nhé .
Có thắc mắc gì hãy để lại comment nhé .

Read More

Chèn video từ Youtube vào Blog trong khung Laptop kết hợp với Responsive

Chèn video từ Youtube vào Blog trong khung Laptop kết hợp với Responsive

Chắc hẳn các bạn làm blog hay web đều đã bết nhiều thủ thuật hay cho blog và trong đó là nhúng video từ youtube vào blog hay website của bạn theo cách thông thường là lấy Mã nhúng cuả Youtube copy vào HTML của bài viết .Nhưng làm theo cách  đó thì nhìn video khá đơn điệu và nó không có chức năng Responsive (tương thích với các kích cỡ màn hình khác nhau ) Điều đó khiến cho người sử dụng thấy rất khó chịu khi một video tương thích với màn hình máy tính khí hiển thị trên điện thoại sẽ bị khuất hình .Hôm nay mình sẽ giới thiệu với các bạn một cách chèn video vào blogsport vừa đẹp lại vừa có chức năng Responsive .


Xem Thêm :

• Hướng dẫn tạo Playlist nhạc cho blogsport
•  Hướng dẫn tạo nút G+ ở góc phải blog
• Hướng dẫn tạo điểm nhấn cho comment của tác giả 

Chúng ta hãy cùng bắt đầu nhé :

Bước 1 : Các bạn vào Blog >> Mẫu >>Chỉnh sửa HTML >> Ctrl F  tìm thẻ </b:skin> .Sau đó dán đoạn code phía dưới đây vào trên thẻ </b:skin> và Lưu Mẫu

.tb_outer_wrap { width: 100%; max-width: 650px; margin: 15px auto; } .tb_video_wrap_macbook { position: relative; padding-bottom: 43%; padding-top: 0; height: 0; overflow: hidden; -webkit-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9EnjjAml1FDxlIEuIymLIaPlCyF4dTET4BWTQg28YGWMmtoeuCm15xNKSzkBg6o-fxBsnHGqTIxTzoiBtNN2XPSa6p429egbsISYCAhbhl3ILSpl1GKMkwvjsspYrLmW4XkxEP5MlAk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; -moz-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9EnjjAml1FDxlIEuIymLIaPlCyF4dTET4BWTQg28YGWMmtoeuCm15xNKSzkBg6o-fxBsnHGqTIxTzoiBtNN2XPSa6p429egbsISYCAhbhl3ILSpl1GKMkwvjsspYrLmW4XkxEP5MlAk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; -o-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9EnjjAml1FDxlIEuIymLIaPlCyF4dTET4BWTQg28YGWMmtoeuCm15xNKSzkBg6o-fxBsnHGqTIxTzoiBtNN2XPSa6p429egbsISYCAhbhl3ILSpl1GKMkwvjsspYrLmW4XkxEP5MlAk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9EnjjAml1FDxlIEuIymLIaPlCyF4dTET4BWTQg28YGWMmtoeuCm15xNKSzkBg6o-fxBsnHGqTIxTzoiBtNN2XPSa6p429egbsISYCAhbhl3ILSpl1GKMkwvjsspYrLmW4XkxEP5MlAk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; border-color: rgba(0, 0, 0, 0); border-width: 27px 76px 55px 76px; border-style: inset; } .tb_video_wrap_macbook iframe, .tb_video_wrap_macbook object, .tb_video_wrap_macbook embed { position: absolute; top: 0; width: 100%; height: 100%; background-color: #ddd; } @media (max-width: 500px) { .tb_video_wrap_macbook { border-width: 20px 62px 40px 62px; } @media all and (max-width: 400px) { .tb_video_wrap_macbook { border: none !important; } }

Bước 2 : Nhúng video của bạn từ Youtube cào Blog bằng code dưới đây :

<div class="tb_outer_wrap"> <div class="tb_video_wrap_macbook"><iframe width="560" height="315" src="https://www.youtube.com/embed/6bnUdWKrfd4?rel=0&theme=dark&controls=1&showinfo=0&autohide=0" frameborder="0" allowfullscreen=""></iframe> </div></div>

Thay id : 6bnUdWKrfd4 bằng Id video của bạn nhé < Id này trong bước 2 >
Các bạn có thể thay đổi kích thước khung tùy ý của bạn ,khi đổi kích thước của khung thì bạn cũng phải đổi kích thước cảu video sao cho phù hợp và khớp với khung nhé

Như thế là xong rồi đấy .
Các bạn thấy khung hình này thế nào rất đẹp phải không .
Thấy hay thì hãy share cho mọi người nhé
Có thắc mắc gì bạn hãy để lại comment nhé
Chúc cá bạn thành công.

Demo cho các bạn :

Read More