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/AVvXsEgxV0n2pLAGO3v_kpsXWr4a2UnWAdTjWP__32YXOQyrmH6yS5IoR3M98NPrN_U9QEmMpVGq2TOsYDI4IdONAKPUY7fdo8eQgAb5XlENd9J9UwcDvPB_5nQHqv5z66ghEZl0oJedPHsDQZie/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 .

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é .

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/AVvXsEj2ovFxe8zxd-NkDFIcqrd3w2KWdoLq9rARwWHSJobeUd-md_T4IAWGtC-YD2M9V5JgsU3GVde3rInDwvaLgQMiIdUJ_WWkaq8hqjylIT02FGu4dPoqhjla6ESuCGoT-QTSVljGXbMs7m4a/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/AVvXsEj2ovFxe8zxd-NkDFIcqrd3w2KWdoLq9rARwWHSJobeUd-md_T4IAWGtC-YD2M9V5JgsU3GVde3rInDwvaLgQMiIdUJ_WWkaq8hqjylIT02FGu4dPoqhjla6ESuCGoT-QTSVljGXbMs7m4a/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é .

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/AVvXsEiliM1mXCkgkIXuntztxg5L-RbmH2v8Q9Wb-A5mfeG9wMxkuFC2kmrkRJy8LjEol-iAcblYYKbA0FwuL-g6etjr-9ZzaUi-JdgCEWPuIReMQFqb7LpyfCcyLyy1j4DaDyYcxxUr54cblCk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; -moz-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiliM1mXCkgkIXuntztxg5L-RbmH2v8Q9Wb-A5mfeG9wMxkuFC2kmrkRJy8LjEol-iAcblYYKbA0FwuL-g6etjr-9ZzaUi-JdgCEWPuIReMQFqb7LpyfCcyLyy1j4DaDyYcxxUr54cblCk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; -o-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiliM1mXCkgkIXuntztxg5L-RbmH2v8Q9Wb-A5mfeG9wMxkuFC2kmrkRJy8LjEol-iAcblYYKbA0FwuL-g6etjr-9ZzaUi-JdgCEWPuIReMQFqb7LpyfCcyLyy1j4DaDyYcxxUr54cblCk/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiliM1mXCkgkIXuntztxg5L-RbmH2v8Q9Wb-A5mfeG9wMxkuFC2kmrkRJy8LjEol-iAcblYYKbA0FwuL-g6etjr-9ZzaUi-JdgCEWPuIReMQFqb7LpyfCcyLyy1j4DaDyYcxxUr54cblCk/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 :

Hướng Dẫn 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 Điểm Nhấn Riêng Biệt Cho Nhận Xét Của Tác Giả

Blog giờ đây đã trở nên rất phổ biến được rất nhiều bạn trẻ sử dụng vì nó hoàn toàn free và thân thiện <vì nó là con của Google nên trong quá trình seo cũng được ưu ái hơn > .Có rất nhiều tiện ích hay và.thủ thuật hay cho blogsport mà mình muốn chia sẻ với các bạn .Một trong số đó hôm nay mình sẽ chia sẻ  với các bạn đó là tạo điểm nhấn riêng biệt cho tác giả blog .

Điểm nhấn riêng biệt cho tác giả hay theo thuật ngữ của dân IT là "Nhận Xét của Quản Trị viên " là một cách giúp cho người đọc có thể nhận biết ngay ( Phân Biệt ) được admin-Người quản trị Blog nhanh nhất và nó còn tạo nên phong cách riêng cho mỗi quản trị viên .

Demo :

Xem thêm : 

• Thêm biểu tượng cảm xúc giống Facebook cho blog
• Hướng Dẫn tạo Sitemap cho blogsport
• Hướng dẫn chèn khung comment vào blog 

Chúng Ta bắt đầu thực hiện nhé :

Đầu tiên các bạn truy cập Blog >> Mẫu >> Chỉnh sửa HTML >> Ctrl F tìm </head>  và sau đó chèn đoạn Code phía dưới vào trên thẻ  </head> Và Lưu Mẫu 

