Showing posts with label tutorial. Show all posts

Thursday, 29 November 2012

Membuat Spoiler (Show/Hide pane) di Post




1.  Spoiler dengan Border Tanpa Background.
 
Kode :
<div id="Spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat lagi'; }" name="button" type="button" value="Nama Spoiler" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><p style="text-align: justify;">Masukkan teks yang ingin disembunyikan disini</p></div><div id="Tutup"></div></div></div>

Hasil :

 
2.  Spoiler Show/Hide dengan Border Tanpa Background

Kode :
<div id="Spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat lagi'; }" name="button" type="button" value="Nama Spoiler" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><p style="text-align: justify;">Masukkan teks yang ingin disembunyikan disini</p></div><div id="Tutup"></div></div></div>


Hasil :

Sunday, 4 November 2012

Menembus Website yang Diblokir Dengan PD-Proxy


Ingin membuka website yang di blokir oleh ISP / di blokir oleh sistem ?
VPN (Virtual Private Network) solusinya ...

           Sebenarnya ada banyak sekali VPN yang gratis sekarang ini, cuma kali ini gw mo share salah satu VPN yang gk cuma gratis, tapi juga mudah dalam pemakaiannya, yaitu PD-Proxy

           PD-Proxy semacam tunneling software yang dapat membobol firewall koneksi yang kita gunakan & mengenkripsi koneksi kita sehingga gk cuma bisa ngebuka website-website yang di blokir ISP tapi juga bisa menyembunyikan identitas kita (Anonymous Connection).



sedikit gambaran tentang VPN

Sunday, 30 September 2012

Membuat 'Read More...' / 'Baca Selengkapnya' Pada Post di Blog (Versi Sederhana)



Kali ini gw akan share cara membuat 'Read More ... ' / 'Baca Selengkapnya' pada blog, tapi ini versi mudahnya, gk perlu pake edit html scrip segala, cukup 1 - 2 klik saja :D .

Tujuan nambahin 'Read More ... ' / 'Baca Selengkapnya' supaya blog kita di lihat orang lebih rapih dan lebih ringan load page-nya.

Apalagi kalo blog lo isinya banyak gambarnya (kayak punya gw) kasian kalo orang harus ngload seluruh gambar padahal dia cuma pengen liat salah satu postnya doang.

Langsung aja ini caranya bro :

     1. buka blog lo, trus masuk ke Desain di pojok kanan



     2. di sebelah kiri, pilih tab post trus pilih edit di post yang mau di bikin 'Read More ... '
         / 'Baca Selengkapnya'


Sunday, 23 September 2012

Segarkan Tampilan Windows dengan Skin Pack

 


Bosan dengan tampilan Windows-lo ?
Pengen ganti tampilan secara keseluruhan ?
Pengen gonta-ganti tema ?

SkinPack™ solusinya :D

biar lo pada tertarik, berikut ini gw kasi beberapa contoh Windows yang telah bertransformasi menggunakan SkinPack


Android Jelly Bean Style

 

Sunday, 16 September 2012

Maximize Your Dekstop with XWidget




Maksimalkan tampilan dekstop lo dengan X-Widget


        sesuai tema blog ini, maka lo akan memberikan satu dari banyak cara untuk mempercantik desktop.
Beberapa dari lo semua mungkin sudah pada tau dengan freeware yang 1 ini, tapi di blog ini gk akan cuma ngeshare softwarenya, tapi juga beberapa hasil "Desktop" yang sudah lo buat dengan software ini ditambah link-link widget apa saja yang gw pakai.

Kenapa XWidget ?
         karena selain mudah di aplikasikan dan di kreasikan, aplikasi ini juga sangat ringan dan tidak memakan banyak RAM.



 

Berikut beberapa preview Desktop yang menggunakan XWidget