Pages

Senin, 21 Februari 2011

cara untuk membuat menu tab view

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini :]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin>atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode : </head>

<script src='http://archie.opik.googlepages.com/tabview.js' type='text/javascript'/>

5. Kemudian "Di save"
6. Lalu pergi ke menu "Page Elements"
7. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
8. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>


Internet Via Bluetooth

Secara garis besar, langkah2 untuk connect internet via bluetooth modem adalah sbb :

1. Pairing device/hp dengan PC/laptop.

2. Detect modem. Jika HP-nya support bluetooth modem, maka di PC bisa diliat ci Control Panel –> Phone and Modem Options –> Tab Modem : akan muncul modem bluetooth.

3. Test modem. Pada Tab Modem di atas, klik modem yg akan di-test. Klik Properties, kemudian query modem.

4. Jika modem terhubung, akan ada respon dari modem.

5. Klik Advanced modem Setting. Pada isian Extra initialization command, isi dengan : +CGDCONT=1,”IP”,”APN_name”
#catatan : APN_name diganti dengan APN masing-2 operator, misal untuk IM3/Mentari, ganti APN_name dengan indosatgprs, sehingga extra initialization command menjadi : +CGDCONT=1,”IP”,”indosatgprs”

6. Buat dial-up connection. Klik Control Panel –> Network Connection –> Create a new Connection–>Connect to The Internet–>Set up manually–>Connect using dial up modem–>Isi nama ISP terserah anda, misal Indosat. Pada isian user name dan password ngikutin operator masing-2, untuk indosat, username :indosat, password : indosat
Pilih modem untuk koneksi dengan modem bluetooth yang tadi disetting (ingat nomor port COM-nya). Untuk nomor dial-up adalah : *99#

Tips Sehat Saat Di Depan Komputer

Tips Sehat main Komputer

Tips Sehat Saat Di Depan Komputer
Pastinya agan2 disini kalau berada di depan layar komputer itu berjam-jam bahkan bisa setengah hari kan? nah untuk menghindari hal-hal yang kurang baik untuk tubuh kita saya berikan tips sehat saat di depan komputer sebagai berikut :

1. Jika Bermain Komputer dalam jangka waktu panjang alangkah baiknya menyediakan air minum (air putih atau semacamnya) hal ini dilakukan untuk mengurangi dehidrasi, soalnya kalau dekat komputer kita kena radiasanya. jadi cepat haus dan kekurangan cairan tubuh contohnya saja buat netter yang duduk lama trus bangun dan tiba2 jadi gelap pandangannya nah ini salah satu saran buat netter mencegah hal itu terjadi, dengan demikian tips aman komputer ini dapat dipraktekkan dengan sebaik-baiknya .

2. Hal kedua ini ane dapat dari baca buku alangkah baiknya mengistirahatkan mata 10-20 mnt setiap 2-3 jam sekali. bagusnya lihat pemandangan yang jauh dan berwarna hijau karena warna hijau merupakan warna yang cerah dan dibuku di tulis dapat menyegarkan mata yang kecapean .

3. Jangan duduk kelamaan karena bisa menggangu atau menyebabkan Ginjal kita dan hati kita cepat rusak. nah di tips yang pertama itu juga berfungsi untuk mencegah hal ini terjadi, setidaknya mengurangi resiko gitu

4. Kalau bisa saat berada di dekat layar computer, Resolusi atau effect terangnya itu dikecilkan dan jarak aman komputer mata di perjauh dari monitor untuk menghindari radiasi yang berlebihan dari komputer, agar mata tidak terlalu cepat lelah dan cepat rusak.

5 nah bagi yang suka main com pas matiin lampu, wah ini bahaya banget nih . . . selain mempercepat proses perusakan mata, hal ini juga bisa membuat otak kita menjadi cepat lemah dan rusak dan hal ini biasanya membuat mata kita sakit pada keesokan harinya dan menyebabkan mata tidak tahan melihat terang atau cahaya dari luar . . .

Sedikit tips mudah-mudahan bermanfaat

Perbedaan Microsoft Office 2007 dan 2010


