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.
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.
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".
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.
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ú ý: 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úc thành công!
Theo:Thuthuatblogger.
Nhận xét
thank nhá bạn. chúc blog bạn ngày một thành công.
Trả lờiXóa@taynguyenmart Cảm ơn bạn :P Chúc diễn đàn của bạn ngày càng nhiều thành viên và chủ đề Hot :)
Trả lờiXóamình vào tìm mà ko thấy từ khóa div id='content-wrapper'
Trả lờiXóathì có thể thay từ khác được ko ah?
@taynguyenmart Bạn chọn mở rộng tiện ích nha phần < div id='content-wrapper' > Blog nào cũng có vì nó là nội dung trang bài viết mà :).
Trả lờiXóaDung la khong co div id='content-wrapper' thiet! :D Mo rong rui do ban ah! :D Tim loi mat luon! :((
Trả lờiXóa@Vận Già Cậu dùng mẫu Template free hả. Thế thì chè lên trên đoạn:
Trả lờiXóa<div id='outer-wrapper'>
Cái đó chắc là có chứ :P
Mình cũng không tìm thấy 2 thẻ như bạn nói, template của mình là free.
Trả lờiXóaBẠN TẠO 1 TRANG MỚI HOẶC BÀI MỚI , CHON THẺ HTML XONG DÁN CODE LẤY ĐƯỢC Ở BƯỚC 2 VÔ LÀ XONG . KHỎI CẦN LÀM CHI LÒNG VÒNG CHO PHỨC TẠP .
XóaMÌNH LÀM THÀNH CÔNG RỒI !
CẢM ƠN BẠN NHIỀU NHA
và đây là kết quả :
Xóahttp://www.suachuaxenang.info/p/die.html
@Phuong Vu Bạn có thể chèn trước:
Trả lờiXóa<div id='main-wrapper'>
hoặc
<div id='content-wrapper'>
Mà Blog bạn là cái nào thế ?
Chèn trước: <div id='main-wrapper'> thì forum không hiển thị rồi bạn, còn thẻ <div id='content-wrapper'> thì không tìm thấy. Blog của mình đây.
Trả lờiXóa@Phuong Vu Bạn chèn thử trước hoặc sau jgu vực
Trả lờiXóa<div id='outer-wrapper'>
Hoặc
<div id='header-wrapper'>
Nếu không bạn có thể tạo một trang blog mới với tên miền
http://Forum-thietke-dohoa.blogspot.com/
Chẳng hạn.
Sau đó xóa hết Code trong khu vực thẻ <body> và </body>
Sau đó dán Code bước 2 vào như thế nhìn sẽ khoa học hơn là chèn vào Blog hiện tại.:9) :9)
Thank you, để mình thử xem sao.
Trả lờiXóa@Phuong Vu Chúc bạn thành công :3) :3) :3)
Trả lờiXóaĐúng là napple chơi xỏ lá thật, trên trang toàn chữ Hàn Quốc không biết gì mà đọc chứ hả.
Trả lờiXóa@tailieuhoctap trang đó tiếng anh 100% mà bạn làm gì có tiếng hàn. Bạn coi lại trình duyệt coi :3) :3) :3)
Trả lờiXóaMình làm rồi nhưng khi nhấp vào trang diễn đàn thì nó không vào diễn đàn mà nó vẫn ở lại trong blog luôn, nhưng hcir chuyển trang thôi.
Trả lờiXóa@Lê Hoàng Chiến Dúng thế cách này là chèn trang diễn đàn vào blog mà. Do vậy các thao tác đều sử dụng trên blog bạn. ( bạn có theer xem Demo). Nếu muốn chuyển ra ngoài thì bạn phải tạo một blog phụ để chứa code diễn đàn.
Trả lờiXóa- bạn kgoong để lại địa chỉ trang diễn đàn của bạn do vậy mình chưa góp ý cho bạn được kỹ hơn.:3) :3)
Chào namkna !
Trả lờiXóaĐây là địa chỉ trang blog của mình nè : http://forumforblog.blogspot.com/
Giả sử bây giờ mình muốn chèn nó vào trang blog của mình : http://chienbourbon.blogspot.com/
thì namkna có thể hướng dẫn mình cách chèn nó không ? (cả 2 địa chỉ trên mình đều sử dụng chung một tài khoản Gmail)
@Lê Hoàng Chiến Có 2 cách đó là:
Trả lờiXóaCách 1: bạn làm tương tự như trên tuy nhiên ở bước thứ 3 bạn thay đoạn code diễn đàn thành đoạn code sau:
<iframe frameborder="0" height="100%" marginwidth="0" scrolling="no" src="http://forumforblog.blogspot.com/" width="100%"></iframe></center>
CÁCH 2:
- Bạn tạo một trang hoặc một bài viết và chèn đoạn code sau vào:
<iframe frameborder="0" height="100%" marginwidth="0" scrolling="no" src="http://forumforblog.blogspot.com/" width="100%"></iframe></center>
<style>
#lsidebar-wrapper, #rsidebar-wrapper, #footer-wrap, #blog-pager {display:none !important}
#main-wrapper {width:1000px}
</style>
các thuộc thanh sidebar của bạn mình đã đặt lệnh ẩn.
Và phần main đã tăng độ rộng lên 1000 px (phần này chỉ có tác dụng trong bài viết đó thôi nha)
Mình thực hiện nhưng chưa thành công, nhưng dù sao cũng cám ơn namkna rất nhiều nha. Chúc bạn luôn may mắn và thành công trong cuộc sống nhé.
Trả lờiXóa@Lê Hoàng Chiến Không có gì đâu bạn. nếu tin tưởng bạn có thể gửi template vào mail tavannam01@gmail.com mình sẽ chỉnh giúp bạn. :3) :3) :3)
Trả lờiXóaMình đã gởi mail cho bạn và cung cấp Username và Password cho bạn rồi, bạn giúp mình chỉnh sửa nha. Thanks nhiều
Trả lờiXóaNamkna có thể vào địa chỉ mail và nhận lời mời rồi thì mình cũng có thể cấp đặc quyền quản trị để bạn có thể dễ dàng chỉnh sửa được không ? Khỏi mất công lòng vòng vì phải đăng nhập vào mail của mình.
Trả lờiXóa@Lê Hoàng Chiến Xory mấy hôm nay bận quá, nếu thế ngày mai (26/05) bạn hãy mời lại mình nha. Email: tavannam01@gmail.com
Trả lờiXóaChào em,
Trả lờiXóaAnh làm theo hướng dẫn của e là tạo 1 diễn đàn độc lập bằng cách tạo 1 blog mới, sau đó a xóa toàn bộ code giữa 2 thẻ body và /body. Kế đến a dán code lấy trên nabble vào giữa 2 thẻ trên.
Tuy nhiên khi tiến hành lưu mẫu thì nhận được thông báo lỗi là "We did not find any section in your template. A template must have at least one b:section tag".
Cách khắc phục lỗi này làm như thế nào vậy e?
Thanks
CHÀO NAM.
Trả lờiXóaMÌNH ĐÃ LÀM ĐƯỢC PHẦN DIỄN DÀN NHƯNG NÓ KHÔNG MẤT ĐI CÁC TIỆN ICH
http://sanglands.blogspot.com/p/dien-dan-nha-dat.html
XEM GIUP MINH CAI
TKS
CHÀO NAM
Trả lờiXóaMÌNH ÁP DỤNG BÀI HƯỚNG DẪN ẨN TIỆN ÍCH HTML CỦA DUNGHENNESSY CŨNG ĐƯỢC RỒI
NHƯNG NAM CÓ CÁCH NÀO KHÁC KHÔNG
MÌNH LÀM THEO HUONG DAN CUA NAM MÀ K DC
@Nguyễn Văn Sáng Thủ thuật Hiển thị Widget ở những trang nhất định trong Blogspot mà mình giới thiệu áp dụng khi bạn thực hiện các thủ thuật có liên quan đến 1 widget và 1 URL.
Trả lờiXóa- CÒn với bài viết này bạn nên dùng lện display:none cho các tiện ích. Bằng các thêm đoạn mã bên dưới vào trước thẻ </head>
<b:if cond='data:blog.url == "http://sanglands.blogspot.com/p/dien-dan-nha-dat.html"'>
<style type='text/css'>
#sidebar-wrapper{
display:none !important;
/* Thêm các thuộc tính cần ẩn vào đây*/
}
#main-wrapper{width:900px !important}
</style>
</b:if>
bác Namkna ơi, cho em gửi nhờ bài này với( quên mất cái địa chỉ email nằm chỗ nào rồi, hôm nọ đọc rồi mà quên giữ nguyên link giúp nhé! :D
Trả lờiXóaThank pro.
Đây là link bài viết...
http://them1phut.blogspot.com/2012/12/tang-like-cho-fanpage-facebook-twitter-google.html
CHÀO NAM
Trả lờiXóaNHỜ NAM XEM HỘ MÌNH CÁI.
SAO BÀI VIẾT NÓ TỤT XUỐNG DƯỚI LUÔN VẬY NÓ K DÍNH LIỀN VỚI MỤC DIỄN DÀN Ở TRÊN
XEM GIÚP MÌNH VỚI http://sanglands.blogspot.com/p/dien-dan-nha-dat.html
Đấy là do phần nhúng của trang Nabble họ để dư phần dưới thôi. Khi bạn tạo được số Topic nhất định khoảng trống đó sẽ mất.
XóaLike ủng hộ cho bạn nè. Mình sẽ thử
Trả lờiXóaCmar ơn bạn. hãy thử và cho mình biết kết quả nha.
XóaTôi làm được rồi.
Trả lờiXóaTrước div class='main-outer', dán đoạn code embed đã có thay đổi chút xíu:
Thay
a id="nabblelink" href="Link forum"
thành
a href='Link forum' id='nabblelink'
Làm được là do vọc source của DIễn Đàn Namkna
Mình làm được rồi cảm ơn admin.làm kết hợp theo bạn thaithuan anh Namka
Trả lờiXóa,nhưng ko cần Thay
a id="nabblelink" href="Link forum"
thành
a href='Link forum' id='nabblelink'
vẫn cứ giữ nguyên vị trí nabblelink
Trang nabel giờ nó thay dổi code nên cần tùy biến vậy thôi :)
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNó cứ kiểu gì ý anh ak. E làm chỉ dc có thế này mà ko biết sửa kiểu gì luôn.
Trả lờiXóaMuzikers forum
Có đủ các loại lỗi. Anh giúp em sửa nha
Em phải nói rõ muốn chỉnh phần nào chứ. nói chung chung thế anh không hỗ trợ được ./.
Xóaanh Nam giúp em với em làm được hết tất cả các bước trong bài hướng dẫn của anh rồi nhưng khi bấm váo xem trang forum thì nó không hiện gì cả. anh giúp em với và đây là thành quả http://tienganhgioi123.blogspot.com/p/forum.html
Trả lờiXóamong được hồi âm sớm!
Trong code lấy từ nabel em sửa:
Xóaa id="nabblelink" href="Link forum"
thành
a href='Link forum' id='nabblelink'
ak em làm được rồi anh ạ, em cảm ơn anh nhiều nhé!
Trả lờiXóaKhông có gì em ak.
XóaCái này mình cũng không rõ vì trong điều khoản không thấy họ đả động đến. Tuy nhiên nó không giới hạn thì phải bạn ak. Vì nó có quảng cáo của họ mà.
Trả lờiXóaLàm như anh hướng dẫn nhưng hok dc Anh ơi! Mong anh giúp đỡ: http://kysupanda90.blogspot.com/p/blog-page_18.html
Trả lờiXóaTrong code lấy từ nabel em sửa:
Xóaa id="nabblelink" href="Link forum"
thành
a href='Link forum' id='nabblelink'
Cảm ơn anh nhiều! Anh mà anh? cho em hỏi, em muốn thay đổi kích thước toàn bộ bblogspot, nhưng vào phần cài đặt thì nó bảo theme này không cho phé, H em phải làm sao anh? XIn cảm ơn
XóaAnh thay Nam trả lời câu hỏi của em nha.
XóaTemplate này em tải trên mạng về và người thiết kế họ không thêm thẻ Vaidl khai báo biến nên không thể chỉnh sửa trong phần trình thiết kế mẫu.
Do vậy để chỉnh sửa kích thước của mẫu em hãy vào chỉnh sửa HTML và chỉnh sửa thuộc tính width của các thành phần bên dưới nha:
width: 1000px; có vài lần thay đóa. đây là chiều rộng của blog, nếu em thay đổi thì phải thay đổi tất cả các thuộc tính bên dưới.
width: 520px; có một lần thay và đây chính là chiều rộng của bài đăng.
width: 133px; đây là chiều rộng của phần sideba bên tay trái có một lần thay.
width: 305px; lF CHIỀU RỘNG thanh bên phải có 1 lần thay:
Bạn lưu ý là tổng của phần bài viết cộng với 2 phần sidebar phải nhỏ hơn chiều rộng của của blog.
Cảm ơn anh rất nhiều ! Em làm dc rồi!
XóaKhông có gì chúc mừng em nha.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaMình làm được nhưng không thể ẩn được các sidebar?
Trả lờiXóalàm sao để ẩn được nó Nam nhỉ?
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaBạn có thể xem cách ẩn sidebar ở đây: XEM NGAY
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóachả hiểu sao blog mình không có < id='main-wrapper'>, < id='content-wrapper'>,
Trả lờiXóaHoặc
< id='header-wrapper'> hay blog mới lập ra cũng không có , bạn giúp mình mới.
Bạn để lại URL trang của bạn ở đây để mình hỗ trợ tên thẻ chính xác cho nha.
XóaEm có tìm hiểu và làm theo hướng dẫn của anh Nam:
Trả lờiXóaNhưng em không biết sau khi đăng kí Nabble rồi sau đó cần làm gì tiếp để đưa vào forum. trong mã HTML của em ko tìm thấy content-wrapper
http://manhtuan62s.blogspot.com/
Anh Nam xem qua rồi chỉ em cách tìm thẻ để chèn forum vào blog nhé. Em có đăng kí tài khoản trên Nabble.com. Nhưng làm thế nào để thay đổi giao diện của forum này ạ.
Em cảm ơn anh.
Mong tin của anh
Mã của e là đoạn sau nha?
Xóa<div class='outer-wrapper'>
- Giao diện của forum này là bản free nên khong thay đổi được nhiều đâu, em vào phần setting của forum có đó nha.
bác cho em hỏi là làm sao mà bài trên diễn đàn có nhiều ản ọt bắt mắt thế ạ. muốn đăng ảnh, chén nhạc vào bài trên diễn đàn thì làm thế nào. thank bác
Trả lờiXóaTrong phần đang bài có mục Insert Image bấm vào đó để tải ảnh lên nha bạn.
XóaTrang của bạn là đoạn này:
Trả lờiXóa<div class='content'>
Làm sao để chèn chèn được cái hình dưới tên forum như của bạn vậy? Chỉ giúp mình nhé, Thanks bạn!
Trả lờiXóaBạn vào Options => Aplications => Edit Names and depscriptions và chỉnh sửa lại tiêu đề cùng với ảnh tải lên để làm đại diện với forum chính và mỗi mục trong đó làm tương tự nha.
XóaAh, mình thấy rồi, thanks bạn nhiều nhé! chúc cho blog của bạn ngày càng phát triển!!!
XóaAnh xem giúp em nên chèn Đoạn code từ Nabble lấy được ở bước 2 vào đâu trong blog của em, em tìm mãi mà không ra, cũng ko có mấy đoạn như mọi người đã nói bên trên luôn. Địa chỉ web của em: http://www.ngoinhavui.vn/ Thanks anh nhiều!
Trả lờiXóaĐoạn này nha e,.
Xóa<div class='light-wrapper'>
hihi, thanks anh nhé! Để em thử xem sao...
Xóaxin AD hướng dẫn = video đc ko ạ, e dọc hoài mà ko hiểu
Trả lờiXóaHố hố hố làm được rồi http://keluuday.blogspot.com/p/forum.html Cảm ơn nha.
Trả lờiXóaMà có điều tôi chỉ tạo trang xong coppy đoạn code nó cho sau khi đăng kí xong dán vào trang là xong thôi mà, đâu có cần chỉnh sửa template gì đâu
theme này đẹp không bản quyền ne!
Trả lờiXóabạn nào cần pm mình nha
canhothanhbinhquan7.com/
bài viết rất hay, bạn cho mình hỏi mình muốn quản trj diễn đàn này thì như thế nào, quản lý bài viết, và thay đổi ngôn ngữ, mình muốn diễn đàn hiện thì ngôn ngữ việt, mong bạn sớm trả lời giúp mình.
Trả lờiXóaMình đã làm theo nhưng không được. lưu mẫu bị lỗi. chắc sai chổ nào. Còn phần code Nabble có phải nằm ở mục Edit This Page k bạn? mình ko tìm thấy mục Embedding Options như bạn nói. Còn cách nào đơn giản hơn k bạn?
Trả lờiXóaMình có thắc mắc là. Trang forum mình tạo xong có mục đăng ký, mục Login. Sao ko có mục Logout bạn nhỉ? vậy môi lần muốn thoát mình phải nhảy ra trang Googe
Trả lờiXóaNhờ các bạn cho xin cái code ẩn moi thứ từ trang này chỉ hiện nội dung của trang
Trả lờiXóahttp://www.khosachnoi.xyz/p/forum.html
Cảm ơn bạn nhé. Mình chèn thành công vào blog rồi. Nhưng bây giờ mình muốn chỉnh sửa kích thước của nó. Bạn hướng dẫn giúp mình nhé.
Trả lờiXóahttp://ndcstudy.blogspot.com/p/forum.html