Thủ Thuật Bloggernoreply@blogger.com (Duy Pham)Wed, 28 Oct 2026 06:39:47 +0700Blogger http://www.blogger.com80125http://www.duypham.net/en-usnoThủ Thuật Bloggernoreply@blogger.comhttp://www.duypham.net/2019/06/tao-dark-mode-cho-blog-website.htmlHTML-CSSJavaScriptnoreply@blogger.com (Duy Pham)Mon, 10 Jun 2019 01:51:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5942772468398605665Cùng theo trào lưu Dark mode thì bài viết này sẽ giúp bạn đưa vào blog/website của mình nút bật tắt chế độ tối. Không những bật tắt bằng tay mà còn có chế độ tự động bật tắt theo giờ nhất định. Tính năng tự động này hiện tại mình chưa thấy blog/website nào có kể cả Youtube hay Twitter. Ngoài ra thì những thiết lập này được lưu lại trên trình duyệt và khi người dùng truy cập lần sau thì chế độ tối178http://www.duypham.net/2019/04/loai-bo-css-va-javascript-mac-dinh-cua-blogger.htmlBloggerXMLnoreply@blogger.com (Duy Pham)Wed, 17 Apr 2019 11:11:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-2939355657873686836Khi thiết kế một template mình luôn muốn làm chủ hoàn toàn nó. Có 2 thành phần CSS và Javascript được Blogger tự động thêm vào, chính vì vậy chúng ta không chỉnh sửa được. Để template được hoàn toàn "sạch sẽ" ta sẽ loại bỏ 2 thành phần này. Loại bỏ Javascript mặc định của Blogger Javascript mặc định của Blogger có dạng như sau: Bao gồm một liên kết bên ngoài và một đoạn nhúng trực tiếp 37http://www.duypham.net/2017/12/danh-so-thu-tu-cho-popular-posts.htmlBloggerWidgetnoreply@blogger.com (Duy Pham)Sun, 10 Dec 2017 13:14:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-1812716483108824428Bài viết gần nhất trên Duy Pham đã tận 3 năm, điều mà khi lập blog này mình không nghĩ lại "treo" lâu vậy. Phần vì Blogger thời điểm đó ít tính năng và dần bão hòa, phần vì công việc mình bận không chăm chút cho blog được. Ở bài viết này ngoài tạo cho Popular Posts một diện mạo và tính năng mới mình còn giới thiệu cho mọi người biết về XML Blogger với hàm resize ảnh và hiển thị số đếm. Ở bài viết44http://www.duypham.net/2014/11/sua-loi-xuong-dong-tren-google-chrome-39.htmlBloggerFixesnoreply@blogger.com (Duy Pham)Mon, 24 Nov 2014 21:41:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-7034490351505493304Vừa qua trình duyệt Google Chrome đã chính thức cập nhật lên phiên bản 39 và thật tệ là gây ra lỗi đối với website Tiếng Việt. Cụ thể một vài dòng chữ của thẻ liên kết sẽ bị xuống dòng. Đây là lần thứ 2 mình gặp phải lỗi về hiển thị đối với trình duyệt này, lần trước liên quan đến thẻ option. Thành phần nào sẽ bị lỗi xuống dòng? Chữ nằm trong thẻ liên kết a. Thẻ a này nằm trong thẻ cha mẹ 53http://www.duypham.net/2014/11/popular-labels.htmlBloggerWidgetnoreply@blogger.com (Duy Pham)Wed, 19 Nov 2014 10:32:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-8683593060067015944Trong widget Label thì việc hiển thị nhãn theo tần suất vốn có sẵn. Thủ thuật này sẽ giới hạn số lượng nhãn được đưa ra và gọi với cái tên Popular Labels, có nghĩa chỉ một vài nhãn có nhiều bài viết nhất được hiển thị trên widget. Trước khi bắt tay thực hiện hãy chắc chắn bạn đã có widget Label trên blog. Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của 23http://www.duypham.net/2014/09/kieu-trang-index-cua-blogger.htmlBloggerXMLnoreply@blogger.com (Duy Pham)Tue, 23 Sep 2014 02:47:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5245666588877222903Trong bài viết Tìm hiểu kiểu trang của Blogger mình có đề cập chung về các kiểu trang của Blogger. Ở bài viết này mình sẽ đi vào giới thiệu riêng về Index - kiểu trang đa dạng nhất của Blogger. Kiểu trang Index có câu lệnh điều kiện là <b:if cond='data:blog.pageType == "index"'>. Trong kiểu trang Index chia làm 3 kiểu trang con: All posts (Danh sách bài đăng trong blog), Label (Danh 66http://www.duypham.net/2014/02/auto-author-box-for-blogger.htmlBloggerPostnoreply@blogger.com (Duy Pham)Wed, 5 Feb 2014 17:40:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-3589328519614114243Cuối cùng thì Blogger cũng có Author box một cách tự động. Hãy chào mừng 2 thẻ Blogger XML mới: <data:post.authorPhoto.url/> và <data:post.authorAboutMe/>. Đây chính là url ảnh đại diện và thông tin giới thiệu về người viết bài được lấy từ Blogger profile hoặc Google profile. Từ giờ những thay đổi profile như sửa ảnh đại diện, thêm bớt thông tin hoặc blog có thêm nhiều cộng tác viên 52http://www.duypham.net/2013/05/thanh-dieu-khien-cuon-trang-cho-blog.htmlBloggerToolsnoreply@blogger.com (Duy Pham)Sun, 5 May 2013 02:55:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-6821657539799545417Trong quá trình duyệt web hẳn mọi người thường dùng chuột giữa để cuộn trang, hoặc có ai như mình cài Synaptics Touchpad để cuộn trang theo kiểu xoắn ốc rất tiện dụng? Tuy nhiên 4 phím chức năng: Home, Page Up, Page Down và End sẽ giúp ngón tay bớt thao tác hơn, nhất là khi đọc những đoạn văn dài. Mình sẽ hướng dẫn các bạn mang 4 chức năng này vào blog và được điều khiển bằng bấm chuột, ngoài ra 63http://www.duypham.net/2013/04/auto-readmore-for-blogger-2013.htmlBloggerPostnoreply@blogger.com (Duy Pham)Mon, 22 Apr 2013 18:40:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5531101788281255297Trước đây mình đã giới thiệu Auto readmore không sử dụng javascript cho Blogger với khả năng tăng tốc cho blog và thân thiện với các bộ máy tìm kiếm. Một trong những nhược điểm mình nhận được qua nhận xét của các bạn là hình ảnh hơi nhỏ. Dùng javascript có thể nâng cao kích cỡ ảnh mà không làm ảnh bị nhòe, tuy nhiên vì tiêu đề là không sử dụng javascript nên mình không cập nhật thêm. Trong bài 42http://www.duypham.net/2013/04/hien-thi-avatar-nguoi-viet-bai-ben-canh-tieu-de-bai-viet.htmlBloggerPostnoreply@blogger.com (Duy Pham)Wed, 17 Apr 2013 04:38:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-1764921532008385632Thủ thuật hướng dẫn các bạn thêm bên cạnh tiêu đề bài viết avatar của người viết bài. Việc hiển thị avatar này giúp mọi người dễ dàng nhận biết nhận xét của người viết bài khi người đó viết nhận xét. Ngoài ra nếu blog bạn có nhiều cộng tác viên viết bài thì nó giúp phân biệt những người viết bài khác nhau. Và tất nhiên việc hiển thị avatar này là hoàn toàn tự động, sẽ tự cập nhật nếu người viết41http://www.duypham.net/2013/01/button-cancel-reply-for-thread-comment.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Sat, 26 Jan 2013 17:12:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-7134862376747743846Cancel reply là hủy bỏ hành động Reply, nó là nút thường có trong Thread Comment. Trong Blogger nó chính là nút Add comment, có điều nút này nằm dưới cùng danh sách nhận xét và như vậy khi muốn hủy bỏ Reply người nhận xét phải kéo con trỏ chuột xuống hết danh sách nhật xét mới gặp. Thủ thuật này sẽ hiển thị nút Cancel reply ngay trên khung nhận xét khi reply. Thêm đoạn mã dưới đây vào sau đoạn116http://www.duypham.net/2013/01/chen-emoticons-anh-youtube-nhaccuatui-vao-thread-comment.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Fri, 18 Jan 2013 23:34:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5876343255741044259Phiên bản tiếp theo của Emoticons & Multimedia for Thread Comment. Ở phiên bản trước thì việc chèn ảnh, Youtube và Nhaccuatui cần đặt trong thẻ [img], [youtube] và [nct]. Phiên bản này việc chèn sẽ đơn giản hơn, tự động nhận biết đường dẫn ảnh, Youtube hay Nhaccuatui trong nhận xét và hiển thị nó bên dưới nội dung nhận xét đó. Phần mở rộng của ảnh được hỗ trợ là png, jpg, gif và bmp. 86http://www.duypham.net/2013/01/sitemap-for-blogger.htmlBloggerPostnoreply@blogger.com (Duy Pham)Tue, 8 Jan 2013 17:04:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5185923221748578387Sitemap được sử dụng cho blog có khối lượng bài viết nhiều để giúp độc giả dễ tìm kiếm cũng như quan sát tổng thể các bài viết trên blog của bạn. Những sitemap hiện nay đều có nhược điểm là tải toàn bộ dữ liệu từ feed dẫn đến tốc độ chậm, ngoài ra với blog có trên 500 bài viết thì những bài viết cũ sẽ không được hiển thị. Sitemap mình viết dưới đây sẽ khắc phục những nhược điểm đó. Sitemap được120http://www.duypham.net/2012/12/them-nut-like-cho-thread-comment.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Tue, 18 Dec 2012 05:29:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5427600492763799990Ở bài viết trước đây mình có hướng dẫn tạo nút Like cho những nhận xét. Tuy nhiên nó có nhược điểm là nếu bài viết càng nhiều nhận xét thì tốc độ tải trang càng chậm theo, và đó là dành cho phiên bản nhận xét cũ của Blogger. Trong bài viết này mình sẽ hướng dẫn tạo nút Like cho nhận xét ở phiên bản Thread Comment mới. Vẫn được sử dụng tiện ích Star Ratings "cây nhà lá vườn" của Blogger tuy nhiên 52http://www.duypham.net/2012/12/mang-tuyet-va-cay-thong-noel-vao-blog.htmlBloggerToolsnoreply@blogger.com (Duy Pham)Tue, 11 Dec 2012 21:48:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5587153021143648852Không khí Giáng sinh đã bắt đầu trên các con phố, các bạn đang trang hoàng nhà cửa để đón một mùa Giáng sinh mới? Đừng quên ngôi nhà ảo trên Blogger cũng cần được trang trí. Bài viết này sẽ giúp bạn mang tuyết và cây thông Noel về cho blog của mình. Thêm đoạn mã dưới đây vào sau thẻ <body> trong template của bạn. <script type='text/javascript'> //<![CDATA[ document.write('&lt43http://www.duypham.net/2012/11/recent-comments-style-windows-8.htmlBloggerWidgetnoreply@blogger.com (Duy Pham)Sat, 10 Nov 2012 06:19:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-638988195106611130Windows 8 chính thức được phát hành vào cuối tháng 10 vừa qua và đang tạo nên một cơn sốt thực sự. Mình cũng không phải là ngoại lệ khi bị lôi cuốn bởi vẻ đẹp đầy màu sắc mà đơn giản của nó. Và kết quả là phiên bản tiếp theo của Recent Comments với style theo phong cách Messaging trên Windows 8. Preview Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn. #61http://www.duypham.net/2012/10/nang-cap-tien-ich-thong-ke-blog.htmlBloggerWidgetnoreply@blogger.com (Duy Pham)Wed, 24 Oct 2012 20:29:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-4968905526323155624Đây là phiên bản nâng cấp cho tiện ích Thống kê blog có sẵn của Blogger. Ngoài số lượt truy cập blog thì mình có thêm thống kê tổng số bài viết và tổng số nhận xét cho tiện ích này. Và dữ liệu cho 2 thống kê này được lấy từ feed với dung lượng nhỏ nhất. Vì sử dụng đến dữ liệu từ feed nên blog bạn áp dụng phải ở chế độ mở cho tất cả người đọc. Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]>67http://www.duypham.net/2012/10/mau-nen-rieng-cho-bai-viet-xem-nhieu-nhat.htmlBloggerPostnoreply@blogger.com (Duy Pham)Mon, 8 Oct 2012 00:53:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-6160964993597137032Thủ thuật này sẽ thay đổi màu nền của blog bạn khi truy cập vào bài viết được xem nhiều nhất. Bài viết xem nhiều nhất thống kê theo widget Popular Posts, do đó blog bạn cần phải có widget này. Cách 1: Sử dụng JavaScript. Thêm đoạn mã dưới đây vào trước thẻ </body> trong template của bạn. <b:if cond='data:blog.pageType == "item"'> <script type='text/31http://www.duypham.net/2012/05/loi-cam-on-toi-nguoi-vua-nhan-xet.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Mon, 14 May 2012 12:23:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-956093217309249031Một thủ thuật nữa cho Thread Comment, đây là thủ thuật sẽ hiển thị lời cảm ơn tới người vừa nhận xét trên blog của bạn. Đó là nhận xét của người đã đăng nhập tài khoản Blogger, và tất nhiên chỉ hiển thị cho mình người đó xem. Preview Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn. .comments .thanks-comment{position:relative;margin:10px 0;padding-left:190http://www.duypham.net/2012/05/sua-loi-gan-nhan-author.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Mon, 7 May 2012 17:01:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-3284962266856642528Trước đây trong bài Thêm chú thích cho nhận xét của tác giả bài viết mình có đề cập đến sai lầm trong việc chỉ so sánh sự giống nhau giữa tên tác giả bài viết và tên người nhận xét để gán nhãn Author. Ở Thread Comment mới Blogger đã làm việc này sẵn cho chúng ta, tuy nhiên chỉ so sánh 2 dữ liệu là tên và địa chỉ Blogger profile. Điều này có nghĩa khi người nhận xét chọn Tên/URL và nhập Tên là tên37http://www.duypham.net/2012/05/danh-so-thu-tu-cho-nhan-xet.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Sat, 5 May 2012 15:28:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-4979017356151676437Thread Comment cơ bản đã là trực quan, tuy nhiên một số bạn còn muốn thêm đánh số thứ tự cho nhận xét. Việc đánh số thứ tự cho nhận xét giúp chỉ đích danh nhận xét đó và bài viết này sẽ giúp bạn làm điều đó. Số thứ tự được ghi theo thời gian nhận xét, có nghĩa nhận xét nào có trước sẽ được đánh số trước, nhận xét nào có sau sẽ được đánh số sau. Vì Thread Comment không sắp xếp theo thời gian nhận 46http://www.duypham.net/2012/04/di-chuyen-ghi-chu-theo-khung-nhan-xet.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Mon, 23 Apr 2012 11:38:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-1637530196072103839Một trong những điều khó chịu khi sử dụng Thread Comment của Blogger là khi reply lại nhận xét nào đó thì chỉ khung nhận xét di chuyển tới vị trí cần reply. Sẽ chẳng ra sao khi khung nhận xét và phần ghi chú nhận xét mỗi thứ ở một nơi. Thủ thuật sau đây sẽ giúp bạn mang phần ghi chú nhận xét đi theo khung nhận xét mỗi khi nhấn reply. Và không chỉ phần ghi chú nhận xét, bạn có thể thêm phần chú 49http://www.duypham.net/2012/04/nice-style-thread-comment-for-blogger.htmlBloggerCommentThread-Commentnoreply@blogger.com (Duy Pham)Sat, 21 Apr 2012 14:56:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-5564432734610903470Đây là một style dành cho Thread Comment mặc định của Blogger. Với style này khung nhận xét của bạn trở nên trực quan hơn khi có sự phân biệt rõ ràng giữa nhận xét reply và nhận xét được reply. Nhận xét của tác giả bài viết được gắn thêm ribbon để phân biệt với các nhận xét khác. Style này được thiết kế theo đúng phong cách mình vẫn theo đuổi lâu nay: đơn giản, rõ ràng và hiện đại. Style này là 103http://www.duypham.net/2012/03/thiet-ke-trang-bao-loi-404-cho-blogger.htmlBloggerPostnoreply@blogger.com (Duy Pham)Thu, 22 Mar 2012 17:47:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-3006379499016140334Hôm nay Blogger cập nhật thêm rất nhiều tính năng về SEO vô cùng mạnh mẽ. Đầu tiên là Meta Description tag (trước đây muốn thêm nó chúng ta phải khai báo trong template), câu lệnh tương ứng là data:blog.metaDescription. Điều mình đánh giá cao nhất là có thể đặt Meta Description tag tương ứng trong từng bài viết, tính năng này mới giới thiệu chứ chưa thấy xuất hiện trong phần cài đặt bài viết. 91http://www.duypham.net/2012/03/cool-popular-posts.htmlBloggerWidgetnoreply@blogger.com (Duy Pham)Fri, 9 Mar 2012 18:18:00 +0700tag:blogger.com,1999:blog-6628069224773557671.post-914564765986639707Đây là bài viết thứ 4 trên Duy Pham Blog liên quan đến widget Popular Posts và là bài thứ 2 chỉ tập trung vào thiết kế. Bài viết hướng dẫn bạn tạo Popular Posts có giao diện như hình dưới. Ban đầu mình định sử dụng CSS 3 tuy nhiên vì muốn hiển thị cả trên IE7 nên lại chuyển về CSS 2, trong đó thì việc đánh số là CSS 2.1 nên trên IE7 không có đánh số thứ tự. Trong bài viết này mình sẽ áp dụng 71