Di awal tahun 2010 Microsoft Office mengeluarkan versi beta dari MS Office 2010. Dan kemaren saya baru saja membuat postingan tentang Microsoft Office 2010 Full Patch + Serial ^_^. kali ini saya akan menjelaskan sedikit perbedaan antara Microsoft Office 2007 dan Microsoft Office 2010.

  • Lebih Cepat. Microsoft Office 2010 di claim lebih cepat start-upnya dibandingkan 2007. Selain lebih cepat Office 2010 terbagi menjadi aplikasi 64 bit (x64) dan 32 bit (x86). Jadi kalau kalian ingin pakai Ms Ofice 2010 disarankan untuk melihat dulu jenis OS yang dipakai di komputer agar performa komputer lebih cepat saat menjalankan program. Untuk performa saat dijalankan saya nggak begitu merasakan berat, karena saya menginstall program ini di komputer yang cukup mumpuni performanya.
  • Ribon lebih simple. Dibandingkan tampilan ribon di 2007, menurut saya ribon di 2010 lebih simple dan enak dilihat. Sebetulnya hampir sama persis, namun pada setiap tombol-tombol di ribon tidak diberi kotak atau separator sehingga terlihat lebih lenggang dan lebih mudah dicari tombol-tombol yang kita inginkan. Beberapa blog teman juga megnatakan ada beberapa tombol yang tidak begitu berguna dihapus dari ribon, tapi sebetulnya kita bisa mengedit tombol-tombol yang ada di ribon agar sesuai dengan kebutuhan kita pada menu properties
  • Application Menu. Di MS Office 2007 kita menemukan application menu yang simple saat meng-klik logo ofice di pojok kiri, disini juga dapat kita temukan dengan meng-klik tombol file. Hanya saja tampilannya lebih menarik bila dibandingkan dengan 2007 yang simpel. Tapi menurut saya dari fungsibilitas saya kurang suka, justru malah ribet karena ada pilihan pilihan menu yang tidak begitu penting dipaparkan seperti permisions dan info yang nggak begitu berguna buat saya. Di aplikasi office selain word, menu ini disesuaikan warnanya dengan themes. Misalkan pada excel berwarna hijau dan power point orange kecoklatan. Dengan tampilnya application menu yang lebih atraktif saya kagum pada pemakaian pertama. Habis itu ketika memakai berkali-kali, menu yang atraktif ini buat saya nyaris nggak ada gunanya.
  • Artistic Effects pada image. Sepert Photoshop, kini di office pun bisa menggunakan filter artistic effects pada image yang kita gunakan di ms Word. Di dalam ribon picture tools (format) kita bisa memilih 23 effects artistik yang dapat digunakan pada image seperti sketsa lukisan pensil (pencil sketches), pastel dan cat minyak (oil paintings), maosaic dan kaca bergelombang (rippled glass). Nggak hanya sampai disitu aja, Office 2010 juga punya alat penghilang background gambar (Remove Background tool) nah, fitur yang satu ini jadi salah satu point selling penting ms Office 2010.
  • Smart art yang lebih editable dan beragam. Kita bisa menemukan smart art di Office 2007. Kini di Office 2010 fitur smart art memiliki lebih banyak diagram dan lebih banyak opsi untuk diedit. Namun bagi yans suka dengan persentasi menggunakan MS Power point, smart art akan membantu mempercantik bentuk persentasi anda. :)
  • Fitur video yang lebih maksimal pada Power Point. Pada power point kita bisa memasukan video HD dengan format movie file yang lebih banyak dibandingkan office 2007. dan yang paling mengesankan kita bisa menaruh kode embed code youtube pada persentasi kita. Kekurangannya ketika menaruh kode embed youtube kita harus online saat memutar video tersebut di persentasi. Disini kita juga bisa menambahkan filter pada video kita dengan mudah. Dan hebatnya lagi kita bisa menaruh video kita ini pada frame 3 dimensi. Keren bukan? buat kalian yang suka persentasi wajib nih pakai ms Office 2010.

Kamis, 10 Februari 2011

Instalasi dan Konfigurasi Webserver JOOMLA Pada Linux Debian Woody