<b:if cond='data:blog.pageType != "index"'> <style type='text/css'> /* windows2it.com */ .comment-form { overflow:hidden; } .comments h3 { line-height:normal; text-transform:uppercase; color:#333; font-weight:bold; margin:0 0 20px 0; font-size:14px; padding:0 0 0 0; } h4#comment-post-message { display:none; margin:0 0 0 0; } .comments{ clear:both; margin-top:10px; margin-bottom:0 } .comments .comments-content{ font-size:13px; margin-bottom:8px } .comments .comments-content .comment-thread ol{ text-align:left; margin:13px 0; padding:0 } .comments .avatar-image-container { background:#fff; border:1px solid #DDD; overflow:hidden; padding:6px; } .comments .comment-block{ position:relative; background:#fff; padding:15px; margin-left:60px; border-left:3px solid #ddd; border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; } .comments .comment-block:before { content:""; width:0px; height:0px; position:absolute; right:100%; top:14px; border-width:10px; border-style:solid; border-color:transparent #DDD transparent transparent; display:block; } .comments .comments-content .comment-replies{ margin:8px 0; margin-left:60px } .comments .comments-content .comment-thread:empty{ display:none } .comments .comment-replybox-single { background:#f0f0f0; padding:0; margin:8px 0; margin-left:60px } .comments .comment-replybox-thread { background:#f0f0f0; margin:8px 0 0 0; padding:0; } .comments .comments-content .comment{ margin-bottom:6px; padding:0 } .comments .comments-content .comment:first-child { padding:0; margin:0 } .comments .comments-content .comment:last-child { padding:0; margin:0 } .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child { margin:0px 0px 5px 30% } .comment .comment-thread.inline-thread .comment:nth-child(6) { margin:0px 0px 5px 25%; } .comment .comment-thread.inline-thread .comment:nth-child(5) { margin:0px 0px 5px 20%; } .comment .comment-thread.inline-thread .comment:nth-child(4) { margin:0px 0px 5px 15%; } .comment .comment-thread.inline-thread .comment:nth-child(3) { margin:0px 0px 5px 10%; } .comment .comment-thread.inline-thread .comment:nth-child(2) { margin:0px 0px 5px 5%; } .comment .comment-thread.inline-thread .comment:nth-child(1) { margin:0px 0px 5px 0; } .comments .comments-content .comment-thread{ margin:0; padding:0 } .comments .comments-content .inline-thread{ background:#fff; border:1px solid #DDD; padding:15px; margin:0 } .comments .comments-content .icon.blog-author { display:inline; } .comments .comments-content .icon.blog-author:after { content: "Admin"; background: #FC5555; color: #fff; font-size: 11px; padding: 2px 5px; } .comment-header { text-transform:uppercase; font-size:12px; } .comments .comments-content .datetime { margin-left: 6px; } .comments .comments-content .datetime a { color:#888; } .comments .comment .comment-actions a { display:inline-block; color:#333; font-weight:bold; font-size:10px; line-height:15px; margin:4px 8px 0 0; } .comments .continue a { color:#333; display:inline-block; font-size:10px; } .comments .comment .comment-actions a:hover, .comments .continue a:hover{ text-decoration:underline; } .pesan-komentar { } .pesan-komentar p { line-height:normal; margin:0 0; } .pesan-komentar:before { } .fotleft{float:left} .fotright{float:right;text-align:right;} </style> </b:if>

Các bạn lưu Ý : Đoạn Code : <Đoạn code này mình đã để cách dòng ở giữa Đoạn Code trên >

{content: &quot;Admin&quot;;   Các bạn có thể thay chữ Admin bằng chữ gì mà bạn thích
background: #FC5555;           Màu nền của chữ Admin 
color: #fff;        Mã của chữ Admin 
font-size: 11px;     Độ lớn của chữ Admin 
padding: 2px 5px;}    Lần lượt là chiều cao và chiều rộng của màu nền 

Các bạn có thể thay đổi theo ý các bạn

Như thế là xong .Hãy Test và kiểm tra thành quả nhé .
Có thắc mắc gì các bạn hãy để lain comment nhé.
Thấy hay thì chia sẻ với mọi người nhé và hãy thăm blog của mình để xem nhiều bài viết hay nhé.
Chúc các bạn thành công
Cảm ơn các bạn
Tìm Kiếm : Thủ Thuật Blog ,seo blog ,code hay cho blog .

Hướng Dẫn Kiếm Tiền Online với PlayTagg

Hướng Dẫn Kiếm Tiền Online với PlayTagg 

PlayTagg là một website kiếm tiền online mới nhất hiện nay .Kiếm tiền với Playtagg thông qua việc chơi game, mình đã theo website này được tầm 2 tháng và thấy site hoạt động rất tốt , pay đầy đủ.
Hiện tại PlayTagg đang có event quay thưởng nhận từ 10$-1000$ khi bạn mới đăng ký tài khoản. ( hoàn toàn miễn phí nhé )

Hướng dẫn đăng ký tài khoản :
 - Bước 1 :
Bạn truy cập đăng ký tài khoản(Sign up): https://www.playtagg.com/
Điền đầy đủ thông tin .
***Lưu Ý : Sign up bình thường KHÔNG sign up bằng facebook nhé - Nên Đăng kí bằng gmail và SĐT phải có mã vùng của Vietnam là +84 nha***
Sau đó Vào mail, kích hoạt tài khoản

 - Bước 2 :
Dùng email và SĐT( Việt Nam là +84 nhé  ,sđt thì bạn bỏ 0 ở đầu đi VD 01699602*** thành 1699602*** ) vừa đăng ký điền vào đây https://www.playtagg.com/revintheair/
Đây là bước Quay thưởng tương ứng số tiền từ 0$  >>> 100$ tùy độ may của bạn :)
Quay thưởng xong họ sẽ cho bạn code
Lưu Code đó  lại (Dùng cho bước 3 )

 - Bước 3 :
