Embed Lembaga Dari Forumotion Di Blog

Sebenarnya aku sebelumnya sudah ada beberapa postingan yang membahas cara menciptakan sebuah lembaga di blog diantaranya dengan menciptakan lembaga blog di Google Groups dan Nabble. Namun sayang untuk Google Groups, loadingnya masih sangat menyiksa pengguna sehingga banyak blogger yang tidak menggunakannya. Sedangkah untuk Nabble, lembaga terganggu dengan munculnya iklan sehingga harus upgrade premium untuk menghilangkan iklannya.

Namun Forumotion.com memperlihatkan hal lain untuk sebuah forum. Selain gratis, menciptakan forum di Forumotion sangat gampang dengan fitur yang cukup lengkap untuk sebuah lembaga gratis dan tampilannya cukup profesional dengan banyak sekali tema yang dapat dipilih.

Namun Forumotion tidak menyediakan aba-aba embed forum untuk ditampilkan di blog personal sehingga kita harus lebih kreatif. Dengan memakai iframe kita dapat menampilkan lembaga dari Forumotion di blog.

Untuk demonya silahkan lihat dan coba di Forum Kompi Ajaib

Bagaimana, Anda tertarik juga untuk membuatnya di blog Anda?

Silahkan buat sebuah lembaga di Forumotion.com. Forumotion menyediakan beberapa domain utama untuk lembaga Anda yang dapat dipilih. Anda tinggal menciptakan sub domain untuk lembaga Anda dan menentukan domain utamanya lalu klik Create a Forum. Selanjutnya silahkan ikuti petunjuk selanjutnya, aku yakin Anda niscaya dapat membuatnya jadi aku tidak perlu menjelaskannya di sini.

Setelah Anda berhasil menciptakan forumnya, silahkan gunakan aba-aba di bawah ini untuk menampilkan lembaga di blog Anda.

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

Silahkan ganti URL FORUM dengan url lembaga Anda. Untuk lebar dapat kita buat 100% semoga mengikuti lebar postingan blog Anda, namun kita harus menentukan tingginya (height:700px tinggi iframe dapat Anda sesuaikan) sehingga kita mengaktifkan scroll bar pada iframe-nya (scrolling="yes") semoga lembaga tidak terpotong.

Nah untuk memperindah scroll bar-nya silahkan gunakan aba-aba di bawah ini.

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

Sehingga secara keseluruhan, silahkan simpan aba-aba di bawah ini di postingan blog Anda (saran aku gunakan halaman statis) pada mode HTML.

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

Selamat mencoba dan semoga bermanfaat....
Sumber https://www.kompiajaib.com/

Share this post