LIÊN KẾT BẠN BÈ - BLOGSPOT - CÙNG HỢP TÁC VÀ CÙNG PHÁT TRIỂN

Tuann 39 Comments
Chào các bạn,sau một thời gian dài mình gỡ bỏ tất cả liên kết bạn bè trên blog của mình,thì ngày hôm nay mình sẽ chính thức mở lại phần liên kết bạn bè trên blog của mình, giúp các bạn có thể dễ dàng liên kết với Siin Blog để có thể trao đổi qua lại, cũng như học hỏi thêm nhiều kiến thức về thiết kế web, blogspot.

standee123

Hướng Dẫn Thêm Thông Báo Vào Console Log Khi Người Dùng Ấn F12

Tuann 12 Comments
Chào 500 triệu ACE của Siin Blog, đầu xuân năm mới mình xin gửi đến lời chúc sức khỏe tới toàn thể độc giả trên khắp mọi miền đất nước của Siin Blog.

 Hôm nay mình sẽ mang đến cho các bạn một thứ khá hay ho, đấy là sẽ thông báo cho người dùng ở console.log khi ấn F12.

Code này mình lấy cảm hứng từ Facebook nên các bạn có thấy quen quen cũng đừng có bỡ ngỡ nha :v


Không luyên thuyên dài dòng nữa, dưới đây là hướng dẫn:

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

Tạo Widget Bài Viết Mới Cực Đẹp Cho Blog

Tuann 28 Comments
Mình thấy widget này khá đẹp nên share lại cho anh em sài!

Tạo Hiệu Ứng Hoa Đào Rơi Tuyệt Đẹp Trang Trí Blogspot Mừng Tết 2018

Tuann 40 Comments
Chào mừng anh em đã trở lại với blog Siin Blog.

 Mình mới làm được hiệu ứng hoa đào rơi tuyệt đẹp nên share cho anh em cho nóng 😀

 Demo:

Mới đó thôi mà cũng gần hết năm 2017 rồi !!! Tết tây đã gần hơn và cũng chỉ 8 ngày nữa là tết tây rồi. Hôm nay mình quyết định chia sẻ cách để trang trí blog của mình có thêm không khí tết hơn. Mời các bạn đọc và làm theo...

Hướng Dẫn Tạo Hiệu Ứng Pháo Hoa Chào Mừng Tết 2018 Cho Blogspot

Tuann 8 Comments
Hello các độc giả của Siin Blog, sau một khoảng thời gian tạm off blog thì bây giờ mình đã quay trở lại rồi đây :D

Hôm nay mình sẽ hướng dẫn các bạn tạo hiệu ứng pháo hoa chào mừng tết Mậu Tuất 2018.

Demo:

Nó nổ thật đẹp đúng không :D

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

Tuann 21 Comments
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:

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

Tuann 22 Comments
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.

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

Tuann 27 Comments
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!

Thủ Thuật Blogspot | Share CSS3 Animation Hiệu Ứng Tuyết Rơi Cho Blog Đẹp Mắt

Tuann Comment


Vừa rồi cũng viết 1 bài hướng dẫn cách thêm hiệu ứng tuyết rơi rồi, nhưng mới đây tôi lướt cũng gặp 1 bài hướng dẫn cách thêm hiệu ứng này. Trông cũng khá đẹp mắt nên hôm nay tôi sẽ viết thêm bài chia sẻ cho các bạn cùng nhau trang trí blog nhân dịp giáng sinh sắp tới.

  • Cách thực hiện hết sức đơn giản :))
  • Đầu tiên bạn Đăng nhập vào Blogger rồi sau đó đến Chủ đề và nhấn vào chỉnh sửa HTML
  • Tiếo theo thì bạn Ctrl F và tìm thẻ </body> rồi copy đoạn mã bên dưới và dán lên bên trên thẻ </body> vừa tìm được
<style type="text/css">
.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%}.snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite}.snow.foreground{background-image:url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-webkit-animation-duration:15s;animation-duration:10s}.snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s}.snow.middleground{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);-webkit-animation-duration:20s;animation-duration:15s}.snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}.snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-duration:25s;animation-duration:20s}.snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s}@-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}@keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style>
<div class='snow-container'>
<div class='snow foreground'></div>
<div class='snow foreground layered'></div>
<div class='snow middleground'></div>
<div class='snow middleground layered'></div>
<div class='snow background'></div>
<div class='snow background layered'></div>
</div>
  • Thế là xong. Chúc các bạn thành công ! 

