Page

January 12, 2011

Free Widget Forum Untuk Blog Kamu

Forum merupakan sarana diskusi bagi para pembaca dari suatu situs atau blog. Sebagai contoh dapat dilihat pada Forum yang tersedia di blog ini,please Join ;)

Langkah-langkah untuk menambahkan widget forum di blog kamu adalah sebagai berikut :

#Langkah 1

Buat halaman statis di blog kamu, bisa ditambahkan melalui fitur yang disediakan blogger, "Add Page", contoh halaman statis untuk forum saya yaitu :

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

#Langkah 2

Ciptakan Forum Anda di Forum Nable [proses pembuatan tidak akan lama :-D]
Copy Source HTML nya :

Langkah membuka source HTML forum





#Langkah 3

Masuk ke Blogger anda -> Dashboard -> Design -> dan klik check box "Expand Widget Template"

#Langkah 4
Cari (CTRL+F) code berikut ini di template mu :

<div id='content-wrapper'>

 jika kamu menggunakan template baru yang disediakan blogger, cari code berikut :
<div class='columns fauxcolumns'>

tuliskan code berikut di atas / sebelum kode tersebut :

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

**(Penting)Ganti kode yang berwarna merah dengan URL halaman statis di blog kamu

#Langkah 5

Save Template mu :-D

#Langkah 6

Langlah keenam ini berfungsi untuk menghilangkan widget yang tersedia di kiri / kanan dari forum, sehingga pada page statis yang kamu buat hanya akan terlihat Forum kamu :-)

Cari kode berikut di template mu :

</head>

dan tepat di atas kode tersebut copy kan source code berikut :

<b:if cond='data:blog.url == &quot;http://nabarian.blogspot.com/p/forum.html&quot;'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>
**(Penting)Ganti kode yang berwarna merah dengan URL halaman statis di blog kamu

Save Template mu :-)
Selamat Mencoba!

Source : thanks for BloggerStop

3 comments: