Newbie Blog: 2013

Mempercantik web atau blog dengan open font library

Membuat tampilan web atau blog dengan font khusus memang lebih bagus.
Tapi bagaimana kalau dibuka menggunakan komputer yang tidak terinstall font yang kita pakai, atau bagaimana kalau dibuka pakai handphone? Tampilannya apakah masih sesuai dengan font yang kita inginkan?
Solusinya kita gunakan web font, di sini akan saya bahas open font library yang font nya juga masih berformat ttf.
Untuk memilih font yang kita inginkan, langsung saja menuju ke openfontlibrary.org
Sebagai contoh kita pilih font Strato, maka di bagian header html harus kita tambahkan kode berikut ini:

kemudian di bagian css kita tambahkan font-family: 'Strato';
contoh kita bikin class unik

.unik {
   font-family: 'Strato';
   font-weight: normal;
   font-style: normal;
}

dan untuk penggunaanya semacam ini:

<span class="unik;">Ini contoh tulisan menggunakan Web Font</span>

dan hasilnya jadi seperti ini:
Ini contoh tulisan menggunakan Web Font

Font dari open font library ini bisa kita gunakan secara langsung seperti contoh di atas, dan bisa dengan cara kita download kemudian kita upload ke server kita sendiri.
Untuk yang upload sendiri, kita gak perlu lagi pakai rel stylesheet seperti di atas. tapi kita harus menambahkan kode berikut ini di stylesheet (css) kita:

@font-face {
font-family: 'nama fontnya';
src: url('filefontnya.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Silakan mencoba.
Mudah-mudahan penjelasanku ini bisa mudah dipahami.

Web font ini sudah saya test di komputer berjalan bagus, untuk HP Android pakai browser bawaan HP dan opera mobile juga bagus.
Tapi untuk browser ucweb font nya tetap font ucweb. Berarti ucweb gak bagus ya? :)
Sepertinya ucweb gak support truetype font, bagi pengguna ucweb silakan tunggu update ucweb yang support truetype font. Tapi entah kapan mau dirilisnya hehe....

PHP Geo targeted content atau geo targeted ads

Kadang untuk beberapa alasan tertentu, kita ingin menampilkan konten (content) atau iklan (ads) hanya untuk pengunjung dari negara tertentu saja.
Script ini bisa digunakan untuk keperluan tersebut.
Negara dari IP pengunjung kita dapatkan dari API www.freegeoip.net yang gratis kita gunakan dengan batasan 10.000 queries per jam.
langsung saja, scriptnya seperti ini

contoh hanya untuk menampilkan iklan atau konten visitor dari negara Amerika

$urlgeo = "http://www.freegeoip.net/json/".$_SERVER['REMOTE_ADDR'];
$geo = file_get_contents($urlgeo);
$jsgeo = json_decode($geo, true);
$negara = $jsgeo['country_code'];
if($negara == 'US') {
 echo 'konten atau kode iklan';
}

contoh untuk menampilkan iklan jika visitor bukan dari negara Cina

$urlgeo = "http://www.freegeoip.net/json/".$_SERVER['REMOTE_ADDR'];
$geo = file_get_contents($urlgeo);
$jsgeo = json_decode($geo, true);
$negara = $jsgeo['country_code'];
if($negara != 'CN') {
 echo 'konten atau kode iklan';
}

mudah-mudahan script ini bermanfaat.

Plugins Word Press Hide Comments are closed

Kalau kita blogging menggunakan wordpress dan mendisable comment, umumnya akan muncul tulisan Comments are closed di bawah postingan kita.
Tapi ada juga beberapa themes yang kalau disabled comment kata Comments are closed itu tidak muncul.
Bagaimana kalau themes yang kita pakai tulisan itu masih muncul?
kita bikin sendiri aja plugins nya, untuk menyembunyikan tulisan itu.
Sekali lagi ini untuk menyembunyikan, bukan untuk membuang atau remove

Biasanya untuk nocomment ini secara umum menggunakan style class nocomments.
kalau dilihat source html nya seperti ini

<p class="nocomments">Comments are closed.</p>

tapi bisa juga tidak seperti itu, tergantung yang membuat themes.
Yang perlu kita perhatikan adalah class nya, dalam hal ini kita dapatkan class nya adalah nocomments

OK langsung kita mulai bikin plugins nya, codenya seperti ini:

<?php
/*
Plugin Name: Hide Comments are closed
Description: Menyembunyikan tulisan Comments are closed
Version: 1.0
Author: Hendro
Author URI: http://mp3free4.us/
*/

function nokomen() {
echo '<style type="text/css">'."\r\n.nocomments {\r\n\tdisplay: none;\r\n}\r\n</style>\r\n";
}
add_filter('wp_head', 'nokomen');
?>

simpan sebagai file nokomen.php atau download plugins hide comments are close text dan upload ke folder plugins wordpress kemudian aktifin melalui dashboard wp admin.
plugins ini akan menggenerate kode html seperti ini di bagian header html

<style type="text/css">
.nocomments {
 display: none;
}
</style>

Sehingga tag html yang menggunakan class nocomments tidak akan terlihat lagi di browser.
Semoga bermanfaat

Setting VPN di HP Android

Menyambung share saya sebelumnya tentang VPN gratis sekarang akan saya share cara setting nya untuk HP Android.
Di Android yang bukan root juga bisa, dan tidak memerlukan aplikasi karena menu setingnya sudah ada.
Di sini saya menggunakan HP Samsung Galaxy Y Duos, untuk hp android yang lain mungkin menunya juga sama.

Buka website VPN Gate untuk mendapatkan list server VPN nya.
berikut ini screen shot dari list servernya
(untuk gambar yang lebih besar silakan klik gambarnya)

Karena dari list ini yang support untuk HP Android adalah yang type L2TP/IPsec, biar lebih gampang nyari servernya pilih filternya hanya yang L2TP/IPsec aja yang dicontreng kemudian klik Refresh Server Lists.
Atau bisa juga lihat list VPN nya di Online Proxy List
Masuk ke pengaturan Samsung Galaxy, pilih Nirkabel dan jaringan.
Kemudian pilih Pengaturan VPN, dan Tambah VPN.
pilih yang Tambah L2TP/IPSec PSK VPN
Nama VPN terserah mau dikasih nama apa
Atur server VPN diisi dengan host server VPN nya, misal vg1940035682.opengw.net
Atur tombol pra-bagi IPSec diisi dengan vpn (huruf kecil semua)
Yang lain biarkan saja, kemudaian Simpan

credential

Setelah setting VPN disimpan sekarang tinggal menyambungkan ke server VPN (GPRS harus sudah aktif)
Klik nama VPN yang tadi kita bikin, nama pengguna dan kata sandi diisi dengan vpn (huruf kecil semua), ingat nama pengguna dicontreng biar lain kali kalau mau nyambung ulang tinggal masukin sandinya doang.
Klik hubung dan tunggu sampai muncul notifikasi vpn tersambung. kalau yang muncul notifikasi vpn terputus berarti ada yang salah, entah yang salah servernya atau nama pengguna dan sandi. Tapi bisa juga karena VPN nya sudah mati (sessionnya sudah habis), jadi kita harus update lagi dari situs VPN Gate.
Untuk test apakah koneksimu sudah menggunakan VPN atau belum bisa test pakai GeoIP tester kalau IP dan ISP nya sudah berbeda dengan IP provider internetnya berarti koneksi internet kita sudah melalui VPN, website yang biasa diblokir oleh penyedia layanan internet juga sekarang akan bisa dibuka.

Selain VPN type L2TP/IPsec hp Android juga bisa menggunakan VPN type PPTP.
Server PPTP, nama pengguna dan sandinya bisa kita dapat dari VPN IP, cara setingnya juga hampir sama.
Selain VPN IP juga masih ada lagi PPTP yang lain, silakan cari dengan google dengan kata kunci free VPN.
Tapi VPN type PPTP tidak saya rekomendasikan karena ribet, biasanya sesinya cuma sebentar, tiap 5 s/d 15 menit koneksi VPN nya terputus dan harus sambung ulang, dan harus klik Agree di website penyedia VPN nya dulu baru bisa kita pakai VPN nya.

Cara Setting VPN Gratis menggunakan VPN Gate dan aplikasi Soft Ether

Kali ini saya akan berbagi cara seting VPN yang bisa kita dapatkan secara gratis baik server VPN nya maupun aplikasinya. Aplikasi yang saya gunakan adalah Soft Ether VPN. Yang belum punya dan ingin mencoba silakan unduh aplikasinya di situs resmi SoftEther Untuk server VPN nya saya menggunakan VPN Gate

Langsung saja, saya anggap anda telah memiliki software SoftETher
Buka SoftEther kemudian klik 2x pada Add VPN Connection seperti gambar berikut:
(untuk gambar yang lebih besar silakan klik gambarnya)

akan muncul jendela seperti ini

kemudian buka website VPN Gate untuk mendapatkan list server VPN nya.
berikut ini screen shot dari list servernya

Balik ke SoftEther, Setting Name isi terserah, kemudian Host Name isi dengan hostname dari VPN gate misal kita ambil yang Japan

vg1940035682.opengw.net

untuk Port Number nya kalau gak ada pilihan yang sesuai di VPN gate bisa diisi manaul dalam contoh ini 1789.
Virtual Hub Name diisi dengan VPNGATE.
User Name dan Password diisi dengan vpn kemudian klik OK

Untuk menyambungkan VPN klik 2x nama setting connection yang udah kita bikin tadi atau bisa juga klik kanan kemudian pilih connect.
Atau bisa juga dengan cara tidak usah Add VPN Connection, tapi dengan Public VPN.
Caranya klik 2x VPN Gate Public VPN Relay Servers, akan muncul list seperti ini

kemudian klik 2x salah satu server yang mau dipakai, kemudian klik OK.
Server yang mau dipakai sebaiknya pilih yang VPN Sessions nya tidak 0, biasanya yang sesinya sudah 0 susah (tidak bisa) terhubung.
Tunggu sampai proses koneksi selesai yang ditandai dengan munculnya pesan your assigned IP seperti ini

Untuk test apakah koneksimu sudah menggunakan VPN atau belum bisa test pakai www.iplocation.net kalau IP dan ISP nya sudah berbeda dengan IP provider internetnya berarti koneksi internet kita sudah melalui VPN, website yang biasa diblokir oleh penyedia layanan internet juga sekarang akan bisa dibuka.
Untuk yang menggunakan aplikasi open vpn juga bisa pakai server vpn gate, setingnya bisa didownload dari list server klik OpenVPN Config file.

Untuk cara setting VPN di HP Android non root silakan klik di sini