Tạo trang diễn đàn cho Blogger
Diễn đàn (Forum) hoàn toàn khác với Blog. Diễn đàn là nơi người đọc có thể liên hệ tương tác với nhau, tạo các chủ đề thảo luận để cùng chia sẻ thông tin hữu ích một cách dễ dàng.
Xem Demo.
Trên Blogger, bạn không được phép tạo tên miền phụ hay thư mục mới để mà có thể thiết kế được một diễn đàn. Vì thế nếu bạn muốn có một trang diễn đàn trên Blogger thì bạn phải cần một thủ thuật nào đó. Và thủ thuật sau đây sẽ giúp bạn thực hiện được yêu cầu này.
1. Sau khi đăng nhập Blogger, bạn cần tạo một trang tĩnh (static page). Vào Design >> Posting >> Edit Pages >> New Page và tạo một trang có tiêu đề là forum. Ghi nhớ liên kết của trang forum có dạng như thế này:
http://yourblogname.blogspot.com/p/forum.html.
2. Tạo một diễn đàn miễn phí tại Nabble: Bạn điền thông tin cá nhân vào Form đăng ký, quan trọng nhất là địa chỉ email và mật khẩu đăng nhập. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn. Bạn cần ghi nhớ mật khẩu đăng nhập.
Trong quá trình tạo tài khoản, bạn cần đặt một cái tên cho diễn đàn của bạn, ví dụ như: My Blogger Forum chẳng hạn. Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Embedding Options. Copy đoạn code HTML.
3. Tại tài khoản Blogger, vào Design >> Edit HTML và chọn "Expand Widget Templates".
Nhấn phím kết hợp Ctrl + F và tìm dòng code: <div id='content-wrapper'>
Dán đoạn code sau đây vào trên dòng code nói trên.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
Đoạn code từ Nabble lấy được ở bước 2
</b:if>
4. Bước kế tiếp là dấu một số thành phần trên Blog của bạn khi hiển thị trang forum. Dán đoạn code như dưới đây vào sau dòng ]]></b:skin>.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>
Lưu Template là xong. Bây giờ bạn có thể dành thời gian mời bạn bè tham gia diễn đàn của bạn được rồi đấy.
Chú ý: Nếu bạn muốn tạo một diễn đàn độc lập trên Blogger thì bạn phải tạo một Blog mới. Sau đó vào chỉnh sửa Template, xóa toàn bộ phần code giữa 2 thẻ <body>, </body> và thay bằng đoạn code lấy được trên Nabble ở bước 2.
Nếu bạn có một tên miền tùy chỉnh thì có thể tạo một subdomain dưới dạng http://forum.yourdomain.com/ cũng là một giải pháp tốt.
Xem Demo.
Trên Blogger, bạn không được phép tạo tên miền phụ hay thư mục mới để mà có thể thiết kế được một diễn đàn. Vì thế nếu bạn muốn có một trang diễn đàn trên Blogger thì bạn phải cần một thủ thuật nào đó. Và thủ thuật sau đây sẽ giúp bạn thực hiện được yêu cầu này.
1. Sau khi đăng nhập Blogger, bạn cần tạo một trang tĩnh (static page). Vào Design >> Posting >> Edit Pages >> New Page và tạo một trang có tiêu đề là forum. Ghi nhớ liên kết của trang forum có dạng như thế này:
http://yourblogname.blogspot.com/p/forum.html.
2. Tạo một diễn đàn miễn phí tại Nabble: Bạn điền thông tin cá nhân vào Form đăng ký, quan trọng nhất là địa chỉ email và mật khẩu đăng nhập. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn. Bạn cần ghi nhớ mật khẩu đăng nhập.
Trong quá trình tạo tài khoản, bạn cần đặt một cái tên cho diễn đàn của bạn, ví dụ như: My Blogger Forum chẳng hạn. Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Embedding Options. Copy đoạn code HTML.
3. Tại tài khoản Blogger, vào Design >> Edit HTML và chọn "Expand Widget Templates".
Nhấn phím kết hợp Ctrl + F và tìm dòng code: <div id='content-wrapper'>
Dán đoạn code sau đây vào trên dòng code nói trên.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
Đoạn code từ Nabble lấy được ở bước 2
</b:if>
4. Bước kế tiếp là dấu một số thành phần trên Blog của bạn khi hiển thị trang forum. Dán đoạn code như dưới đây vào sau dòng ]]></b:skin>.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>
Lưu Template là xong. Bây giờ bạn có thể dành thời gian mời bạn bè tham gia diễn đàn của bạn được rồi đấy.
Chú ý: Nếu bạn muốn tạo một diễn đàn độc lập trên Blogger thì bạn phải tạo một Blog mới. Sau đó vào chỉnh sửa Template, xóa toàn bộ phần code giữa 2 thẻ <body>, </body> và thay bằng đoạn code lấy được trên Nabble ở bước 2.
Nếu bạn có một tên miền tùy chỉnh thì có thể tạo một subdomain dưới dạng http://forum.yourdomain.com/ cũng là một giải pháp tốt.

Chào mọi người ghé thăm trang web của Trần Phúc Minh
Liên hệ mail: tpm1512@yahoo.com hoặc điện thoại 0962.444.744
-
http://tpm1512.blogspot.com/2011/05/tao-trang-dien-cho-blogger.html
Minh cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
Bài liên quan
- Danh sách thủ thuật Blog.duypham.info
- Danh sách thủ thuật Blog itechplus
- Danh sách thủ thuật Blog Namkna
- Danh sách thủ thuật Blog traidatmui
- Danh sách thủ thuật Blog Fandung
- Mẫu đẹp cho bài viết được xem nhiều
- Tạo logo liên kết chạy ngang
- Tạo trang in chuyên nghiệp nhiều tùy chọn cho Blogspot
- Tự động làm mới trang Web/blog và chuyển hướng
- Tùy biến label thành tag cloud giống WP
- K14 - Pro Menu (với hiệu ứng prodown)
- Tạo ảnh loading đẹp với css và js
- BlogSpot cải thiện tính năng SEO cho blog
- ANCKeywords - Tự động cập nhập keywords từ người dùng cho site.
- Tạo hộp tìm kiếm cho blogspot
- Hướng dẫn xem các kênh SCTV không bị chặn hình ảnh
- TẠO KHUNG COMMENTS CHO BLOG
- Trang trí cho widget Label và Blogroll
- Tiện ích Về tác giả ở cuối bài viết Blogger
- Chèn link Google Search vào footer của bài viết
- Jquery Slider Tin Tức - News Slider
- Cài đặt tên miền riêng cho blogspot
- Truy cập Blogspot vô tư khỏi sợ bị chặn
- Dropbox - Một dịch vụ hosting miễn phí và chất lượng
- Một số đoạn code tuyết rơi
- Tạo liên hệ giống blog Minh
- Tạo địa chỉ hộp thư Gmail trên blogspot
- Chèn comment của disqus vào blogspot
- Temple Blog đẹp miễn phí
- Code danh ngôn
- Chèn biểu tượng cảm xúc vào nhận xét dạng input
- TẠO 4 BANNER QUẢNG CÁO 125X125
- Hướng dẫn đăng kí tên miền đẹp
- Tạo Sitemap đẹp cho blogspot
- Tạo thanh cuộn trong blogspot
- Một số vấn đề thường gặp ở Blogspot
- Menu đẹp cho blogger
- Truy tìm dấu vết hồ sơ Blogger đồng hương
- Một số mẫu Templates đẹp cho Blogger
- Một số website cung cấp Templates đẹp cho Blogger
- Tạo Feed cho tất cả các nhãn bài đăng
- Form đăng nhập cho Blogspot
- Trình diẽn bài viết dạng Slide với jQuery (cập nhật)
- Tiện ích bài viết mới nhất với hiệu ứng autoscroll bằng Jquery
- Code loading – đang tải dữ liệu cho web-blog
- Tiện ích "Recent posts" với hiệu ứng trượt từ jQuery
- Script chuyển trang tự động kèm thông báo đếm ngược
- Tag Meta chuyển trang với thời gian & địa chỉ định trước
- Hiển thị dòng giới thiệu cho boblog
- Tự động bật trang web khác khi vào trang web của mình
- Tự động chèn link bài viết khi người khác copy bàiviết từ website của mình
- Tiện ích Recent Posts giống iTechPlus.info
- Tạo banner quảng cáo dạng Popup
- Dùng Google Code,Google Site làm host chứa file js
- Bảng mã màu dành cho Blogger
- Tạo trang leech dễ dàng không cần host
- Tiện ích “Thông tin cần biết” cho Blogger
- Tiện ích Recent Posts with 3 columns for Blogger
- Hiển thị bài viết dạng list ở các trang Home, Label, Archive
- Recent posts 2 cột với hiệu ứng Tooltip
- Bảo vệ Gmail với 2 cấp mật khẩu
- Tạo kiểu menu đẹp với DD Tabe Menu Script
- Tạo Contact Form cho blog với Foxyform
- Tạo tiện ích Bài viết mới nhất sử dụng hiệu ứng Simple jQuery Spy
- Hiển thị thời gian tải trang cho blogspot
- Tiện ích Tìm bài viết theo ngày
- Tạo menu ngang trên phần Header
- Tạo Auto Readmore cho blog chuyên về phim
- Hiển thị địa chỉ bài viết cuối bài viết trong Blogspot
- Tạo thanh HotNews sử dụng mootools cho blog
- Thủ thuật tạo Featured content cho Blogspot
- Chèn 1 box nhỏ hiển thị các bài liên quan vào bài viết
- Chèn logo vào tiêu đề bài viết
- Tiện ích mở rộng (enlarge) hay thu hẹp (narrow) phần main của Blogspot
- 1 style phân trang khá đẹp mắt cho blogspot
- Tạo bài viết liên quan kèm ảnh Thumbnails cho blogspot
- Hướng dẫn Tạo Featured Post với JQuery
- Tạo dòng chữ trên thanh tiêu đề với hiệu ứng động
- Tạo Avatar động trực tuyến độc đáo
- Hiển thị widget ở nhưng trang nhất định trong blog
- Một số thủ thuật đơn giản để blog phong phú, xinh đẹp
- Chat yahoo bằng điện thoại siêu rẽ free!
- Thủ thuật download toàn bộ nội dung của 1 website
- Chia cột cho blogspot bằng css
- Tiện ích bài mới nhất (recent post) giống vn.yahoo.com
- Hiển thị bài viết giống trang dantri.com.vn
- Chát Tiếng Anh kiếm tiền ( Dành cho các bạn thành thạo tiếng anh )
- Cài đặt Gmail và Yahoo Mail trong chương trình Outlook Express và Windows Mail
- Tăng giảm cở chữ của nội dung bài đăng
- Tạo nút print cho blogger
- Cách tải file ở MEGAUPLOAD không cần ngồi chờ !
- Blogspot: Không hiện bất cứ bài nào ở trang chủ
- Phần mềm nhắn tin SMS miễn phí không giới hạn đến ĐTDĐ
- Xem thử kết quả tiện ích
- 11 tiện ích miễn phí của Google
- CODE MÁY TÍNH ĐIỆN TỬ
- Tiện ích thời tiết, tỷ giá và giá vàng từ web 24h.com.vn:
- Hướng dẫn dùng Google làm nơi lưu trữ Code
- Tiện ích Code Converter cho Blog
- Tạo ảnh chạy xoay tròn trên blog bằng Javascript
- Cách tạo một Album nhạc trên Blog
- Hiển thị bài viết với hiệu ứng trượt bằng Jquery
- Tiện ích tự động tóm tắt bài viết có ảnh thumb cho blogger
- Hướng dẫn cài đặt tên miền Co.cc cho Blogspot
- Hướng Dẫn Đăng Ký Tên Miền Co.cc Rút Gọn
- Chiến thuật kiếm tiền ở Neobux.com
- Hướng Dẫn Kiếm Tiền Với NeoBux (cho Newbie)
- Kiếm tiền với CPM(tính theo lượt truy cập)
- Phần mềm đuổi muỗi!!
- Cách tạo thêm "Các Bài Liên Quan" sau bài viết tren blogspot
- Chèn icon vào trước tiêu đề bài viết theo các nhãn tương ứng
- Tạo tuyết rơi trên blog
- Ẩn bài viết ở trang chủ
- Convertfiles.com: Chuyển đổi dữ liệu trực tuyến
- Cách đưa blog/web lên công cụ tìm kiếm của Yahoo
- Hiển thị bài viết giống trang news.zing.vn
- Tích hợp Google fonts vào Website
- Kiếm tiền trên mạng từ blog : Những yếu tố cần cần thiết của blogging
- Hướng dẫn chèn mã quảng cáo ADS vào blogger
- Tạo chatbox
- Script trích xuất tin tức từ 6 kênh báo mạng Việt Nam
- Cách đưa tiện ích Alexa vào web hay blog
- Tạo hiệu ứng động cho chữ trên thanh tiêu đề
- Cách đưa trang web lên Top Google
- Chèn một số kênh của VTC vào blog
- Hiệu ứng tạo khung viền cho link khi di chuột qua
- Những công cụ lạ mắt dành cho Blogger
- Bộ sưu tập hơn 200 đoạn code Javascript
- code tạo bảng thông báo mới nhất
- Code thời gian giờ ngày tháng
- Tổng hợp 4 widget truyện cười
- Tổng hợp 25 Widget hay cho Blogger/Blogspot
- Hướng dẫn sử dụng google code
- SƯU TẬP BỘ MÃ CODE NHÚNG VÀO
- Kiếm tiền upload với Hotfile khá hấp dẫn
- Adnet-Mạng quảng cáo trực tuyến của Việt Nam
- Cần Trao đổi banner
- Hiển thị bài viết giống trang vnexpress.net
- Thủ thuật yêu cầu - Tạo logo liên kết chạy ngang
- Tạo chữ chạy trên thanh tiêu đề của Blog
- Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web, blog
- Tạo khung đăng nhập cho Blogger
- Tạo menu dạng trượt - Sliding Side cho blogger
- Code Chữ Chạy DướI Thanh Trạng Thái(4 kiểu)
All comments [ 0 ]
Đăng nhận xét