Memasang iFrame di Blog

Sebenarnya iframe bukan hal baru dalam dunia web master. Fitur ini memungkinkan sebuah situs di embed atau di tempelkan di situs lain. Untuk lebih jelasnya perhatikan contoh iframe dibawah ini. Disini saya mencoba embed situs saya lainnya http://alterget.blogspot.com ke postingan ini.

Berikut adalah coding untuk memunculkan iframe tersebut:

<iframe align="center" frameborder="0" height="1600" marginheight="0" marginwidth="0" src="http://alterget.blogspot.com/" width="100%" scrolling="yes">Loading...</iframe>

Keterangan:

1. Tag <iframe> berfungsi untuk memanggil fungsi iframe.
2. Tag Align = Mengatur rata iframe (Center/left/right).
3. Tag frameborder = Mengatur tebal border iframe.
4. Tag Height = Mengatur Tinggi.
5. Tag marginheight = mengatur batas margin untuk vertikal.
6. Tag marginwidth = mengatur batas margin untuk horizontal.
7. Tag src= adalah sumber iframe.
8. Tag Width = Mengatur Lebar.
9. Tag Scrolling = Deklarasi fungsi scrolling (yes/no/auto).

Selamat mencoba. Untuk contoh yang lebih sempurna silahkan klik link dibawah ini:

http://alterget.blogspot.com/p/online-shop.html

Selamat mencoba

Continue

Compress PNG .File With TinyPNG

Bagi kalian yang sering mepublish Gambar ke Web dengan format .PNG sekarang anda tidak direpotkan kembali dengan urusan resize ukuran file karena sekarang sudah terdapat layanan resize file .PNG yaitu TinyPNG. Layanan ini berbasis Web dan gratis.

Cara penggunaannya cukup mudah. anda hanya perlu menggeser gambar yang ingin anda compress, lalu tunggu beberapa saat dan download hasilnya ke perangkat anda.

Keunggulan:

Support Upload 20 Gambar Sekaligus.

Kelemahan:

20 Gambar yang di upload sekaligus tidak boleh lebih dari 2MB.

Overall ketika saya pernah mengompres file .PNG dari 800 KB menjadi 100 KB. Bagi kalian yang ingin menggunakan layayan ini silahkan kunjungi http://tinypng.org/

Continue

Review Google URL Shortener

Pada kesempatan kli ini saya akan membahas fasilitas Google untuk memperpendek suatu URL. layanan ini sangat berguna apabila kalian mempunyai URL Link yang terlampau panjang dan mempunyai syntax "&" dimana terdapat beberapa template Blogger yang tidak mengizinkan syntax tersebut.

Beberapa keunggulan layanan Google url Shortener:

1. Tidak Ada Iklan, sehingga langsung di redirect ke situs yang dituju.
2. Tidak butuh akun khusus.
3. Penggunaan yang mudah dan relatif lebih responsif dari layanan sejenis.

Bagi yang ingin menikamti layanan ini silahkan akses http://goo.gl/

Selamat mencoba

Continue

AjaXplorer CMS Cloud Mirip 4Shared

CMS Cloud yang selanjutnya saya coba adalah CMS bernama AjaXplorer. CMS ini berlisensi Opensource dan mempunyai tampilan mirip 4Shared. Kelebihan yang lain CMS ini ini dapat di install melalui Yum (Red Hat Based) ataupun APT (Debian Based).

Pada percobaan kali ini saya menginstall AjaXplorer di Ubuntu yang sudah diinstall dimesin virtualBox. Berikut langkah-langkah instalasi AjaXplorer.

• Deklarasi Repository

Buka Software Sources melalui terminal ataupun GUI.

Terminal

Edit file Sources.list

sudo gedit /etc/apt/sources.list

Input syntax berikut:

deb http://dl.ajaxplorer.info/repos/apt squeeze main

deb-src http://dl.ajaxplorer.info/repos/apt squeeze main

Lalu download GPG Key dan Add Key tersebut.

wget -O - http://dl.ajaxplorer.info/repos/charles@ajaxplorer.info.gpg.key | sudo apt-key add -

GUI

Buka menu system - Software Sources

Buka tab other software dan tambah:

deb http://dl.ajaxplorer.info/repos/apt squeeze main

deb-src http://dl.ajaxplorer.info/repos/apt squeeze main

Lalu download GPG Key dan Add Key tersebut.
wget -O - http://dl.ajaxplorer.info/repos/charles@ajaxplorer.info.gpg.key | sudo apt-key add -

• Jika sudah lakukan Update Repository