Quay lại https://www.playtagg.com/#/ , đăng nhập tài khoản
Click vào Tên Tài Khoản Chọn Redeen Promo, nhập code vừa nhận được, nhấn Submit

 - Bước 4 :
Bấm vào Dashboard rồi chọn ô số 1
Click vào giọt nước màu xanh - chọn Salvage. 

DEMO

 Nó sẽ thông báo hỏi bạn chắc chắn không và gởi 1 email thông tin về email của bạn. Đại loại là trong 7 ngày 10$ >>> 1000$ sẽ chuyển vào tài khoản balance của bạn

Bạn vào đây để check nó có đang pending hay không 

****Thanh Toán ****
Bạn vào profile - manage wallet nhập email paypal vào

Sẽ có 1 yêu cầu bạn up 3 file theo thứ tự sau: ( chụp điện thoại cũng đc)
1. Mặt trước CMND
2. Mặt sau CMND
3. Hoá đơn mua hàng hay hoá đơn khác (ship, điện nước …) có tên bạn trùng với tên trên CMND

Rồi như vậy sau 7 ngày tiền sẽ về balance của bạn

DEMO

==>Chỗ Invited By nếu đã có như hình thì thôi, còn chưa có thì nhập email : minhtri06101997@gmail.com

==>Chỗ số điện thoại thì nhập đúng số của bạn, nhập +84 số của bạn ( bỏ 0 phía trước đi )

==>Sau đó bấm Save lại, Playtagg sẽ gửi cho bạn 1 mã code về số điện thoại bạn vừa điền, nhập số đó vào rồi OK

***Làm sao để rút được tiền?***

Bấm sang Tab Manage Wallet, bấm New Beneficiary, chọn như hình dưới

Điền mail paypal của bạn vào .Nếu chưa có thì điền mail của bạn 

==>Chụp mặt trước, mặt sau Chứng minh thư, Chụp hóa đơn điện, nước có tên, địa chỉ trùng theo CMT

Rồi bấm Submit, đợi 1 lát sẽ có 1 code gửi về số điện thoại của bạn. Nhập số đó vào rồi bấm OK

==>Xong các bước trên, đợi 2-7 ngày sẽ xác thực tài khoản và tiền về ví Playtagg

==>Lưu ý, đặt lệnh rút tiền trước ngày 15 hàng tháng thì Playtagg sẽ gửi tiền cho bạn vào ngày 7 tháng sau đó. còn nếu sau ngày 15 sẽ đợi thêm 1 tháng nữa

Đây là bằng chứng thanh toán của PlayTagg

Như thế là xong .Sau đó hãy lấy link giới thiệu của mình giới thiệu với mọi người cùng tham gia để tăng thêm thu nhập nhé .
Chúc các bạn thành công nhé

Kiếm Tiền Online trên Mobile với Ứng dụng Lozi cực nhanh và dễ dàng

Kiếm Tiền Online trên Mobile với Ứng dụng Lozi cực nhanh và dễ dàng 

Như các bạn cũng đã biết thì công việc kiếm tiền online đã trở nên quá phổ biến và có vô số các hình thức kiếm tiền khác nhau .Mỗi hình thức kiếm tiền online đều có cách thức và đặc điểm riêng và để tìm được hình thức kiếm tiền online phù hợp mà dễ dàng (ai cũng có thể làm ) thì lại là một chuyện

Hôm nay mình xin giới thiệu với các bạn một hình thức kiếm tiền mới đang khá là hot trên mạng đó là kiếm tiền với Ứng dụng Lozi.Với Lozi công việc kiếm tiền của bạn trở nên dễ dàng hơn bao giờ hết .Bạn không cần phải có kiến thức về tin học mà chỉ cần smart phone và 1-2 h tùy thời gian của các bạn là bạn có thể kiếm được 100-200k tùy theo năng lực .

