Cara Membuat Forum diDalam Blog Sendiri - Bagi sobat yang ingin memasang forum didalam blog nya sendiri bisa pakai cara ini. Cara ini saya dapet dari Blognya KOMPI AJAIB. Dengan mendaftar di forum Forumotion.com memberikan hal lain sebuah forum. Selain gratis, membuat forum di Forumotin sangat mudah dan fiture nya juga lengkap.
Namun Forumotion tidak menyediakan kode embed forum untuk ditampilkan di blog personal sehingga kita harus lebih kreatif. Dengan menggunakan iframe kita bisa menampilkan forum dari Forumotion di blog.
Langkah Membuat Forum diDalam Blog Sendiri
1. Daftar dahulu di http://www.forumotion.com/
2. Setelah mendaftar dan membuat forum sobat sendiri. Langkah selanjutnya silahkan buat sebuah lamat baru.
3. Masukkan kode dibawah ini:
<script type="text/javascript">
//<![CDATA[
document.write('<iframe src="URL FORUM" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" style="width:100%;height:700px;border: none; visibility: visible;"></iframe>');
//]]>
</script>Ganti URL FORUM dengan URL FORUM sobat sendiri, dan Fungsi (scrolling="yes") mengaktifkan scroll dari layar, Serta (height:700px) untuk tingginya. Silahkan atur sendiri sesuai sobat yang di inginkan.
4. Tambahkan kode CSS nya dibawah ini tepat dibawahnya kode diatas.
<style scoped="scoped" type="text/css">
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
</style>Maka hasilnya kayak dibawah:
<style scoped="scoped" type="text/css">
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
</style>
<script type="text/javascript">
//<![CDATA[
document.write('<iframe src="URL FORUM" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" style="width:100%;height:700px;border: none; visibility: visible;"></iframe>');
//]]>
</script>5. Publikasikan. Dan lihat hasilnya.
Untuk DEMO nya bisa lihat di Blog KOMPI AJAIB dibawah ini:
Sekian untuk Tutorial Cara Membuat Forum diDalam Blog Sendiri. Terimakasih
Source: http://www.kompiajaib.com/2015/11/embed-forum-dari-forumotion-di-blog.html
0 comments: