Blogspot: Cara Membuat dan Menambahkan Forum Diskusi di Blog Anda

Tomata LikuangTomata Likuang November 10, 2018

 Cara Membuat dan Menambahkan Forum Diskusi di Blogspot


Blogger.com-Untuk lebih berinteraksi dan terhubung dengan pembaca di blog Anda, adalah suatu hal yang baik untuk memiliki forum diskusi yang aktif di blog Anda. Ini memberikan jalan bagi pembaca untuk saling berinteraksi antara mereka, maupun antara pembaca dan anda, dengan demikian, kita benar-benar membangun komunitas blogger. Kedengarannya bagus. Bukan? Tapi, yang jadi pertanyaan, bagaimana saya melakukan hal ini, membuat dan menambahkan forum diskusi di Blogger? Nah, itu cukup sederhana dan sangat mudah! Pada artikel ini, admin akan memandu Anda untuk membuat dan menambahkan sebuah forum gratis di blog blogger / blogspot Anda. Anda cukup mengikuti tutorial atau langkah-langkah dibawah ini.

Membuat Forum Diskusi Blog

Hal pertama yang harus anda lakukan adalah membuat forum diskusi di NABBLE. Untuk linknya, kunjungi http://n6.nabble.com/free-forum.html. Setelah itu isi form data diri dan data forum Anda.

Membuat dan Menambahkan Forum Diskusi Blog
Membuat Forum Diskusi di NABBLE

  • User Name : Masukkan nama anda.
  • Email : Masukkan alamat email anda.
  • Password : Masukkan password atau kata sandi anda.
  • Ceklis 'I have read and I agree to Nabble's Terms of Use'.
  • Language : Pilih English saja, karena bahasa indonesia tidak tersedia.
  • Forum Name : Masukkan nama forum yang akan anda buat.
  • Description : Masukkan deskripsi atau penjelasan tentang forum yang akan anda buat.
  • Kode Verifikasi : Ketik kembali kode verifikasi yang ada di gambar.
Jika anda telah mengisi semua data diatas, klik Create Forum. Setelah itu verifikasi alamat email anda, link verifikasi ada di alamat email anda, buka email anda, dan klik link verifikasi yang ada di email yang masuk.

Setelah itu akan muncul tampilan seperti di bawah ini,

Membuat dan Menambahkan Forum Diskusi Blog
Forum Diskusi Blog
Klik Options >> klik Embedding options, setelah itu akan muncul kode embedding forum yang telah anda buat, seperti di bawah ini :
Membuat dan Menambahkan Forum Diskusi Blog
Kode Embedding Forum di Blog

 Simpan kode embedding diatas, karena nantinya akan kita gunakan untuk menambahkan forum diskusi di blog Anda.

Menambahkan Forum Diskusi di Blogspot

Kode embedding forum yang telah anda buat diatas, belum bisa digunakan di blogspot, anda harus mengintegrasikannya, caranya bisa anda baca di bawah ini.

Cara Menambahkan Forum Diskusi di Blogspot


1. Buat laman/page baru, pergi ke dashboard blog anda, klik Laman dan klik Laman baru, seperti tampilan di bawah ini,

Membuat dan Menambahkan Forum Diskusi Blog
Membuat Laman Forum Di Blog

Beri nama laman tersebut dengan "Forum", untuk isi laman tersebut, biarkan kosong dan klik Publikasikan,

Membuat dan Menambahkan Forum Diskusi Blog
Forum Diskusi Blogspot


Setelah di publikasikan, jika anda melihat url laman tersebut, biasanya urlnya seperti di bawah ini :

http://blogtahuna.blogspot.com/p/forum.html

Simpan url tersebut karena nantinya akan anda gunakan.

2. Setelah itu, pergi ke dashboard blog anda, klik Template, dan klik Edit HTML,

Membuat dan Menambahkan Forum Diskusi Blog
Edit HTML Forum Blog

3. Di Edit HTML, cari kode di bawah ini, 

<div id='content-wrapper'>

Jika anda tidak menemukan kode <div id='content-wrapper'>, langkahi atau skip saja step ke-3 ini, langsung saja lakukan step ke-4.

Copy dan paste kode dibawah ini tepat di atas kode <div id='content-wrapper'>, berikut kodenya :

<b:if cond='data:blog.url == "FORUM URL"'>
CODE FROM NABBLE
</b:if>

Selanjutnya, cari kode </head>, copy dan paste kode dibawah ini tepat diatas kode </head>, berikut kodenya :

<b:if cond='data:blog.url == "FORUM URL"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>

Ket :

  • FORUM URL : Ganti dengan kode url laman yang telah anda buat di langkah ke-1. (Contoh: http://blogtahuna.blogspot.com/p/forum.html )
  • CODE FROM NABBLE : Ganti dengan kode embedding forum yang telah anda buat di NABBLE.

4. Jika anda menemukan kode <div id='content-wrapper'>, langkahi atau skip saja step ke-4 ini, langsung saja lakukan step ke-5. Jika anda tidak menemukan kode tersebut, lakukan step ini.

<div class='columns fauxcolumns'>

Copy dan paste kode di bawah ini tepat di atas kode <div class='columns fauxcolumns'>, berikut kodenya :

 <b:if cond='data:blog.url == "FORUM URL"'>
CODE FROM NABBLE
</b:if>

Selanjutnya, cari kode </head>, copy dan paste kode dibawah ini tepat diatas kode </head>, berikut kodenya :

 <b:if cond='data:blog.url == "FORUM URL"'>
<style type='text/css'>
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>

Ket :

  • FORUM URL : Ganti dengan ode url laman yang telah anda buat di langkah ke-1. (Contoh: http://blogtahuna.blogspot.com/p/forum.html )
  • CODE FROM NABBLE : Ganti dengan kode embedding forum yang telah anda buat di NABBLE.
 
5.  Klik Simpan template.

Forum diskusi blog telah anda buat, dan telah di tambahkan di blog Anda. Kini, anda bisa berinteraksi atau berdiskusi dengan pembaca Anda di laman forum diskusi blog Anda.

Demikian Cara Membuat dan Menambahkan Forum Diskusi di Blog Anda. Mudah bukan ??
Tags