sudo apt-get update

• Install AjaXplorer

sudo apt-get install ajaxplorer

• Copy Konfigurasi Apache untuk AjaXplorer

cp /usr/share/doc/ajaxplorer/apache2.sample.conf /etc/apache2/sites-enabled/ajaxplorer.conf

• Restart Service Apache

sudo /etc/init.d/apache2 restart

• Buka layanan AjaXplorer

Buka Web Browser dan buka http://localhost/ajaxplorer
maka ajaxploreer akan membuat username admin secara otomatis.
username = admin
password = admin

Secara default file AjaXpolrer terdapat pada directory /etc/ajaxplorer/
Selamat mencoba.

Continue

Instalasi OwnCloud Pada Ubuntu

Sebenarnya saya baru mencoba-coba menggunakan aplikasi CMS untuk membangun sebuah situs cloud, walaupun baru dalam skala lokal. CMS pertama yang saya coba adalah CMS Cloud bernama OwnCloud. CMS ini gratis dan tampilannya hampir mirip dengan Mediafire.

Pada percobaan kali ini saya menginstall CMS ini pada Ubuntu yang sudah diinstall pada mesin virtual Oracle VirtualBox. Berikut detail aplikasi yang saya gunakan:

Oracle VirtualBox

1. Apache Web Server
2. OwnCloud
3. Mysql Server
4. PHP Myadmin
5. Firestarter
6. Win SCP
7. Web Browser disarankan Firefox.

Langkah-langkah:

• Install dahulu Ubuntu pada mesin virtualbox
• Install firestarter firewall dengan perintah:

sudo apt-get update

sudo apt-get install firestarter

Buka port 80 dan port 22 pada inbound connection Firestarter.

• Install Win SCP pada sistem operasi Windows hal ini berguna untuk meremote Ubuntu pada Oracle virtual box via SSH 

Jika sudah matikan ubuntu pada mesin virtual

Pada virtual box klik sistem operasi yang ingin di edit - klik setting - pada bagian network.

Network Adapter 1 = NAT

Network Adapter 2 = vbox host only

• Hidupkan lagi Ubuntu

Setting firestarter firewall seperti pada gambar dibawah ini:

Keterangan:

Eth0 = NAT

Eth1 = Vbox host only Adapter

Beralih ke Ubuntu silahkan lakukan update repository dan install paket-paket dibawah ini:

sudo apt-get update

sudo apt-get install apache2 php5 php5-json php-xml php-mbstring php5-zip php5-gd

sudo apt-get install php5-sqlite curl libcurl3 libcurl3-dev php5-curl php-pdo

Jika dalam menginstall ada masalah dan ada keterangan paket tidak tersedia lakukan instalisasi secara individual misal install apache2 lakukan dengan perintah:

sudo apt-get install apache2

lalu instalisasi paket selanjutnya.

• Lalu install mysql-server

sudo apt-get install mysql-server

Input password mysql root (terserah anda).

• Install phpmyadmin

sudo apt-get install phpmyadmin

Jika sudah download paket OwnCloud

• Download OwnCloud disini.
• Setelah didownload extract paket tersebut menggunakan sofware Archive seperti Winrar atau 7Zip. Dalam percobaan kali ini owncloud saya download pada sistem operasi Windows dan saya akan pindahkan ke Ubuntu pada Virtualbox menggunakan WinSCP

Beralih pada Windows silahkan install WinSCP yang dapat anda dapatkan disini.

Login ke Ubuntu dengan memasukkan IP, username, dan password admin.

Pindahkan folder hasil extract owncloud ke directory /var/www/
Disini saya sendiri rename folder teserbut dengan nama cloud. Drag folder tersebut seperti dibawah ini.

Jika sudah ubah permission  folder yang sudah diupload dengan cara klik kanan - properties seperti dibawah ini

Ubah permission ke 777 dan checklist set group, owner, and permission reclusively.

Jika sudah buka web browser anda disarankan Firefox dan buka http://localhost/nama folder owncloud

Set User dan password admin

Klik advanced pilih username mysql server dan passwordnya.

Jika sudah klik finish.

Login - Maka admin panel owncloud sudah terbuka.

Sekarang anda sudah mendapatkan aplikasi cloud sesuai settingan anda sendiri.
Update:
Owncloud dapat digabung dengan LDAP Zimbra, karena OwnCloud sendiri sudah mendukung backend LDAP. OwnCloud juga mempunyai SyncClient yaitu aplikasi Desktop untuk Windows Linux dan Mac yang dapat didownload disini.

Selamat mencoba.

Continue