Bài đăng

Đang hiển thị bài đăng từ Tháng 11, 2017

Thăm nhà những blog bạn bè của tôi !

Hình ảnh
Hôm nay rảnh không có gì làm nên mình sẽ đi 1 chuyến 360 thăm nhà blog bạn bè của mình nhé ! Xem video phía dưới, du lịch cùng TKN nào ! Nhác làm Thumbnail :v Mình cứ nghĩ sau clip này sẽ hủy một vài liên kết nhưng như video, các bạn ấy tương tác rất tốt ! Đối với mình, liên kết blog không quan trọng lắm về lượt xem, chỉ cần hơn 20k views là được, chất lượng bài viết cũng đừng copy nhiều, chỉ cần tương tác tốt là ok thôi ! Cảm ơn các bạn đã xem bài viết, rảnh rỗi sinh nông nổi thế thôi ! Chúc các bạn một ngày tốt lành =)

Nghệ thuật bo tròn CSS trong Blogspot

Hình ảnh
Bài viết tản mản đầu tiên. Mà cũng không biết nó có phải tản mạn không nữa tại cái này liên quan đến Blogspot mà cái ý tưởng như cái thủ thuật vậy :v Nói đến đây chắc nhiều bạn vẫn chưa biết nghệ thuật bo tròn là gì và ngay cả mình cũng chỉ mới phát hiện ra nó mới cách đây 2 tiếng mặc dù mình đã làm rất nhiều lần nhưng chưa biết nó là 1 nghệ thuật :v Nghệ thuật bo tròn CSS nói nôm na là nghệ thuật "border-radius". Nói ngang đây chắc nhiều bạn biết chút ít về CSS cũng hiểu :v  Tại sao mình nói đây là nghệ thuật ? Bởi "hầu hết" (không phải là tất cả) các CSS, widget... khi sử dụng border-radius (bo tròn) sẽ làm chúng đẹp và trở nên tỉ mỉ hơn. Các bạn cứ thử xem :v Ví dụ nhé: - 1 avatar của những người bình luận các bạn thấy thế nào giữa 1 cái ảnh vuông và 1 cái ảnh tròn? Hẳn rất nhiều bạn sẽ cảm thấy tròn sẽ đẹp hơn bởi vì nó tạo ra 1 "đường cong mềm mại" với sự bo tròn "tỉ mỉ từng khung hình" :v - 1 ví dụ khác ở cái nút Back to Top và Back to Home

Hướng dẫn thêm biệt hiệu sau tên người bình luận cho Blogspot

Hình ảnh
TKN đã quay trở lại :v Trong thời gian vừa qua đã có rất nhiều bạn gửi yêu cầu viết thủ thuật đến mình. Đang lẽ cái bài viết hôm nay mà mình đăng sẽ không phải bài này đâu nhưng do thớt nó hối quá nên phải ra kẻo ẻm nó mong mặc dù chưa đầy 1 ngày :3 Như cái tiêu đề thì hôm nay mình sẽ hướng dẫn cho các bạn cách thêm biệt hiệu sau tên người bình luận cho Blogspot siêu đơn giản nhưng không hề dễ dàng thành công :3 Cái này chỉ áp dụng thẻ B:IF thôi nên cũng dễ hiểu lắm =))) Thumbnail by Huỳnh Hoài Bảo đập chai :3 Các bước thực hiện Bước 1:  Các bạn vào chỉnh sửa HTML, tìm đoạn dạng <div class='comment_name'>.  Trong đoạn code đó sẽ có 1 đoạn thường sẽ là: <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'> <data:comment.author/> </a> Các bạn thêm đoạn code dưới vào sau đoạn code bên trên là OK :v (nghĩa là sau cái thẻ đóng </a> ý :v) <b:if cond='data:comment.author == &quot; Trọng Khanh Nguyễn &

Hướng dẫn tối ưu Widget Top những người bình luận - Shared by Bác Sĩ Windows

Hình ảnh
Chào cả nhà. Lâu rồi không viết thủ thuật cho mọi người. Hôm nay sẽ là bài viết không phải về thủ thuật mà là vấn đề về thủ thuật Blogspot. Bài viết này chắc các SEOER sẽ quan tâm đấy. Nó sẽ không quan trọng đối với những bạn dùng Blog không quan tâm đến SpeedInsights . Nhác làm thumbnail nên mượn tạm ảnh của BSW vậy :3 Mặc dù title không phù hợp :v Gần đây thì Bác Sĩ Windows có share một widget Top những người bình luận cho Blogspot.  Vì nó được thiết kế bởi 1 bàn tay có kinh nghiệm lâu năm nên rất đẹp và được nhiều người dùng. Tuy nhiên sự đẹp lạ kì ấy lại làm cho những SEOER đang dùng widget này một sự lãng quên đối với SpeedInsights .  Tiện đây mình nói luôn.  SpeedInsights là công cụ test tốc độ tải trang cho Blogspot. Ở đây nhiều bạn cứ hiểu lầm là cái này nó sai, rồi đưa ra vài giả thiết bảo "Blog tôi 14 điểm vẫn load nhanh đấy thôi " ..v...v.. Hiểu theo nghĩa gốc thì là vậy. Đúng là đôi khi vào mấy cái web/blog mặc dù điểm trên  SpeedInsights nó không được cao nhưng

