Blog Tips Tutorials

List :
1, Basic tips
2, Advanced tips
3, Order tips
4, SEO tips

Basic Tips

1 Script làm thay đổi màu link liên kết1 Thủ thuật nhỏ cho các liên kết bằng hình ảnh1 vài Email icon động18 đọan code CSS ngắn - Rất có ích cho việc chỉnh sửa code CSS của template2 site cung cấp tiện ích "Bài viết xem nhiều nhất (Popular Posts)"3 widgets Language translator4+ Hiệu ứng TEXT đơn giản từ CSS4+ giải pháp cho việc chèn Javascript vào template blog8 thủ thuật để thiết kế 1 blog chuyên nghiệp với BloggerAdd widget các trang xã hội vào bài viếtẢnh rõ hơn khi rê chuột vào, một ứng dụng của JavascriptẨn liên kết bài viết mới hơn, bài viết cũ hơn ở mỗi bài viếtẨn ngày đăng bài viếtẨn thanh Navbar của blogspotẨn tiêu đề và mô tả trên HeaderBiến bài viết của bạn thành 1 tạp chíBiến blogspot thành WeblogBo 2 cạnh bên với CSS dùng hình ảnhBo góc cho ảnh (trực tuyến) với roundpic.comChèn ảnh luôn hiện ở phía trước BlOg của bạnChèn Box Google Search vào blogChèn code vào bài viết + trang trí cho khung hiển thị code (sử dụng CSS)Chèn code vào bài viết với javascript + CSS (pro)Chèn Code Google Adsense bên dưới mỗi bài viếtChèn file flash vào blog + và một vài dịch vụ cho phép upload file flashChèn Google talk vào blogChèn logo vào tiêu đề bài viếtChèn 1 đoạn nhạc , 1 bài hát vào blog dễ dàng với muzicons.comChèn tiện ích download video từ YouTube vào blogChèn thêm nút "Save As PDF" vào bài viết trong blogChèn thêm phần "Thêm tiện ích" cho Header và MainCode tạo List Bookmarks cho mỗi bài viếtGắn biểu tượng chát Yahoo (Hỗ trợ trực truyến) vào blogHiệu chỉnh tiêu đề cho BlOgHiểu rõ hơn về bố cục Blog của blogspot : Dành cho người mới bắt đầu tập chỉnh sửa CSSHướng dẫn giữ các widget khi thay template mới cho blogKhắc phục tình trạng nhà cung cấp mạng ngăn chặn không cho truy cập blogspotKhắc phục việc không xem được từ xác minh khi commentMẹo nhỏ cho sọan thảo bài viết : thay đổi style "đánh số thứ tự "Những lưu ý khi viết mã CSSMẹo nhỏ cho việc hiển thị ảnh và văn bản trên cùng 1 hàngMột "Mẹo" nhỏ cho việc sọan thảo bài viếtRemove Header và thay thế bằng ẢnhThay đổi liên kết Bài đăng cũ hơn, bài đăng mới hơn bằng hình ảnhTạo favicon cho web(blog) dễ dàng với favicon.ccTạo hiệu ứng "Loading..." cho BlOg - cực kì đơn giảnTạo khung profile nho nhỏ về thông tin của bạn ở sidebarTạo menu dropdown từ các nhãnTạo nút Digg cho bài viếtTạo nút lên đầu trang dùng jQueryTạo nút lên đầu trang, xuống cuối trang đơn giản với javacsript:scrollTạo một trang RSS nhắc nhở công việc hay sự kiện nào đóTop 5 Blogger TemplatesThủ thuật cho bài viết : Tạo phong cách bài viết giống như báo Tuổi TrẻThủ thuật cho bài viết : Thay đổi các kí tự đầu dòng của danh sác bằng hình ảnhThủ thuật cho phép hiển thị widget ở nhưng trang nhất định trong blogThủ thuật cho quản trị Blog - Tạm ngưng họat động của blog để bảo trìTổng hợp những template cực cool cho blogThủ thuật xóa đọan Message của Blogger SearchXóa đường viền của ảnhXóa số điếm sau mỗi Nhãn (Label)

Advanced Tips

