Cara Membuat Forum Pada Blogger 5

Forum merupakan salah satu tempat yang bagus untuk berbagi ilmu pengetahuan,ide-ide dan membuat percakapan dengan para pengunjung atau blogger yang lain.Forum sangat berbeda sekali dengan blog,forum memperbolehkan para pembaca berinteraksi dengan yang lain, membuat topik baru dan bahkan beberapa dari mereka menjadi moderator bersama anda dalam forum-forum tersebut.Anda dapat memperoleh informasi yang anda inginkan jika bertanya pada forum yang sesuai dengan topik yang anda cari ,semakin banyak anggota dari forum tersebut akan semakin banyak pula infor masi yang anda dapatkan.


Dan adapun langkah-langkah membuat forum pada blogger tersebut adalah :

1. Buat statis page baru pada blog anda (baca disini).

2. Buat sebuah forum baru pada nabble dan copy html code setelah membikin forum pada nabble.

3. Buka Blogger Dashboard -> Design -> Edit HTML dan beri tanda centang pada "Expand Widget Tempaltes".

4. Cari kode dibawah ini pada HTML blog anda, tekan (CTRL+F) untuk mencarinya.

<div id='content-wrapper'>

jika anda tidak menemukan kode seperti di atas cari kode di bawah ini (Untuk templete baru dibuat untuk blogger templete designer).

<div class='columns fauxcolumns'>

5. Letakan kode di bawah ini tepat diatas kode yang anda cari pada no.4

<b:if cond='data:blog.url == &quot;http://cilimoes.blogspot.com/p/cilimoes-forum_31.html&quot;'>
PASTE_CODE_FROM_NABBLE_HERE
</b:if>

ganti kode yang berwarna merah dengan link halaman forum (forum page) anda.

6. Simpan Templete anda.

7. Untuk menghilangkan (post content, sidebar widgets dan sebagainya)dan hanya forum yang akan tampil pada halaman forum(forum page).

Cari Kode di bawah ini (pada templete anda) tekan (CTRL+F) untuk mencarinya.

</head>

kemudian copy kode di bawah ini dan pastekan tepat di atas kode tadi.

<b:if cond='data:blog.url == &quot;http://cilimoes.blogspot.com/p/cilimoes-forum_31.html&quot;'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>

Ganti kode yang berwarna hijau diatas dengan link forum page anda .

8. Jika kode yang di gunakan pada no 7 tidak berpungsi dengan baik ikuti langkah-langkah di bawah ini:

I. Cari Kode di bawah ini (pada templete anda) tekan (CTRL+F) untuk mencarinya.

 <div id='sidebar'> </div>

# Letakan kode diatas diantara kode Html dibawah ini.

<b:if cond='data:blog.url != &quot;http://cilimoes.blogspot.com/p/cilimoes-forum_31.html&quot;'> 

</b:if>

Contoh :

<b:if cond='data:blog.url != &quot;http://cilimoes.blogspot.com/p/cilimoes-forum_31.html&quot;'>

<div id='sidebar'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML2' locked='false' title='Cari' type='HTML'/> <b:widget id='HTML3' locked='false' title='Sponsor Ads' type='HTML'/> <b:widget id='HTML7' locked='false' title='Chat Box' type='HTML'/> <b:widget id='HTML1' locked='false' title='Info Terbaru' type='HTML'/> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='HTML8' locked='false' title='' type='HTML'/> </b:section> </div>

</b:if>

II. Cari Kode di bawah ini (pada templete anda) tekan (CTRL+F) untuk mencarinya.

<div id='content-wrapper'>

</div>

# Letakan kode diatas diantara kode Html dibawah ini.

<b:if cond='data:blog.url != &quot;http://cilimoes.blogspot.com/p/cilimoes-forum_31.html&amp;quot;'&gt

</b:if>

Contoh:

<b:if cond='data:blog.url != &quot;http://cilimoes.blogspot.com/p/cilimoes-forum_31.html&quot;'>

<div id='content-wrapper'>
</div> 

</b:if>

Ganti kode yang berwarna hijau pada no ( I ,II,) diatas dengan link forum page anda .

Contoh forum pada blogger klik  disini

Selamat mencoba dan semoga bermanfaat......