a. Konfigurasi NIC (Network Interface Card) di Debian Woody
Konfigurasi NIC meliputi setting IP Address untuk pengalamatan komputer web server dan web mail. Dalam konfigurasi ini diperlukan pengeditan file script kartu jaringan tersebut. Ada 2 buah file pokok untuk mengkonfiugrasi NIC yaitu file yang berada pada directory :
· /etc/network/interfaces
File ini berfungsi untuk pengisisan IP Address dari komputer.
· /etc/resolv.conf
File ini digunakan untuk menentukan IP Address dari DNS Server / ISP dan pencarian domain.
Langkah – langkah konfiugurasi NIC adalah sebagai berikut :
1. Login sebagai root. Jika ada tanda # berarti login sebagai root.
2. Mengedit file interface pada directory /etc/network. Karena eth0 sudah disetting maka kita hanya menambahkan dns-nameserver dan dns-search.
Untuk menyimpan tekan ctrl+x+y


3. Tambahkanlah DNS dan IP eth0 pada directory /etc/resolf.conf.
woody~# nano /etc/resolv.conf
Untuk menyimpan tekan ctrl+x+y

4. Restart layanan network untuk mengetahui apakah network telah berjalan.
woody:~# /etc/init.d/networking restart
* Reconfiguring network interfaces... [ OK ]
Untuk melihat hasil konfigurasi, lakukan perintah:
Woody:~#ping 10.10.10.4
b. Langkah-langkah Setting Webserver menggunakan Xampp dan Joomla pada Debian Woody
Webserver
Webserver digunakan supaya sebuah halaman web dapat ditampilkan di internet dengan menggunakan sebuah program browser seperti Netscape atau Internet Explorer.
Konfigurasi Xampp pada Debian Woody
Xampp adalah gabungan dari Apache, PHP, MySQL, dan aplikasi web lainnya.
1. Ekstrak software xampp-linux-1.2.tar pada directory /opt/ dan tunggu hingga proses pengekstrakan selesai.

2. Aktifkan xampp dengan perintah:
woody:#/opt/lampp/lampp start

3. Edit file /opt/lampp/etc/httpd.conf dengan perintah:
Woody:~#nano /opt/lamp/etc/httpd.conf
4. Di dalam file /opt/lampp/etc/httpd.conf cari kata ServerAdmin tambah kata admin@citrix1.com dan pada ServerName tambah kata www.citrix1.com:80
Untuk menyimpan tekan ctrl+x+y

5. Restart xampp dengan perintah:
Woody:~#/opt/lampp/lampp restart
Konfigurasi Joomla pada Debian Woody
Joomla adalah aplikasi pengolah konten (Content Management System) yang bebas dan terbuka ditulis menggunakan PHP dan basisdata MySQL. Dengan menggunakan Xampp tidak perlu menginstal masing-masing aplikasi pendukung Joomla seperti Apache sebagai webserver, MySQL sebagai database server, dan skrip PHP.
1. Buat directory Joomla di /opt/lampp/htdocs/ untuk penyimpanan file-file joomla. Karena disini akan membuat 2 webserver dengan menggunakan joomla, maka buat 2 directory.
Woody:~#mkdir /opt/lamp/htdocs/Joomla
Woody:~#mkdir /opt/lamp/htdocs/Joomla2
2. Ekstrak aplikasi Joomla_1.5.21-Stable-Full_Package.tar pada masing-masing directory /opt/lampp/htdocs/Joomla dan /opt/lampp/htdocs/Joomla2, tunggu hingga proses pengekstrakan selesai.
Woody:/home#tar xfvz Joomla_1.5.21-Stable-Full_Package.tar.gz –C /opt/lamp/htdocs/Joomla
Woody:/home#tar xfvz Joomla_1.5.21-Stable-Full_Package.tar.gz –C /opt/lamp/htdocs/Joomla2
3. Edit display errors pada file /opt/lampp/etc/php.ini dan pada kata display_errors = on diubah menjadi display_errors = off
Woody:~#/nano /opt/lamp/etc/php.ini
Untuk menyimpan tekan ctrl+x+y

4. Restart xampp dengan perintah:
Woody:~#/opt/lampp/lampp restart
5. Pada PC Client cek webserver menggunakan browser, dan pastikan bahwa client sudah benar-benar connect dengan jaringan server. Pada address bar ketik nama domain yang sudah dibuat. Dan pilih PHPMYADMIN

