Sobat RuBRik postingan kali ini adalah menjawab pertanyaan rekan kita dari Palembang, yang intinya beliau menanyakan
"bagaimana cara memasang youtube dan fblike di cms Formulasi ?? Pengen saya bisa tampil seperti di blog saya di widgate. Saya sangat kesulitan.. mohon bisa dibuatkan tutorialnya Pak.
Sebenarnya jika anda telah advance di wordpress atau blogspot tidak menajdi masalah, yang kadang membingungkan pengguna awal cmsF adalah bagaimana menempatkannya.
Kita simak bersama-sama yuk ??
1. Mendesain Youtube
Langkah pertama anda harus mengetahui embeed youtube yang akan anda pasang. Tentunya cara ini sudah cukup familiar bukan ? Jika mau review singkat saja ya:
Langkah pertama anda harus mengetahui code embeed youtube yang akan anda pasang. Caranya adalah sbb :
- Masuk ke situs www.youtube.com
- Pilih video yang akan di ambil Embed Codenya
- Lihat di bawah video klik "Bagi"
- Setelah itu akan muncul beberapa pilihan sharing ke berbagai situs,sobat pilih aja "Sematkan".
- Kemudian akan muncul Embed Code Youtube.
Anda bisa mengubah ukuran tampilan videonya dengan mengubah width / lebar dan height / tingginya, untuk disesuaikan dengan ukuran blok tema cms Formulasi yang anda pakai.
Sebagai contoh saya menggunakan embeed youtube sbb :
<iframe width="250" height="215" src="//www.youtube.com/embed/gycxHD6ULXI" frameborder="0" allowfullscreen></iframe>
</div>
Langkah selanjutnya anda buat script sebagai berikut dan save dengan format php, sebagai berikut :
<?php
/* Forum Multimedia Edukasi www. formulasi.or.id cms.formulasi.or.id
* @copyright Copyright (C) 2013 CMS Formulasi Open Source, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* Ari Rusmanto ariecupu@ymail.com
* Fauzan A Mahanani fauzan.mahanani@formulasi.or.id
* Design blok : Panji Damar http://rubrik.web.id
*/
if (!isset($_SESSION['kontenisi'])){
header ('location:../../index.php');
break;
}
?>
<div class="kotakSidebar">
<img src="file/tema/<?php echo $_SESSION['temaweb'];?>/css/img/youtube.png"></br></br>
<ul style="padding: 0px 0px 2px 2px; list-style: circle; margin: 0 0 5px 0;">
<iframe width="250" height="215" src="//www.youtube.com/embed/gycxHD6ULXI" frameborder="0" allowfullscreen></iframe>
</div>
Selanjutnya save dan file tsb dengan nama youtube.php anda masukkan ke kontenweb/blok. Kemudian aktifkan blok tersebut lewat adminpanel
Apakah Langkah ini membingungkan buat Anda ?? Jika bingung, silakan uduh blok untuk youtube ini dan anda ganti code Youtubenya saja.
2. Mendesain FB Like di cmsF
Terlebih dahulu anda buat fanpage dari facebook anda, jika sudah memiliki makan langkah selanjutnya adalah sbb :
1. kunjungi https://www.facebook.com/pages/Stembatema-Dot-Com/134692176693931
2. pada bagian Facebook Page URL masukkan fanpage anda, maka akan muncul sbb
3. Selanjutnya klik get code dan pilih iframe, sebagai contoh punya saya adalah sbb :
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FStembatema-Dot-Com%2F134692176693931&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=206545619491546" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>
4. Kemudian kita buat file dengan nama fblike.php dan masukkan script tsb menjadi seperti ini :
<div class="kotakSidebar">
<img src="file/tema/<?php echo $_SESSION['temaweb'];?>/css/img/fanpage.png"></br></br>
<ul style="padding: 0px 0px 2px 2px; list-style: circle; margin: 0 0 5px 0;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FStembatema-Dot-Com%2F134692176693931&width=250&height=250&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=206545619491546" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;" allowTransparency="true"></iframe>
</div>
Selanjutnya save dan file tsb dengan nama fblike.php anda masukkan ke kontenweb/blok. Kemudian aktifkan blok tersebut lewat adminpanel
Apakah Langkah ini membingungkan buat Anda ?? Jika bingung, silakan uduh blok untuk fbLike ini dan anda ganti code likeBox saja.
UNDUH BLOK_FBLike
Nah jika kedua blok diatas dikerjakan dengan benar, maka anda akan menghasilkan tampilan seperti ini.
Cukup mudah bukan ??
Semoga Tips kali ini sudah melegakan sobat kita di Palembang, dan rekan pengguna cmsF.
Salam RuBRiK