9+ Menu sidebar sử dụng CSS - Blog designẨn sidebar khi xem bài viếtBo góc với CSS : Bo 4 góc, 2 góc trên, 2 góc dưới... dùng hình ảnhBo góc với CSS3Bo góc với lệnh CSSBộ sưu tập 31 style menu nằm ngangChèn tiện ích các bài liên quan (Có ảnh thumbnail) từ LinkWithinChèn biểu tượng vui vào khung sọan thảo của bài viếtChèn hẳn Form Liên hệ từ kontactr.com vào blogChèn tiện ích SnapShot vào blogChia header thành 2 cộtChia Post footer thành nhiều cộtChỉnh sửa Footer của bài viếtChỉ cho phép hiển thị tiêu đề bài viết ở trang Archive và NhãnCSS menu liDock - Một dạng menu DockĐếm ngược sự kiện với jQueryHeader Tip : Hình ảnh bên trái và tiêu đề bên phảiHiển thị ảnh của tác giả ở tiêu đề mỗi bài viếtHiện ngày đăng(dạng lịch xé) trước mỗi bài viết trong BlOgHiển thị tên những người đã comment ngay bên dưới bài viếtHiển thị thông tin bài viết phía trên tiêu đề khi xem bài viếtHiệu ứng show ảnh từ jQueryHướng dẫn rút ngắn tiêu đề bài viết cho tiện ích "Recent posts"Khắc phục nhược điểm từ thủ thuật "Tạo thanh menu nằm ngang có sổ dọc"Làm cho nút "Read More..." (Đọc thêm) trông pro hơnMenu dọc sổ ngang - Chỉ sử dụng CSSMenu nằm ngang - Hiệu ứng sổ menu con kiểu 1 hàng ngang (Mootools effect)Menu sidebar (Main Menu and Submenu) hiệu ứng cực cool - Mootools effectMenu sổ dọc dạng tab - Click to Hide/Show (not Hover)Modify Form comment : Bài 0 - Làm cho bài comemt trông đẹp mắt hơnModify Form comment : Bài 1 -Tạo một form comment mang phong cách riêng cho tác giảModify Form comment : Bài 2 - Tạo style cho bộ đếm số bài commentModify Form comment : Bài 3 - Tạo bảng "Nội quy Comment" cho Form CommentModify Form comment : Bài 4 - Tạo một thông báo "Bài viết hiện chưa có nhận xét nào" cho bài viết chưa có nhận xétModify Form comment : Bài 5 - Tạo thanh trượt cho vùng hiển thị các bài commentModify Form comment : Bài 6 - Thêm biểu tượng vui cho comment + Ẩn hiển bảng chú thích các biểu tượngModify Form comment : Bài 7 - Form comment mới cho blogger từ DISQUSModify Form comment : Bài 8 - Tạo số đếm cho các commentModify sidebar : bo góc header và tạo border (đường viền) cho các widget ở sidebarModify Template for blog : Thay đổi 1 chút về style cho bài viếtPro label widget v1.0 - Tạo một tab label với Link RSS + hiển thị các bài viết của label đóPro label widget v1.1 - khắc phục hạn chế của bản v1.0Side menu : Hiệu ứng động (một ứng dụng của mootools)Style mới cho tiện ích "Recent post" theo label ở HomepageTabNEWS giống trang mp3.zing.vnTabNEWS hiển thị bài viết từ 1 nhãn RandomTab Menu cực cool cho blog với jQueryTạo 1 menu Drop Down đơn giảnTạo ảnh nền (chữ kí) cho bài viết ứng với từng tác giảTạo Banner randomTạo bảng "Admin Control Panel" vào blog của bạnTạo "Bộ từ khóa tự động" cho bài viếtTạo các dòng thông báo kiểu gõ văn bảnTạo các tab chuyên mục nổi bật cho blog với việc tích hợp tiện ích "Tự động cập nhật bài viết mới"Tạo các Tab nội dungTạo cửa sổ popup khi rê chuột vào ảnh trong bloggerTạo chạy chữ với lệnh Marquee (Nâng cao)Tạo chữ kí online với Mylivesignature.com và ứng dụng của nó cho blogTạo Form comment giống WorldpressTạo Form Liên hệ với Kontactr.comTạo hiệu ứng mô tả cho link liên kết - Sử dụng JavascriptTạo List catalog từ các nhãnTạo link RSS feed cho từng nhãnTạo menu chính ở sidebar (Hiển thị icon kết hợp hiệu ứng dịch trái)Tạo menu dạng cây thư mục vào blogTạo nút "Mở rộng/Thu gọn" bài viết (Bonus : kèm theo hướng dẫn tạo tiện ích "Read More...")Tạo nút nhấn cho phép ẩn hiển các widget khi click vào nóTạo menu dọc ở sidebar từ các nhãnTạo một tab label với Link RSS + hiển thị các bài viết của label đóTạo một trình nghe nhạc MP3 mang phong cách của riêng bạn vào blogTạo tab có hiệu ứng trượt khi rê chuột vào buttonTạo tab có nội dung trượt liên tục theo thời gian - Ứng dụng của MootoolsTạo tab nội dung với CSSTạo Tag Cloud (Label) Dạng Flash Trên BlogspotTạo thanh Navbar News (hiển thị bài viết mới nhất) với hiệu ứng chạy chữTạo tiện ích "đánh giá bài viết" nằm ở dưới mỗi bài viếtTạo tiện ích đóng, mở tab nội dung (thực hiện online trên web)Tạo tiện ích đóng, mở tab nội dung (version 2 - thực hiện trên blog)Tạo thanh navbar "breadcrumb" đơn giản cho mỗi bài viếtTạo thanh Navbar luôn hiển thị phía trên (dưới) của blogTạo thanh menu nằm ngang có sổ dọc - Dùng hiệu ứng ảnhTạo Thanh menu ngang có sổ dọc xuốngTạo thanh menu ngang với hiệu ứng từ jQueryTạo thanh "Page Navigation" (phân trang) cho blogTạo thanh TabNews khá ấn tượng với jQueryTạo thanh tin tức (Hot News) dạng tab - trượt ngang cho blog (Mootools)Tạo Top panel nội dụng trượt lên xuốngTạo widebar cho các template 3 cộtTiện ích Automatic Post Summary cho blog (sử dụng javascript)Tiện ích "Bài viết mới nhất - có ảnh thumbnail" có kèm theo hiệu ứng hiện thị mô tả bài viết khi rê chuộtTiện ích "Bài viết mới nhất - có ảnh thumbnail" kết hợp với hiệu ứng slide từ jQueryTiện ích hiển thị bài đăng ngẫu nhiên dạng flash, thay đổi theo thời gianTiện ích : Hiển thị bài viết có nhiều comment nhấtTiện ích hiển thị bài viết trong blog dạng Tab CuộnTiện ích hiển thị số bài viết và số bài commentTiện ích hiển thị số lần đọc bài viếtTiện ích hiển thị số lần đọc bài viết - Version 2Tiện ích lưu trữ BlOg dưới dạng lịchTiện ích Recent posts tích hợp hiệu ứng từ jQuery (dạng slideshow)Tiện ích "Recent posts" với hiệu ứng trượt từ jQueryTiện ích :Top 10 Authors cho blogspot (Blogger)Tiện ích "Top 10 Labels" cho BloggerThay đổi tốc độ chạy chữ (ảnh) bằng cách rê chuột (Javascript)Thêm hiệu ứng show ảnh từ jQuery vào tiện ích "Gallery Recent Posts"Thu gọn, Mở rộng Tab dữ liệu (tabs có bo góc) - Sử dụng CSS kết hợp hiệu ứng của MootoolsThủ thuật tạo link RSS nằm sau mỗi nhãn ở cuối bài viếtThủ thuật tạo nhiều cột widget trong blogTop những người comment nhiều nhấtTổng hợp các style cho tiện ích "Recent posts with thumbnail" (có thể yêu cầu style khác ở đây)Trang trí cho tab RSS FeedỨng dụng bo góc : Trang trí khung cho mỗi bài viết dùng ảnh. (một thủ thuật khá phức tạp)Ứng dụng của thủ thuật Random Posts : Tạo widget bài viết ngẫu nhiên từ 1 nhãn nhất địnhWidget bài viết liên quan - version 1 - Không sử dụng CSSWidget bài viết liên quan - Version 2 - Có sử dụng CSS