6. Buat folder data base untuk Joomla dan Joomla2 pada kolom Create new database.
Installasi Joomla pada Debian Woody
Installasi Joomla Pertama
Pada address bar ketik www.citrix1.com/Joomla untuk memulai installasi Joomla
1. Pemilihan Bahasa
Jika requirement joomla sudah terpenuhi, akan melihat halaman awal instalasi joomla yakni pemilihan bahasa pengantar yang digunakan pada langkah-langkah instalasi joomla selanjutnya. Pilih default bahasa pengantar en-GB- English (United Kingdom).Klik Next.

2. Cek Prainstal
Langkah selanjutnya adalah cek prainstal. Pada langkah ini, Joomla melakukan cek requirement apakah server yang pergunakan sudah memenuhi kriteria yang dibutuhkan joomla. Joomla akan mencek berbagai parameter PHP yang dibutuhkan untuk operasional Joomla. Selanjutnya klik Next.

3. Lisensi GNU
Pada langkah ini, terdapat pernyataan lisensi GNU General Public License yang digunakan sebagai lisensi Joomla. Dengan lisensi ini, anda bebas menggunakan Joomla untuk keperluan anda, menyebarluaskan, dan memodifikasinya. Klik Next.

4. Konfigurasi Database
Langkah konfigurasi database ini adalah langkah yang penting karena Joomla akan menggunakannya untuk melakukan koneksi ke database. Karena pada tutorial ini menggunakan xampp, ketikkan isian konfigurasi dengan :
- Database Type : mysql à Database yang digunakan
- Host Name : localhost à Nama hostname
- Username : root àUsername MySql
- Password : ------- à (kosongi, default)
- Database Name : Joomla à Nama database yang digunakan
Selanjutnya klik Next.

5. Konfigurasi FTP
Langkah ini untuk melakukan konfigurasi FTP (File Transfer Protocol) yang berfungsi menangani transfer file. Biarkan default dan klik Next.
6. Konfigurasi Utama
Pada langkah ini, Kita menentukan konfigurasi :
- Site Name : www.citrix1.com à isikan dengan nama website
- Your Email : hasty_susy@yahoo.com à isikan dengan email and
- Admin Password : ●●●● à isikan dengan password administrator web
- Confirm Admin Password : ●●●● à isikan ulang password admin
Selanjutnya klik Next.

7. Finish
Selamat, Pada langkah ini, telah berhasil mengkonfigurasi Joomla.

8. Selanjutnya pada PC server buat file configuration.php yang berisi copy-paste dari kode pada text area. Upload/taruh pada folder root citrix1. Pada kasus ini, pada folder /opt/lampp/htdocs/Joomla.
Woody:~# cp configuration.php /opt/lampp/htdocs/Joomla
9. Selanjutnya hapus folder installation dengan :
Woody:~#rm –rf /opt/lampp/htdocs/Joomla/installation/
10. Selesai sudah instalasi Joomla, selanjutnya kita bisa melakukan kustomisasi web yang baru kita buat. Cek konfigurasi Joomla di PC Client. Sebelumnya harus mengedit VirtualHostnya di file httpd.conf
Woody:~# nano /opt/lamp/etc/httpd.conf

11. Buat directory dan file untuk penyimpanan virtualhost
Woody:~#mkdir /opt/lampp/etc/extra
Woody:~#nano /opt/etc/extra/httpd-vhost.conf
Untuk menyimpan tekan ctrl+x+y

12. Restart xampp dengan perintah:
Woody:~#/opt/lampp/lampp restart
13. Pada PC Client ketik di address bar www.citrix1.com maka akan muncul jendela seperti di bawah ini. Berarti konfigurasi Joomla pertama sukses.

Installasi Joomla Kedua
1. Pada address bar ketik www.citrix1.com/Joomla2 untuk memulai installasi Joomla. Cara penginstallan sama dengan Joomla pertama. Hanya saja ditambahkan virtualhosnya di file /opt/lampp/etc/extra/httpd-vhost.conf untuk pengalamatannya.

Woody:~#nano /opt/etc/extra/httpd-vhost.conf
Untuk menyimpan tekan ctrl+x+y
2. Restart xampp dengan perintah:
Woody:~#/opt/lampp/lampp restart
3. Pada PC Client ketik di address bar network.citrix1.com maka akan muncul jendela seperti di bawah ini. Berarti konfigurasi Joomla kedua sukses.