Menampilkan Foto 360 Derajat di Website

Image: truthlabs.com

Cara Menampilkan Foto 360 Derajat di Website WordPress Dan Lainnya

Menampilkan Foto 360 Derajat di Website terdapat dua cara, yang keduanya menurut saya sama-sama mudah, sama-sama simpel dan yang terpenting keduanya sama-sama bisa digunakan. Berikut kedua cara Menampilkan Foto 360 Derajat di Website yang biasa aku pakai.

1. Menampilkan Foto 360 Derajat di Website dengan Kode

Kode berikut bisa Kamu gunakan di website Kamu hanya dengan mengcopy paste kode tersebut kedalam halaman web atau ke dalam postingan web. Perlu diketahui, yang akan saya bagikan merupakan cara menampilkan file Foto 360 Derajat dari hasil software krpano, untuk software lainnya bisa menyesuaikan.

Menampilkan Foto 360 Derajat di Website membutuhkan javascript, maka pertama Kamu bisa memasukkan kode untuk memang file javascript tersebut dengan kode berikut:

Baca Juga :  6 Cara Mendapatkan Uang Dari Internet Melalui Blog

<script src=”https://www.edisusilo.com/file/embedpano.js“></script>

Font bercetak tebal Kamu bisa ganti dengan file javascript yang Kamu punya, atau bisa menggunakan file saya. Berikutnya Kamu bisa masukkan kode berikut:

<div id=”pano” style=”width:100%; height:400px;”></div>

Font bercetak tebal Kamu bisa ganti dengan ukuran yang sesuai dengan keinginan Kamu. Untuk ukuran berdasarkan persen Kamu dapat menggunakan simbol % dan untuk ukuran berdasarkan pixel Kamu dapat menggunakand engan simbil px. Dan yang terakhir Kamu bisa memasukkan kode berikut:

<script>
embedpano({swf:”https://www.edisusilo.com/portfolio/index.swf”, xml:”https://www.edisusilo.com/portfolio/index.xml”, target:”pano”});
</script>

Font bercetak tebal Kamu bisa ganti dengan letak atau alamat file dimana Kamu simpan. Pada Software krpano, terdapat dua type file yang berungsi untuk sistem pada Foto 360 Derajat, yaitu: file dengan format *.swf dan format *.xml. Kedua file tersebut harus di munculkan bersamaan pada kode diatas.

Baca Juga :  Pixabay: Penyedia Gambar Gratis Untuk Blog Yang Lengkap Banget!

Berikut kode keseluruhannya :

<script src=”https://www.edisusilo.com/file/vr/embedpano.js“></script>
<div id=”pano” style=”width:100%; height:400px;”></div>
<script>
embedpano({swf:”https://www.edisusilo.com/portfolio/index.swf”, xml:”https://www.edisusilo.com/portfolio/index.xml”, target:”pano”});
</script>

Selain kode diatas, ada yang lebih mudah dan simpel lagi. Asal Kamu tau dimana posisi file Foto 360 Derajat nya. Kamu tinggal mengganti urlnya yang berhuruf tebal dibawah ini dan memasukkannya diwebsite Kamu.

<iframe src=”https://www.edisusilo.com/portfolio” width=”600″ height=”400″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

2. Menampilkan Foto 360 Derajat di Website dengan Plugin pada WordPress

Kalau tadi kita menampilkan Foto 360 Derajat dengan kode, maka sekarang kita juga bisa menampilkan dengan plugin khususnya pada cms wordpress. Untuk plugin ini bisa digunakan untuk berbagai software selain krpano, diantaranya : Panotour, Pano2VR dan lainnya yang menggunakan Flash dan HTML5.

Baca Juga :  6 Manfaat SEO Bagi Blog Yang Perlu Kamu Ketahui!

Langkah yang perlu Kamu lakukan adalah menginstall atau plugin yang bernama PanoPress. Plugin tersebut bisa didapat di website resminya atau di plugin wordpress sendiri. Setelah diinstall, Kamu tinggal mengatur ukuran dan fungsi-fungsi yang Kamu inginkan muncul pada file Foto 360 Derajat.

Cara pakainyanya mudah, Kamu tinggal memasukkan kode berikut ke halaman website atau postingan website.

[pano file=”https://www.edisusilo.com/portfolio/index.html”]

Font bercetak tebal Kamu bisa ganti dengan letak atau alamat file dimana Kamu simpan.



Leave a Reply

Your email address will not be published. Required fields are marked *