Bạn chỉ cần Dowload ứng dụng lozi (CH Play hoặc App Store ) về máy Nhập mã DQDQ7 để vào ứng dụng và nhận 10.000 vnđ đầu tiên Sau đó bạn chỉ cần lấy mã và giới thiệu cho bạn bè cùng tham gia là bạn đã có ngay 10.000 vnđ trong tài khoản .Thật đơn giản phải không ? 

Nhập Mã DQDQ7  ngay Khi Đăng Nhập Để Nhận Ngay 10.000 vnđ Đầu Tiên 

Lưu ý : Khi đăng nhập Bạn phải nhập mã giới thiệu là : DQDQ7 Để vào ứng dụng và khi đó bạn sẽ nhận ngay được 10.000 đầu tiên trong tài khoản .

Khi tích đủ 200.000 vnđ Thì bạn có thể  rút tiền về .

Mình đã tham gia và thấy kiếm được khá ổn - Chỉ cần bạn biết cách giới thiệu cho mọi người cùng tham gia [ Vì đây là một ứng dụng khá hay về chủ đề buôn bán với rất nhiều chủ đề như : món ngon ,quần áo,địa điểm,....nên được rất nhiều người quan tâm ] vì thế mọi người cũng khá thích thú khi tải Lozi .

Link dowload :
     Đối với Androi : Dowload Lozi Android
     Đối với IOS : Dowload Lozi IOS

Và đã có rất nhiều bạn kiếm được từ ứng dụng này .
Dưới đây là một ví dụ :

Chúc các bạn thành công .
Đừng Quên : 
Nhập Mã DQDQ7 Khi Đăng Nhập Để Nhận Ngay 10.000 vnđ Đầu Tiên

Link dowload :
     Đối với Androi : Dowload Lozi Android
     Đối với IOS : Dowload Lozi IOS

Ảnh girl xinh ,Bộ ảnh girl xinh đón Noel Full HD

Ảnh girl xinh ,bộ ảnh girl xinh đón Noel Full HD

Ảnh nền gái xinh 

Sắp đến noel rồi mọi người lại chuẩn bị những gì tốt đẹp nhất để đón noel và sau đó là năm mới .

Cùng chào đón noel với bộ hình nền tuyệt đẹp với chất lượng cao sắc nét .Hãy thay màu áo mới cho laptop,máy tính của bạn với bộ ảnh nền gái xinh với trang phục noel.Bộ ảnh dưới đây chắc chắn sẽ khiến bạn thích thú và hài lòng .Các bạn hãy xem và tải về sử dụng nhé .

Hot girl đón giáng sinh 

 

Bộ ảnh nền girl xinh phía trên đẹp chứ ạ :)

Thấy đẹp thì các bạn hãy tải về và sử sụng nhé .Hãy chía sẻ cho mọi người cùng xem nhé

Bộ Ảnh Cực Đẹp Của Ribi Shachi Trong Mùa Giáng Sinh

Bộ Ảnh Cực Đẹp Của Ribi Shachi Trong Mùa Giáng Sinh 

Mùa giáng sinh 

-Lại một mùa giáng sinh nữa sắp đến [Vào đêm 24 tháng 12 hàng năm ] con người ta lại chuẩn bị tấp lập chào đón giáng sinh sửa sang ,trang trí nhà cửa ,chuẩn bị cây thông noel thật đẹp...Mọi người lại quây quần bên nhau ,gái trai lại cùng nhau đi chơi trên những con đường tuyệt đẹp tràn đầy ánh sáng .Chỉ nghĩ tới thôi đã khiến ta cảm thấy rạo rực .

Bộ ảnh Hot Girl đêm noel

-Cùng với chủ đề giáng sinh (Đêm noel) hôm nay mình xin giới thiệu với các bạn một bộ ảnh của một Hot Girl vô cùng xinh đẹp trong đêm giáng sinh -Đó chính là RibiShachi .
Ribi tên thật là Nguyễn Thị Thủy ,quê gốc ở Gia Lai  ,cô ấy từng là sinh viên khoa giáo dục trường ĐH KHXH&NV TP.HCM .Nhưng hiện nay Cô ấy đang là một diễn viên được rất nhiều bạn trẻ yêu thích .Hiện trang cá nhân của cô đã có hơn 170.000 lượt theo dõi .Sử hữu vẻ đẹp hồn nhiên trong sáng có đôi nét giống Phạm Băng Băng nên càng được ưa thích .Cùng thưởng thức những Bộ ảnh girl xinh đẹp nhất nhé .

Dưới đây sẽ là bội ảnh tuyệt đẹp của cô trong mùa giáng sinh : 

Cô ấy thật đẹp phải không ?
Nếu thấy đẹp thì các bạn hãy chia sẻ cho mọi người cùng xem nhé .