Order Tips

Ẩn 2 cột sidebar và hiển thị cột sidebar thứ 3 khi xem bài viết (dùng cho template 3 cột)Ẩn bài viết ở trang chủẨn hiện bài viết khi click vào buttonChỉ cho phép widget hiển thị ở 1 trang Label nhất định + Chèn code quảng cáo vào giữa bài viếtChèn 1 box nhỏ hiển thị các bài liên quan vào ngay trên đầu bài viếtDi chuyển Form comment lên trên , trước phần Comment BlocksHiển thị bài viết ngoài trang chủ giống như trang tin247.comHiển thị bài viết ngoài trang chủ giống như trang tin247.com Final versionHiển thị comment dạng nâng caoHướng dẫn tổng quát việc chèn Flash vào headerTạo bài trắc nghiệm đơn giản cho blogTạo bookmark "Sharing is sexy !"Tạo button cho phép bạn ẩn/hiện nội dungTạo button "Gửi Bài Viết" cho các thành viên trong BlOgTạo menu dock cho BlogTạo menu giống trang VnExpress.net (cập nhật)Tạo mô tả cho link trong bài viếtTạo 1 BOX hiển thị random nội dung khi reload trangTạo widget recent posts (Hiển thị dạng Gallery) cho các NhãnThêm các tiện ích cho Post footerThiết lập Password để xem bài viếtThủ thuật tạo trang FAQ : Nhảy tới phần trả lời tương ứng khi click vào 1 câu hỏiTiện ích "Related Posts" với hiệu ứng mô tả bài viếtTiện ích cho phép thay đổi hình nền theo ý muốnTrang trí cho widget Label và BlogrollTrình diẽn bài viết dạng Slide với jQueryTùy chỉnh vị trí các cột trong template 3 cộtTùy chỉnh số bài viết hiển thị ở trang LabelXóa (ẩn) biểu tượng chỉnh sửa nhanh widget

SEO Tips

11 ways to increase your RSS feed subscribers count