Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Tuesday, December 27, 2011

Tạo trang diễn đàn cho Blogger

Chia sẻ:
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.

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úc thành công!
Theo:Thuthuatblogger.

81 nhận xét:

  1. thank nhá bạn. chúc blog bạn ngày một thành công.

    ReplyDelete
  2. @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 :)

    ReplyDelete
  3. mình vào tìm mà ko thấy từ khóa div id='content-wrapper'
    thì có thể thay từ khác được ko ah?

    ReplyDelete
  4. @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à :).

    ReplyDelete
  5. Dung la khong co div id='content-wrapper' thiet! :D Mo rong rui do ban ah! :D Tim loi mat luon! :((

    ReplyDelete
  6. @Vận Già Cậu dùng mẫu Template free hả. Thế thì chè lên trên đoạn:
    <div id='outer-wrapper'>
    Cái đó chắc là có chứ :P

    ReplyDelete
  7. Mình cũng không tìm thấy 2 thẻ như bạn nói, template của mình là free.

    ReplyDelete
    Replies
    1. BẠ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 .
      MÌNH LÀM THÀNH CÔNG RỒI !
      CẢM ƠN BẠN NHIỀU NHA

      Delete
    2. và đây là kết quả :

      http://www.suachuaxenang.info/p/die.html

      Delete
  8. @Phuong Vu Bạn có thể chèn trước:
    <div id='main-wrapper'>
    hoặc
    <div id='content-wrapper'>
    Mà Blog bạn là cái nào thế ?

    ReplyDelete
  9. 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.

    ReplyDelete
  10. @Phuong Vu Bạn chèn thử trước hoặc sau jgu vực
    <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)

    ReplyDelete
  11. Thank you, để mình thử xem sao.

    ReplyDelete
  12. @Phuong Vu Chúc bạn thành công :3) :3) :3)

    ReplyDelete
  13. Đú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ả.

    ReplyDelete
  14. @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)

    ReplyDelete
  15. Mì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.

    ReplyDelete
  16. @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.
    - 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)

    ReplyDelete
  17. Chào namkna !
    Đâ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)

    ReplyDelete
  18. @Lê Hoàng Chiến Có 2 cách đó là:
    Cá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)

    ReplyDelete
  19. 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é.

    ReplyDelete
  20. @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)

    ReplyDelete
  21. Mì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

    ReplyDelete
  22. Namkna 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.

    ReplyDelete
  23. @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

    ReplyDelete
  24. Chào em,

    Anh 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

    ReplyDelete
  25. CHÀO NAM.
    MÌ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

    ReplyDelete
  26. CHÀO NAM

    MÌ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

    ReplyDelete
    Replies
    1. Anh Namkna cho hỏi 4rum này up được tối đa bao nhiêu dữ liệu vây?

      Delete
    2. Cá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à.

      Delete
  27. @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.
    - 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>

    ReplyDelete
  28. 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
    Thank pro.
    Đây là link bài viết...
    http://them1phut.blogspot.com/2012/12/tang-like-cho-fanpage-facebook-twitter-google.html

    ReplyDelete
  29. CHÀO NAM

    NHỜ 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

    ReplyDelete
    Replies
    1. Đấ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.

      Delete
  30. Like ủng hộ cho bạn nè. Mình sẽ thử

    ReplyDelete
    Replies
    1. Cmar ơn bạn. hãy thử và cho mình biết kết quả nha.

      Delete
  31. Tôi làm được rồi.
    Trướ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

    ReplyDelete
  32. Mình làm được rồi cảm ơn admin.làm kết hợp theo bạn thaithuan anh Namka
    ,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

    ReplyDelete
    Replies
    1. Trang nabel giờ nó thay dổi code nên cần tùy biến vậy thôi :)

      Delete
  33. This comment has been removed by the author.

    ReplyDelete
  34. Nó 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.
    Muzikers forum
    Có đủ các loại lỗi. Anh giúp em sửa nha

    ReplyDelete
    Replies
    1. 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 ./.

      Delete
  35. anh 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
    mong được hồi âm sớm!

    ReplyDelete
    Replies
    1. Trong code lấy từ nabel em sửa:

      a id="nabblelink" href="Link forum"

      thành

      a href='Link forum' id='nabblelink'

      Delete
  36. ak em làm được rồi anh ạ, em cảm ơn anh nhiều nhé!

    ReplyDelete
  37. Là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

    ReplyDelete
    Replies
    1. Trong code lấy từ nabel em sửa:

      a id="nabblelink" href="Link forum"

      thành

      a href='Link forum' id='nabblelink'

      Delete
    2. 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

      Delete
    3. Anh thay Nam trả lời câu hỏi của em nha.
      Template 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.


      Delete
    4. Cảm ơn anh rất nhiều ! Em làm dc rồi!

      Delete
    5. Không có gì chúc mừng em nha.

      Delete
  38. This comment has been removed by the author.

    ReplyDelete
  39. Mình làm được nhưng không thể ẩn được các sidebar?
    làm sao để ẩn được nó Nam nhỉ?

    ReplyDelete
  40. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Bạn có thể xem cách ẩn sidebar ở đây: XEM NGAY

      Delete
  41. This comment has been removed by a blog administrator.

    ReplyDelete
  42. chả hiểu sao blog mình không có < id='main-wrapper'>, < id='content-wrapper'>,
    Hoặc
    < id='header-wrapper'> hay blog mới lập ra cũng không có , bạn giúp mình mới.

    ReplyDelete
    Replies
    1. Bạn để lại URL trang của bạn ở đây để mình hỗ trợ tên thẻ chính xác cho nha.

      Delete
  43. Em có tìm hiểu và làm theo hướng dẫn của anh Nam:

    Như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

    ReplyDelete
    Replies
    1. Mã của e là đoạn sau nha?

      <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.

      Delete
  44. 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

    ReplyDelete
    Replies
    1. Trong phần đang bài có mục Insert Image bấm vào đó để tải ảnh lên nha bạn.

      Delete
  45. div id='content-wrapper'>
    dòng trên không thể nào tìm thấy được pó chiếu

    ReplyDelete
    Replies
    1. Trang của bạn là đoạn này:

      <div class='content'>

      Delete
  46. 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!

    ReplyDelete
    Replies
    1. Bạ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.

      Delete
    2. Ah, 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!!!

      Delete
  47. Anh 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!

    ReplyDelete
    Replies
    1. Đoạn này nha e,.

      <div class='light-wrapper'>

      Delete
    2. hihi, thanks anh nhé! Để em thử xem sao...

      Delete
  48. xin AD hướng dẫn = video đc ko ạ, e dọc hoài mà ko hiểu

    ReplyDelete
  49. http://onepieceblogfan.blogspot.com/

    ReplyDelete
  50. Hố hố hố làm được rồi http://keluuday.blogspot.com/p/forum.html Cảm ơn nha.

    Mà 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

    ReplyDelete
  51. theme này đẹp không bản quyền ne!
    bạn nào cần pm mình nha
    canhothanhbinhquan7.com/

    ReplyDelete
  52. 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.

    ReplyDelete
  53. Mì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?

    ReplyDelete
  54. Mì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

    ReplyDelete
  55. Nhờ 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

    http://www.khosachnoi.xyz/p/forum.html

    ReplyDelete
  56. 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é.
    http://ndcstudy.blogspot.com/p/forum.html

    ReplyDelete