TẠO WIDGET HIỂN THỊ BÀI ĐĂNG DẠNG TAB

Tuann Comment
Chào Các Bạn Thì Hôm Nay Mình Xin Share Cách TẠO WIDGET HIỂN THỊ BÀI ĐĂNG DẠNG TAB ...

CÁCH THỰC HIỆN

Bước 1: Vào Blogger ->  Chủ Đề -> Chỉnh Sửa HTML
Bước 2: Các Bạn Chèn Đoạn Code Dưới Này Trước Thẻ ]]></b:skin>
.tabs{background:#fff;width:100%;max-width:100%;float:none;list-style:none;padding:0;margin:auto;display:table;overflow:hidden}
.tabs-st{background:#eee;display:block;height:45px}
.tabs:after{content:&#39;&#39;;display:table;clear:both}
.tabs input[type=radio]{display:none}
.tabs label{display:table-cell;float:left;width:25%;color:#555;font-size:19px;font-weight:400;text-align:center;cursor:pointer;transition:all .3s;height:45px;line-height:45px;text-transform:uppercase;margin-right:10px;background:linear-gradient(135deg,#ffffff 0%,#ffffff 70%,#F2F2F2 30%,#F2F2F2 30%,#F2F2F2 100%)}
.more-tabs{width:21.1%;float:right;height:45px;margin:-45px 0 0;line-height:45px;font-size:25px;text-align:center;background:linear-gradient(135deg,#ffffff 0%,#ffffff 70%,#F2F2F2 30%,#F2F2F2 30%,#F2F2F2 100%)}
.more-tabs a{color:#555}
.more-tabs a:hover{color:#52537d}
.tabs label span{display:inline-block}
.tabs label i{margin-right: 5px;height:45px;line-height:45px}
.tabs label:hover{color:#52537d}
.tabs label:focus{color:#fff}
.tab-content{display:none;width:100%;float:left}
.tab-content *{-webkit-animation:showx .5s ease-in-out;-moz-animation:showx .5s ease-in-out;animation:showx .5s ease-in-out}
.tabs [id^=&quot;tab&quot;]:checked + label{color:#fff;background:#52537d}
#tab1:checked ~ #tab-content1,#tab2:checked ~ #tab-content2,#tab3:checked ~ #tab-content3{display:block;background:#eee}
@media screen and (max-width:768px){
.tabs label{width:23.4%}
.tabs label span{display:none}
}
.widget-home img{float:left;clear:both;object-fit:cover;transition:.33s;margin:0 0 6px 0}
.widget-home img:hover{-webkit-filter:brightness(80%)}
.widget-home{overflow:hidden}
#widget-00 .featuredPost a:hover {color:rgba(234, 25, 25, 0.77)}
#widget-0 .featuredPost a:hover {color:rgb(255, 153, 0)}
.widget-home a{color:#555;text-decoration:none;line-height: normal;}
.widget-home a:hover{color:#0087be}
.widget-homewrap{margin-top:10px;overflow:hidden}
Bước 3: Chèn đoạn code này dưới thẻ <b:includable id='main' var='top'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='tabs'>
<div class='tabs-st'>
<input checked='' id='tab1' name='tabs' type='radio'/>
<label for='tab1'><i class='fa fa-picture-o'/><span>ẢNH BÌA</span>
</label>
<input id='tab2' name='tabs' type='radio'/>
<label for='tab2'><i class='fa fa-facebook-official'/><span>Facebook</span>
</label>
<input id='tab3' name='tabs' type='radio'/>
<label for='tab3'><i class='fa fa-html5'/><span>BLOGSPOT</span>
</label>
<!-- Tab 1 -->
<div class='tab-content' id='tab-content1'>
<span class='more-tabs'><a href='/search/label/PSD?max-results=9' title='Xem thêm'><i class='fa fa-arrow-right'/></a></span>
<div class='widget-home'>
<div class='widget-homewrap'>
<div class='widget-homesplitone'>
<script> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/PSD?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;); </script>
</div>
</div>
</div>
</div>
<!-- Tab 2 -->
<div class='tab-content' id='tab-content2'>
<span class='more-tabs'><a href='/search/label/Thủ%20Thuật%20Facebook?max-results=9' title='Xem thêm'><i class='fa fa-arrow-right'/></a></span>
<div class='widget-home'>
<div class='widget-homewrap'>
<div class='widget-homesplitone'>
<script> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Thủ%20Thuật%20Facebook?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;); </script>
</div>
</div>
</div>
</div>
<!-- Tab 3 -->
<div class='tab-content' id='tab-content3'>
<span class='more-tabs'><a href='/search/label/Thủ%20Thuật%20Blogspot' title='Xem thêm'><i class='fa fa-arrow-right'/></a></span>
<div class='widget-home'>
<div class='widget-homewrap'>
<div class='widget-homesplitone'>
<script> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Thủ%20Thuật%20Blogspot?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;); </script>
</div>
</div>
</div>
</div>
</div>
</div>
</b:if>


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

Tạo Khung Tác Giả Cực Đẹp Cho BLogspot

Tuann Comment

CÁCH THỰC HIỆN

Các bạn chỉ cần chèn đoạn code hiển thị khung tác giả này vào vị trí bạn thích là được...
<style>
/* Author */
#author-blog2{width:auto;height:209px;background:#2a2b67;padding:0px 10px 10px 10px}
.author-box2{background:#3d2974;box-shadow:0 2px 3px 0 rgba(0,0,0,0.1);/*width:100%;*/height:auto;/*border:1px solid #eee;*/;border-radius:17px;margin:10px 0 0px;padding:20px;position:relative;float:left;font-family:'Quicksand',sans-serif;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none}
.author2 img{padding:0;height:130px;width:130px;float:left;margin:0;border-radius:100%;border:14px solid #2e2869;margin-left:10px}
.name-author2{font-size:18px;color:#fff}
.author-info2{float:left;padding-left:3%;width:72%}
.author-info2 a{color:#fff}
.author-info2 span{font-size:14px;font-weight:500;color:#c0bfcc;font-family:'Quicksand',sans-serif}
p.author-about2{margin:0;padding:10px 0 10px;color:#fff!important;font-size:15px;font-weight:normal}
li.list-tom{list-style:none}
li.list-tom a{color:#dddae6;margin-right:20px}
li.list-tom i{color:#dddae6;margin-right:3px}
</style>
<div id='author-blog2'>
<div class='author-box2'>
<div class='author2 img'>
<a><img alt='Hồng Hải Blog' oncontextmenu='return false' src='https://i.pinimg.com/564x/71/87/be/7187be96db3391577e4312b27fe28cbd.jpg' title='Admin'/></a>
</div>
<div class='author-info2'>
<div class='name-author2'>
Hồng Hải
</div>
<span class=''>Designer Developer</span>
<p class='author-about2'>Chào các bạn mình là Hải - một cậu học sinh, với đam mê và sở thích, mình lập nên blog này để lưu trữ những kiến thức, đồng thời cũng chia sẻ những gì mình biết và sưu tầm được tới bạn đọc.</p>
<li class='list-tom'>
<a title='Lượt xem'>
<i aria-hidden='true' class='fa fa-eye'></i> ..</a>
<a title='Lượt yêu thích'>
<i aria-hidden='true' class='fa fa-heart' style='color:#ed1b73'></i>
<script type='text/javascript'>document.write(Math.floor((Math.random()*500)+(Math.random()*500)+100));</script>
</a>
<a title='Lượt bình luận'>
<i aria-hidden='true' class='fa fa-comment'></i>
<script style="text/javascript">
function numberOfComments(json) {
document.write('<left> <b>' + json.feed.openSearch$totalResults.$t +
'</b></center>');}</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</a></li></div>
</div>
</div>
<div class='clear'></div>
Các bạn tùy biến sao cho phù hợp với blog của bạn.
Chúc Các Bạn Thành Công
view-source:starbinhit.net

10 CÁCH TĂNG LƯỢT TRUY CẬP CHO BLOG CỦA BẠN

Tuann Comment
1. Tạo và gửi sơ đồ blog (XML sitemap) cho Google

XML sitemap được hiểu đơn giản là một bản đồ thu nhỏ của blog, webiste và nó sẽ liệt kê tất cả các liên kết có bên trong blog của bạn. Mục đích của việc tạo XML sitemap là để gửi lên Google Search Console, khi đó các bot tìm kiếm của Google sẽ lần theo các địa chỉ trong sitemap này và đưa nó vào hệ thống dữ liệu tìm kiếm của Google. Nếu không thực hiện bước này, các bot tìm kiếm của Google sẽ khó có thể biết đến blog của bạn đang tồn tại mà lần mò đến. Do đó đây là công việc đầu tiên bạn phải thực hiện ngay sau khi đã tạo blog.



2. Xây dựng nội dung thật hữu ích
Bạn phải dành thời gian để tự viết cho mình một vài bài viết thật hữu ích cho người dùng. Bạn hãy lên các diễn đàn hoặc các group facebook,…xem mọi người đang cần gì liên quan đến chủ đề blog của bạn, rồi sau đó cố gắng viết một vài bài viết thật chất lượng, đáp ứng được nhu cầu của nhiều người đang cần đến nó, hãy tìm hiểu cách viết bài thế nào sao cho chuẩn SEO, rồi xuất bản những bài viết đầu tiên cho chất lượng và chuẩn SEO.

tăng truy cập cho blog
3. Khai báo bài viết cho Google index
Nếu một bài viết chất lượng thì sớm muộn cũng sẽ được Google index, cho vào danh sách tìm kiếm, thế nhưng đối với một blog mới, một bài viết mới thì sẽ phải mất rất nhiều thời gian. Do vậy bạn phải chủ động khai báo ngay cho Google biết rằng bạn đã xuất bản một bài viết lên internet, yêu cầu google cho vào danh sách tìm kiếm. 


4. Hãy share bài viết lên facebook
Ngay sau khi bài viết được đăng bạn hãy chia sẻ ngay lên facebook. Bạn tìm những nhóm có chủ đề liên quan đến blog của bạn rồi chia sẻ lên đó, xem các bài đăng của mọi người, nếu có ai đó hỏi gì liên quan đến nội dung bài viết của bạn, hãy share cho họ, đảm bảo họ sẽ không chỉ thưởng cho blog của bạn những lượt truy cập chất lượng nhất mà còn cảm ơn bạn ríu rít, nếu thấy blog của bạn hay họ sẽ nhớ mãi, truy cập nhiều lần sau này nữa. Đây chính là cách có được truy cập cho blog nhanh nhất.


5. Share bài viết lên Google+
Như bạn thấy từ khi facebook ra đời, dường như các mạng xã hội khác trong đó có Google+ dường như bị nhiều người lãng quên, nhưng những người làm blog, làm website không quên được nó. Bởi Google+ thật sự rất có ích cho SEO, với mỗi bài viết trên một blog mới toanh sẽ phải mất rất nhiều thời giản để các công cụng tìm kiếm để ý đến, nhưng khi được Google+ giới thiệu thì Google thật sự phải để ý, nhiều bài viết được chia sẻ lên Google+ có thể được lên top rất nhanh chóng, chỉ trong vài giây. Dù kết quả trong top đó chỉ liên kết đến Google+ (tức là chỉ bài chia sẻ lên top thôi còn bài gốc thì không) nhưng nó thật sự cho bạn một số lượt truy cập không nhỏ, tạo cho blog của bạn uy tín hơn, được Google và một số cung cụ khác chú ý hơn.


6. Share bài viết lên Twitter
Twitter là một trang mạng xã hội chỉ đứng sau facebook, đối với các blog nước ngoài thì việc chia sẻ bài viết lên mạng Twitter sẽ kéo được rất lượt truy cập, còn đối với blog Việt Nam thì có thể rất ít, nhưng vẫn rất có lợi cho SEO, vậy nên đừng bỏ qua nó nhé!


7. Share bài viết lên các diễn đàn
Bạn hãy tìm các diễn đàn có chủ đề liên quan đến blog của bạn rồi đăng các bài đăng rồi chèn liên kết liên quan lên đó, nếu diễn đàn có link chữ ký thì càng tuyệt vời. Nhiều diễn đàn chất lượng, rất đông thành viên, nếu bài viết của bạn chất lượng được đăng thì lượng truy cập từ đó cho blog của bạn không hề nhỏ. Nhưng hãy cẩn thận, đừng cố spam nhé! dễ bị ban nick lắm và không khéo sẽ bị Google cho blog của bạn vào tù luôn đó.


8. Bình luận lên các blog cùng chủ đề
Mục bình luận của đa số các blog đều có phần chèn website, do vậy hãy biết tận dụng chúng nhé! Bạn hãy thường xuyên ghé tham các blog có cùng chủ đề rồi để lại bình luận và nhớ chèn link blog của bạn trong khung điền website nhé! Cách này có thể kéo được rất nhiều độc giả từ blog của họ vào blog của bạn đó, đồng thời tạo cho blog những backlink chất lượng, rất tốt cho SEO. Tuy nhiên hãy cố gắng để lại những bình luận thật sự tự nhiên, tránh việc spam nhé!


9. Viết bài lên các blog khác
Hiện nay có khá nhiều blogger cần tuyển cộng tác viên viết bài, bạn có thể tham gia viết bài cho họ để được vài backlink hoặc kiếm tiền nhuận bút nếu muốn. Ngoài ra, bạn cũng có thể bỏ tiền ra thuê blog người khác để đăng bài giới thiệu, đặt link đến blog của bạn, cách này chắc chắn sẽ nhận được một lượng truy cập không nhỏ. Hãy cố gắng chọn những blog có cùng chủ đề hoặc có liên quan đến blog của bạn nhé!


10. Tiếp tục SEO


Những cách làm trên có thể cho bạn những lượt truy cập nhanh chóng, nhưng để lâu lài và bền vững bạn phải SEO cho blog, hãy tối ưu từng trang, từng bài viết trên blog của bạn thân thiện với người dùng và các công cụ tìm kiếm, đi kiếm những backlink chất lượng, nghiên cứu từ khóa và cho ra những bài viết chất lượng….mục đích cuối cùng là đưa nhiều từ khóa của blog lên top Google, khi đó blog của bạn sẽ tự động có thêm rất nhiều truy cập từ Google tìm kiếm.
Kết luận

Trên đây là những cách dễ dàng giúp bạn tăng lượt truy cập cho blog của mình. Hãy cố gắng làm đầy đủ, đừng bỏ sót cái nào, sẽ giúp bạn có được những lượt truy cập đầu tiên một cách nhanh chóng, có thể là ngay lập tức, và có thêm rất nhiều lượt truy cập tự nhiên sau này nữa, chắc chắc thành công sẽ sớm đến với bạn.

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

SHARE CODE TẠO EMOTICONS DƯỚI BÌNH LUẬN CHO BLOGSPOT

Tuann 1 Comment
Chào các bạn, Hôm Nay Mình Xin Chia Sẽ Code Emoticons Cho Blogspot, Không dài dòng nữa, chúng ta bắt đầu thôi!

code tạo biểu cảm dưới cmt blogger

TẠO CHỮ HIỆU ỨNG TRƯỢT DƯỚI CHÂN ĐƠN GIẢN CHO BLOGSPOT

Comment
Chào các bạn, hôm nay mình xin chia sẽ các bạn hiệu ứng trượt dưới chân chữ cực kì độc đáo để gây ấn tượng cũng như tô thêm vẻ đẹp, chuyên nghiệp cho blog của các bạn, cùng đi vào vấn đề chính nào :)))
Tạo Chữ Hiệu Ứng Trượt Dưới Chân Đơn Giản Cho Blogspot
Hình Minh Họa


Trượt từ trái sang phải

Trượt từ phải sang trái

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

Bước 1: Chèn CSS Sau đây vào trước ]]></b:skin>
.truot{display:inline-block}.truot:after{content:'';display:block;height:3px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}.truot:hover:after{width:100%;background:#138882}.truot2{display:inline-block;position:relative;padding-bottom:3px}.truot2:after{content:'';display:block;position:absolute;right:0;bottom:0;height:3px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}.truot2:hover:after{width:100%;background:#138882}
Bước 2: Chèn Đoạn Code bên dưới vào nơi muốn hiển thị.
Trượt Từ Trái Sang Phải
<div class="truot">
<b>Chữ Cần Tạo Hiệu Ứng</b></div>
Trượt từ phải sang trái
<div class="truot2>
<b>Chữ Cần Tạo Hiệu Ứng</b></div>

LỜI KẾT

Chỉ vài bước đơn giản trên các bạn đã có một hiệu ứng đẹp mắt cho blog của các rồi, nếu các bạn thấy hữu ích đừng quên cho mình 1 share và để lại 1 comment bên dưới nhé.
Chúc Các Bạn Thành Công!
Via: Star Cường IT