Widget Top người bình luận nhiều nhất cho Blogspot

Hình ảnh
 Hello các bạn đã quay trở lại với blog mình. Theo yêu cầu từ nhiều bạn thì hôm nay mình sẽ chia sẻ Widget Top bình luận mà mình đã test nó thành công mấy ngày qua :v Nó đơn giản chỉ là lọc số bình luận của từng ID rồi xếp hạng chúng chứ không dùng Host gì cả như nhiều bạn nói. DEMO Để thực hiện các bạn chỉ cần chèn đoạn code sau và nơi muốn hiển thị <style type="text/css"> .so_cmt {background: #e8e8e8; color: #adabab; padding: 3px; border-radius: 10px; padding-left: 5px; padding-right: 5px} .top-commentators b {border: 1px solid #4267b2; border-radius: 100%; padding: 6px; color: #fff; font-size: 13px; background: #4267b2; padding-left: 9px; padding-right: 9px} .top-commentators a {color: #4267b2} .top-commentators { margin: 3px 0; border-bottom: 1px dotted #ccc; padding: 8px; } .avatar-top-commentators { vertical-align:middle; border-radius: 30px; } .top-commentators .commenter-link-name { padding-left:0; } </style> <script type="text/javascript">

Tạo button Share hiệu ứng đẹp cho Blogspot

Hình ảnh
 Hello các bạn. Hôm nay mình sẽ chia sẻ cho các bạn 1 button Share bài viết với hiệu ứng cực đẹp dạng mở Tab. DEMO Để làm được nó rất đơn giản chỉ cần thêm đoạn code sau vào nơi muốn hiển thị trong theme của bạn: <style> .share-btn { position: absolute; background-color: #f7f7f7; ; border-radius: 100px; width: 200px; height: 72px; box-shadow: 0 5px 10px rgba(0, 0, 40, 0.03); transition: all 0.4s cubic-bezier(0.3, 0, 0, 1.3); overflow: hidden; cursor: pointer; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-family: Roboto; } .share-btn .cta { position: absolute; color: #f5ce67; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; transition: all 0.25s ease-in-out; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .share-btn .close { position: absolute; right: 38px; top: 31px; cursor: pointer; color: #cfd2d9; font-size: 20px; opacity: 0; transition: all 0.4s cubic-bezier(0.3, 0, 0, 1.3); transform: rotate(-45deg); transform-ori

Tối ưu tốc độ tải trang cho Blogspot

Hình ảnh
Hello xin chào các bạn đã quay trở lại với Blog TKN :v Sau nhiều ngày edit blog thì mình khi kiểm tra Speed Google thì nó rất chậm, từ 73 điểm khi mới thay theme sau edit xuống còn 50. Nhưng sau đó, mình đã tìm tòi, khám phá tài liệu trên mạng để đúc kết một vài kinh nghiệm giúp tối ưu, tăng tốc độ tải trang cho Blog. Việc này giúp ích rất nhiều trong việc SEO của các bạn. Bắt đầu nhé ! Như các bạn đã thấy, ban đầu blog mình khá nặng, nhưng sau những cách làm dưới đây, tốc độ nó nhanh hẳn. Cùng thực hiện nào ! 1. Loại bỏ JavaScript và CSS chặn hiển thị trong nội dung trong màn hình đầu tiên Ở bước này, Google nó sẽ không cảnh báo đúng 100% mà dường như là sai be bét (đối với blog mình) :v Khi bạn chạy phân tích, nó sẽ báo lỗi Javascript chặn hiển thị ở phần Loại bỏ JavaScript và CSS chặn hiển thị trong nội dung trong màn hình đầu tiên. Để loại bỏ VD đoạn JS là  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/> Thì bạn chỉ cần thêm async='asy

Liên kết bạn bè - Bài viết đầu tiên

Hình ảnh
Như tiêu đề bài viết thì đây là bài viết đầu tiên của mình. Và cũng rất vui khi được mọi người ủng hộ làm lại blog qua bao nhiêu sóng bão. Hôm nay bài viết này với mục đích được liên kết với những blog khác nhằm mục đích trao đổi, giao lưu, học hỏi ! Đây là blog cá nhân chính thức của mình. Trong quá trình viết blog thì mình rất mong được kết nối với nhiều Blogger khác với cùng một mục đích chia sẻ. Để liên kết với blog mình rất đơn giản chỉ cần comments phía dưới với nội dung: Tiêu đề Blog và Ảnh là OK. P/S: Hiện tại mình đang quản lý web: linkthuthuat.com  (website chia sẻ liên kết thủ thuật). Nó có lượng truy cập mỗi ngày khá cao tầm 5-10k views. Các bạn có blog viết về thủ thuật thì mình rất mong được hợp tác với các bạn. Để hợp tác thì các bạn có thể xem qua tại link: linkthuthuat.com/hop-tac . Cảm ơn các bạn đã đọc bài viết và chúc một ngày tốt lành (bài viết ngắn mà đúng không :v) Vì logo liên kết của nhiều blog đã không tuân thủ nên mình đã reset all liên kết và mất phần logo.