.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

Text Shadow CSS

0 komentar


Ini adalah salah satu cara membuat efek animasi pada text yaitu memberikan effek shadow pada text.

Mungkin penerapan efek ini dapat membuat tampilan halaman browser menjadi menarik dari segi text tentunnya.

Untuk melihat singkat Source CSS (Cascading Style Sheet ) dalam membuat efek shadow  text tersebut lihatlah di bawah ini.







style.css




.textShadow{
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:36px;
   color:#FFFFFF;
  text-shadow: 0px 1px 10px #000000;

}

Untuk melihat secara lengkap silahkan download script CSS (Cascading Style Sheet) untuk membuat suatu efek text shadow ini.

Klik Here To Download 

















Suni

Selamat Lebaran 1432 H

0 komentar
Allahu Akbar, Allahu Akbar, Allahu Akbar..........
Alhamdulillah, lebaran kali ini Kang Eko dan Keluarga masih diberikan kesehatan dan keimanan  serta kesempatan untuk menemui lebaran 1432H ini oleh Allah SWT. Lebaran kali ini Kang Eko mendapatkan libur selama 1 minggu dimulai dari 29 Agustus - 3 Agustus 2011. Dan tepat Jam 07.30 tanggal 29 Agustus 2011 hari Senin Kang Eko beserta Istri (Umi Asih) dan Anak (Adik Hannun), meluncur dari Kota Boja Kendal menuju ke Pemalang tempat kelahiran Istri Kang Eko. Tepatnya di gg. Anggur Kel. Bojongbata, Pemalang.

Perjalanan menuju ke Pemalang terasa sangat lancar, karena kami berlawanan arah dengan arus mudik lebaran. Kang Eko sekeluarga naik Bus. Sayang sopirnya ngantuk sehingga sempat was-was juga selama perjalanan. Tepat Jam 11, Alhamdulillah, Kang Eko dan keluarga sampai di Rumah Pemalang. Cuaca di sana sangat terasa panas tapi Kang Eko dan keluarga sangat bersyukur masih dapat mudik ke kampung halaman Istri Tercinta.

Untuk Lebaran kali ini Kang Eko memang belum sempat ke kampung halaman Kang Eko di desa Sumberjo Kab. Rembang, sebelah barat Pasar Kota Rembang, dikarenakan ada si kecil HANNUN. Kasihan kalau harus menempuh perjalanan bolak-balik Pemalang Kendal Rembang, karena umurnya baru 14 bulan.

Oya, Pada kesempatan yang suci ini di lebaran 1432 H, Kang Eko menyadari telah banyak berbuat salah kepada para pengunjung setia blog ini, banyak pertanyaan yang Kang Eko belum bisa / sempat jawab, dan banyak juga jawaban yang mungkin masih sangat kurang bisa memuaskan penanya di blog ini. Satu lagi saat ini Kang Eko juga jarang banget update blog kang Eko ini, karena kesibukan kang Eko dalam mencukupi nafkah buat Keluarga.


Untuk itu Kang Eko dan Keluarga mengucapkan :
Taqabalallahu Minna Wa Minkum,
Minal 'Aidzin wal Faidzin, Mohon Maaf Lahir dan Bathin.
Nyuwun Pangapunten Sedoyo Kalepatan Kang Eko lan Keluarga dumatheng Panjenengan Sedoyo.
Semoga Amal Ibadah kita semuanya di Terima oleh Allah SWT, Amiinnnn..
Buat yang Non Muslim selamat LIBURAN Hari Raya Idul Fitri, Semoga kebahagian selalu menyertai kita semua.

Suni

The Best Acapella In The World

0 komentar
acapella music played by Mike Tompkins is a very good acapella. And I think it is the world's best acapella I've ever seen. Harmonization of sound on the music played by Mike Tompkins very harmonious and pleasing to the hearing. If you've never seen her video please see here:




Suni

Tips Memperkuat SEO Blogspot | Tutorial SEO

0 komentar
Pada Kali ini saya akan berbagi artikel mengenai SEO. Agar banyak dikunjungi oleh pengunjung dan artikel kita terus di baca orang banyak, ada beberapa trik yang harus dilakukan. Diantaranya yaitu dengan memperkuat SEO pada blog kita. Dengan memperkuat SEO dapat meningkatkan visitor ke blog anda.



Berikut adalah tips nya :



Ada beberapa cara untuk meningkatkan kualitas seo blog antara lain yang saya ketahui yaitu :



* Gunakan hosting untuk blog Anda yang seo friendly.



* Gunakan tema yang seo friendly.



* Tata penyusunan dan penulisan artikel atau konten blog Anda.



* Gunakan Inbound link dengan anchor text keyword yang Anda target.



* Penyelarasan title, deskripsi dan keyword pada meta tag blog Anda.



* Gunakan dan sisipkan keyword pada konten Anda.



* Cari baklink sebanyak � banyaknya dan yang berkualitas.



sumber : http://handokotantra.com/cara-tepat-meningkatkan-kualitas-seo-blog.html





Namun, dibalik beberapa trik seo diatas, yang terpenting pada blog adalah sejauh mana informasi yang anda berikan berguna bagi orang lain. Meskipun trik seo yang anda lakukan sudah maksimal dan boleh di bilang lengkap, Namun jika informasi yang anda sajikan tidak bermanfaat, maka semua itu sia sia. Saya teringat ketika blog saya tidak masuk rank pada alexa page rank. Dan blog teman saya merupakan ranking pertama. Dan ternyata setelah saya lihat pengunjungnya, pengunjung blog saya jauh lebih banyak dari blog dia. Ini terbukti bahwa trik seo berada pada urutan ke 2 setelah artikel yang kita posting. Fokus lah pada artikel atau informasi yang anda buat, kemudian barulah anda memaksimal kan seo pada blog anda.



Suni

Tips Ampuh Mencegah Jerawat Pada Pria

0 komentar
Ada Baiknya Ketika Kita mencegah penyakit dibandingkan dengan mengobati penyakit. Sebab mengobati pada umumnya lebih sulit dan membutuhkan waktu yang bahkan cukup lama. Untuk Mencegah timbulnya jerawat pada wajah anda, ada beberapa cara yang harus ditempuh sebagai berikut :



1. Bersihkan muka dari kosmetik sebelum tidur

2. Hindari makanan manis dan berminyak

3. Perhatikan gizi agar seimbang, konsumsi cukup vitamin C dan Vitamin E

4. Hindari penggunaan kosmetik yang berminyak

5. Berikan kulit perlindungan dari sinar matahari terutama pada musim panas

6. Jangan begadang

7. Jangan biarkan kotoran dan debu tinggal di permukaan kulit

8. Bersihkan dan rawat kulit wajah dengan tuntas



Jika Anda mengikuti langkah tersebut dengan sungguh sungguh dan benar benar menerapkan pola hidup sehat pada kehidupan anda, mudah mudahan anda terhindar dari jerawat yang menjengkelkan. Demikian lah artikel mengenai tips ampuh mencegah munculnya jerawat pada wajah baik pria maupun wanita.



Semoga artikel ini bermanfaat untuk anda dalam mencegah jerawat yang muncul ;;;;



Terimakasih :-D



Sumber :

http://hot.detik.com/read/2008/03/13/082447/907940/445/tips-mencegah-jerawat



Suni

Tips Ampuh Mengobati Jerawat

0 komentar
Jerawat merupakan salah satu penyakit kulit yang sering tumbuh di muka dan pada umumnya dialami oleh remaja. Pada kasus lain jerawat bisa juga tumbuh di bagian selain muka. Berikut adalah tips mengenai "cara ampuh mengobati jerawat". Tips ampuh mengobati jerawat ini saya dapatkan dari website solusi-jerawat.blogspot.com. Baik, untuk tidak memperpanjang berikut adalah tips ampuh menghilangkan jerawat secara alami. Semoga membantu ... :-)


* Selalu menjaga kebersihan wajah, dengan rajin membasuh muka dengan sabun yang cocok dengan PH kulit anda. Berwudhu pun juga termasuk terapi ampuh untuk mengurangi jerawat.



* Rajin berolahraga atau melakukan akitivitas fisik yang lumayan banyak menghasilkan keringat, hal ini terbukti sekali saat saya bekerja sebagai seorang pelaksana di sebuah perusahaan perkapalan dimana aktivitas kerja saya sangat banyak menghasilkan keringat yang ternyata berakibat positif untuk menurunkan tingkat keparahan jerawat saya.



* Rajin minum air putih. Tampaknya memang sederhana, tapi terapi ini benar benar manjur tidak hanya untuk masalah jerawat saja bahkan untuk penyakit penyakit berat lain sekalipun. Dengan bagusnya sistem "pengairan" di tubuh anda, maka darah anda ataupun organ lain tubuh anda akan bisa lebih "bersih" dan sehat sehingga akan mendukung proses penyembuhan anda dari jerawat atau penyakit lainnya.



* Hindari stress berlebihan karena bisa menjadi pemicu semakin banyaknya jerawat anda, saya sudah coba buktikan sendiri dengan rajin melakukan tehnik menenangkan hati yang ada di website ini, silahkan anda coba buktikan sendiri :)



Tips diatas memang terlihat sederhana, namun jika kesemua tips ampuh menghilangkan jerawat di atas di terapkan dengan sungguh sungguh, insyaallah akan membantu anda dalam menghilangkan jerawat. Banyak orang yang jerawat nya hilang bukan karena obat obatan namun dengan cara meningkatkan kebersihan pada wajah mereka.



Terimakasih :-D
Suni

Met Idul Fitri 1432H

0 komentar



SELAMAT HARI RAYA IDUL FITRI 2011 1432H

Mohon Maaf Lahir Dan Batin

Yang lagi mau mudik, harap hati-hati di perjalanan. Sanak keluarga menunggu Anda di tempat tujuan. Ini beberapa tips supaya persiapan mudik jadi lebih mudah dan nyaman :

  1. Buatlah daftar list persiapan barang-barang dan perlengkapan yang akan dibawa. Jangan lupa cek kembali catatan tersebut sebelum berangkat agar tidak ada yang ketinggalan atau kelupaan.
  2. Siapkan uang tunai secara terpisah dalam wadah masing-masing. Misalnya untuk beli tiket sendiri, belanja oleh-oleh, beli bensin, dll. Hati-hati copet !
  3. Bawa surat-surat penting yang diperlukan. Misal STNK,SIM, Tiket, dll.
  4. Cek kembali persiapan kendaraan yang anda pakai sebelum berangkat, kalau bisa dipanasin dulu 15 menit sebelum berangkat. Cek ban dan bensin juga.
  5. Bawa perlengkapan makanan dan kesehatan untuk di jalan. Baik itu obat mabuk, multivitamin, air minum, makanan kecil atau permen. Hindari beli makanan di perjalanan bila tidak perlu.
  6. Yang paling penting, bawa charger handphone Anda, isi pulsanya juga. Nggak kebingungan kalau nanti mau nelp lowbatt juga ndak ada pulsa.
  7. Saran saya bawa barang janganlah terlalu banyak, perhatian anda tidak akan fokus saat perjalanan karena banyaknya barang. Secukupnya dan seperlunya saja.
  8. Telp dan beri kabar sanak saudara Anda terlebih dahulu bila Anda akan datang untuk mudik. Jaga-jaga bila ada sesuatu yang tidak diinginkan waktu perjalanan. Selain itu juga saudara kita di tempat tujuan bisa tahu dan mungkin malah bisa jemput kalau kita sudah sampai.
  9. �Saat perjalanan, jaga kondisi tubuh dengan tidak terlalu banyak makan besar. Juga hindari menerima makanan atau minuman dari orang yang tidak anda kenal sebelumnya.
  10. Terakhir, doa semoga perjalanan kita aman dan nyaman sampai tempat tujuan.

Ok, selamat mudik semuanya :)

Suni

MVA (Microsoft Virtual Academy)

0 komentar
Sebelum lebaran nich, saya akan bagi bagi THR kepada rekan-rekan.. :) .. Tapi bukan berbentuk uang secara langsung loh. Bagi rekan-rekan yang ingin menimba ilmu secara gratis tentang teknologi cloud dari Microsoft seperti SQL Azure, Windows Azure, Office 365 dan lain-lain, silahkan kunjungin link berikut.
Ayoo buruan mumpung gratis nich..

Wassalam..
Suni

Review Promo Lebaran Provider

0 komentar
Memang waktunya lebaran, memang waktunya berkah untuk semua orang termasuk provider juga untuk panen untung. Dengan banyaknya iklan di televisi dan iklan-iklan di billboard sangat seru untuk berebut pelanggan baru pada masa lebaran ini dengan promo-promo yang ditawarkan.

Review dari saya ini semoga bisa membantu Anda untuk memilih promo yang ditawarkan atau malah memilih provider baru yang mungkin lebih bagus.�

*) Blog ini tidak bertanggung jawab apabila iklan provider yang ditawarkan ada yang tidak sesuai dengan pemakaian Anda. Iklan yang ditampilkan hanya review dan bukan promo dari blog ini.

1. TELKOMSEL

Provider dari simPATI, kartuHALO, Kartu AS, dan Telkomsel Flash

Lebih lanjut klik www.telkomsel.com

2. INDOSAT

Provider dari Matrix, StarOne, Mentari, IM3, IM2, Indosat Mobile

Lebih lanjut klik www.indosat.com

3. XL�

XL Axiata lebih lanjut klik www.xl.co.id

4.Telkom Flexi

Lebih lanjut klik www.telkomflexi.com

5. Esia

Lebih lanjut klik www.myesia.com

6. Axis

Lebih lanjut klik www.axisworld.co.id

7. Three

Lebih lanjut klik www.three.co.id

8. SmartFren

Lebih lanjut klik www.smartfren.com

Suni

Make Over komponen jPanel Java Menjadi Transparan

0 komentar


Menurut saya sudah bukan jamannya lagi kalo aplikasi yang kita buat sesuai dengan fungsi'ya saja, alangkah baiknya amplikasi yang di buat tampak menarik dan cantik untuk di lihat oleh si pengguna program.

Tampilan menarik menambah nilai lebih dari aplikasi yang kita buat , salah satu'ya untuk membuat tampilan agar lebih menarik coba lihat tata cara make over komponen jPanel Java menjadi transparan berikut ini :





import java.awt.Color;

import java.awt.Graphics;

import java.awt.Graphics2D;

import javax.swing.JPanel;



public class PanelTransparan extends JPanel{
  private Color col;
  public PanelTransparan() {
  setOpaque(false);
  col=new Color(getBackground().getRed(),getBackground().getGreen(),
getBackground().getBlue(),80);
}

  @Override
  public void setBackground(Color bg) {
    super.setBackground(bg);
    col=new Color(getBackground().getRed(),getBackground().getGreen(),
getBackground().getBlue(),80);
    repaint();
  }

  @Override
  protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Graphics2D gr=(Graphics2D)g.create();
    gr.setColor(col);
    gr.fillRect(0, 0, getWidth(), getHeight());
    gr.dispose();
  }



}

Untuk lebih jelas dan untuk melihat aplikasi yang sudah jadi klik download di bawah ini.

Klik Here To Download

















Suni

Sedikit tentang HTML, XHTML dan HTML5

0 komentar


Sekilas mengenai HTML, XHTML dan HTML5 apasih perbedaan dari masing-masing tersebut, buat orang IT atau orang yg hobi di depan komputer pasti tau apa singkatan dari HTML dan fungsi dan HTML itu sendiri, yaitu singkatan dari Hyper Text Markup Language yang berfungsi untuk mendesign suatu halaman / tampilan suatu website, singkatnya. Kemudian apa sih yang di maksud atau hubungannya dengan XHTML dan HTML5 itu sendiri. okeey kita bahas singkat di sini.





Untuk sedikit lebih jelas perhatikan kode HTML di bawah ini :


<p> <b> My Name Is Nuryanto </p> </b>

Penulisan kode HTML tersebut di atas tidak lah tersusun dengan benar sehingga pemrosesan kode tersebut akan lebih lama dan kompleks karena tidak ada standarisasi penulisan kode.







Dari permasalah singkat tersebut maka W3C atau pengembang teknologi berbasis web merekomendasikan eXtensible HyperText Markup Language atau yang di singkat dengan XHTML untuk menstandarisasikan penulisan kode HTML tersebut. Tujuan dari XHTML itu sendiri yaitu menutupi dari kekurangan HTML seperti ketidak teraturan penulisan syntak dan memungkinkan suatu halaman website agar dapat berjalan baik di semua platform bila dalam pengaksesan halaman suatu website tersebut.



Penulisan dari XHTML itu sendiri menjadi seperti berikut :


<p> <b> My Name Is Nuryanto </b> </p>

Hampir sama bukan antara HTML dengan XHTML akan tetapi XHTML menekankan terhadap keteraturan penulisan syntak.

Teknologi yang ada pada HTML ataupun XHTML kurang mendukungnya suatu multimedia oleh karena itu W3C mengembangkan suatu teknologi baru yaitu HTML 5, pada tahun 2011 sekarang teknologi ini masih dalam pengembangan.

Banyak teknologi - teknologi / fitur baru yang ada HTML5 ini salah satunya yaitu pada multimedia. Untuk lebih jelas mengenai pendeklarasian atau penulisan syntak, silahkan download Ebook yang saya telah upload di blog ini di sini.
























Suni

Cara Mengatasi Error MSWINSCK.ocx Not Correctly Registered

0 komentar
Kemarin Kang eko mendapatkan kasus " Component �mswinsck.ocx� or one of its dependencies not correctly registered.: a file is missing or invalid ". Masalah ini muncul ketika selesai scanning virus. Setelah semua virus hilang, windows Kang Eko restart, dan ternyata tiap kali login muncul error Component �mswinsck.ocx� or one of its dependencies not correctly registered. Seperti ada file yang hilang.


Penanganan yang sudah dilakukan dan gagal :
  1. medisable semua service dan startup lewat perintah msconfig di RUN.
  2. memerbersihkan registry windows dengan CCleaner.
  3. Melakukan repair Windows
Semua langkah di atas gagal total dalam mengatasi error  Component �mswinsck.ocx� or one of its dependencies not correctly registered.: a file is missing or invalid. Sempat juga mau install ulang windowsnya.


Akhirnya ketemu Cara Mengatasi Error MSWINSCK.ocx Not Correctly Registered.: a file is missing or invalid:

MSWINSCK.ocx adalah file yang dibutuhkan oleh aplikasi lama untuk listening port tertentu dalam suatu koneksi jaringan. File MSWINSCK.ocx tidak tersedia di windows XP dan windows 7. File  MSWINSCK.ocx ini tidak lagi ditempatkan di dalam folder system32 pada windows.

Berikut Cara Mengatasi Error MSWINSCK.ocx Not Correctly Registered.: a file is missing or invalid : 
  • Download File  MSWINSCK.ocx di link berikut : MSWINSCK for XP.zip dan MSWINSCK for 7.zip. Jadi ada yang untuk Windows XP dan Windows 7.
  • Extract file MSWINSCK.ocx hasil download yang masih dalam bentuk zip.
  • Untuk Windows XP : copy  MSWINSCK.ocx ke folder c:\windows\system32.
  • Untuk Windows 7 32Bit  : copy  MSWINSCK.ocx ke folder c:\windows\system32.
  • Untuk Windows 7 64Bit  : copy  MSWINSCK.ocx ke folder c:\windows\syswow64.
  • Untuk Windows 7, anda harus login sebagai administrator agar bisa mengcopy file  MSWINSCK.ocx
  • Untuk Windows XP, masuk RUN dan ketikkan perintah regsvr32 MSWINSCK.OCX,  kemudian Enter. Dan windows anda akan normal kembali.
  • Untuk Windows 7, Klik kanan pada command prompt => run as administrator => ketikan perintah: regsvr32 c:\windows\syswow64\MSWINSCK.OCX (bagi win7 64Bit) atau regsvr32 c:\windows\system32\MSWINSCK.OCX (bagi win7 32Bit) =>Enter. 
  • Selesai, dan Windows tidak perlu di install ulang lagi.
Demikian Cara Mengatasi Error MSWINSCK.ocx Not Correctly Registered.
Ssemoga bermanfaat.
Suni

The Essensial Guide To HTML 5

0 komentar




Judul : The Essensial Guide To HTML 5

Bahasa : English

Penulis : Jeanine Meyer

Jumlah halaman : 375 halaman

Format : PDF File

Size : 9.86 MB






Klik Here To Download






















Suni

.htaccess Buat Error Page Website

0 komentar










Tau ga gimana cara'ya mengarahkan suatu halaman website khusus page error yang kita buat apabila yang di akses halaman oleh pengunjung tidak ada atau sering disebut page not found, atau juga mengarahkan halaman website error tersebut apabila server sedang mengalami gangguan Bad Request, Forbide atau error yang terjadi pada sisi server lainnya.


Cara melakukan hal tersebut yaitu dengan mengedit file .htaccess, coba cari aja file tersebut di server anda pasti ada, kemudian anda bikin dulu suatu halaman website khusus untuk halaman error, halaman tersebut akan di alihkan apabila server mengalami gangguan yang di atas di sebutkan tadi.


Buka file .htaccess masukan script seperti di bawah ini :



ErrorDocument 400 /errors/halaman error1.html

ErrorDocument 401 /errors/halaman error2.html

ErrorDocument 403 /errors/halaman error3.html

ErrorDocument 404 /errors/halaman error4.html

ErrorDocument 409 /errors/halaman error5.html


Keterangan :


  •  /error/halaman error.html  yaitu tempat dan nama file website yang akan di akses apabila terjadi suatu error yang ada pada server.

  • 400 Bad Request yaitu kesalahan apabila suatu client melakukan hal-hal yang aneh terhadap URL atau Script suatu website.

  • 401 Authorization Required yaitu kesalahan apabila client tidak bisa masuk / mengakses kedalam suatu website, karena websute tersebut di otentikasi buat client-client tertentu saja.

  • 403 Forbidden yaitu tidak diijinkannya suatu client mengakses suatu perintah pada suatu server.

  • 404 Not Found yaitu tidak adanya halaman yang di akses oleh client.

  • 409 Conflicting Request yaitu kesalahan atas terjadinya suatu konflik request pada server yang dilakukan oleh suatu client.



















Suni

Efek Transparan dengan CSS

0 komentar


Untuk menciptakan effek menarik pada suatu website yang akan di bangun sudah tentu banyak caranya.

Salah satu caranya yaitu dengan menambahkan effek transparan pada suatu halaman website yang kita bangun dan tentunya menggunakan CSS (Cascading Style Sheet).



Contohnya pada blog yang ada sekarang lihat ini menggunakan effek transparan, tampak menarik bukan. utuk melihat sekilas mengenai script CSS (Cascading Style Sheet) yang digunakan untuk membuat efek transparan berserta script HTML selahkan lihat di bawah ini.



style.css



.transparentWhite{
   /* Theoretically for IE 8 & 9 (more valid) */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

   /* This works in IE 8 & 9 too */
   /* ... but also 5, 6, 7 */
   filter: alpha(opacity=50);
   /* Older than Firefox 0.9 */
   -moz-opacity:0.5;

   /* Safari 1.x (pre WebKit!) */
   -khtml-opacity: 0.5;

   /* Modern!
   /* Firefox 0.9+, Safari 2?, Chrome any?
   /* Opera 9+, IE 9+ */
   opacity: 0.5;
 
   background:#FFFFFF;
   width:150px; height:150px;
   margin:10px; float:left;

}

Untuk melihat secara lengkap silahkan download script CSS (Cascading Style Sheet) untuk membuat suatu efek transparan ini.

Klik Here To Download


















Suni

Border Radius CSS

0 komentar



Mau tahu gimana cara membuat border radius atau membuat lancip pada suatu persegi dengan menggunakan CSS (Cascading Style Sheet) berikut ini solusinya.





Untuk Melihat mengenai sekilas script CSS yang digunakan mengenai membuat lancip pada suatu persegi atau juga dapat digunakan untuk object gambar maka lihat script di bawah ini.













style.css


.leftTopRadius{

   width:150px;

   height:150px;

   background:#CCCCCC;

   margin:5px;

   float:left;

   -webkit-border-top-left-radius: 50px;

   -moz-border-radius-topleft: 50px;

   border-top-left-radius: 50px;

}

.rightTopRadius{

   width:150px;

   height:150px;

   background:#CCCCCC;

   margin:5px;
float:left;

   -webkit-border-top-right-radius: 50px;

   -moz-border-radius-topright: 50px;

   border-top-right-radius: 50px;

}




.leftDownRadius{

   width:150px;

   height:150px;

   background:#CCCCCC;

   margin:5px;

   float:left;

   -webkit-border-bottom-left-radius: 50px;

   -moz-border-radius-bottomleft: 50px;
   border-bottom-left-radius: 50px;

}

.rightDownRadius{

   width:150px;

   height:150px;
   background:#CCCCCC;

   margin:5px;

   float:left;

   -webkit-border-bottom-right-radius: 50px;

   -moz-border-radius-bottomright: 50px;

   border-bottom-right-radius: 50px;




Silahkan Download  untuk lebih lengkapnya kemudian bongkar Sourcode'ya kemudian pahami script CSS (Casecading Style Sheet) untuk membuat lancip suatu kota yang ada di dalamnya.



Klik Here To Download



















Suni

Gradient dengan CSS

0 komentar



Sudah tidak asing lagi buat orang yang terbiasa design website so pasti pake CSS (Cascading Style Sheet) solusinya.


Berikut ini adalah tata cara membuat gradient dengan menggunakan CSS, mungkin penggunaan / pemakaian gradient ini dapat berfungsi untuk mempercantik halaman website yang kalian bangun.



Style.css




#gradientSatu{

  background: #9aa9b3;

  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#9aa9b3));
  background: -webkit-linear-gradient(top, #000000, #9aa9b3);

  background: -moz-linear-gradient(top, #000000, #9aa9b3);

  background: -ms-linear-gradient(top, #000000, #9aa9b3);

  background: -o-linear-gradient(top, #000000, #9aa9b3);

  width:200px;
height:200px;
  float:left;

  margin:5px 5px 5px 5px;
 }


#gradientDua{

  background: #ffadef;

  background: -webkit-gradient(linear, left top, left bottom, from(#e02626), to(#ffadef));    
  background: -webkit-linear-gradient(top, #e02626, #ffadef);
  background: -moz-linear-gradient(top, #e02626, #ffadef);

  background: -ms-linear-gradient(top, #e02626, #ffadef);

  background: -o-linear-gradient(top, #e02626, #ffadef);

  width:200px;
height:200px;
  float:left;

  margin:5px 5px 5px 5px;
}

Silahkan Download kemudian bongkar Sourcode'ya kemudian pahami script CSS (Casecading Style Sheet) yang ada di dalamnya.

Klik Here To Download




















Suni

Navigasi Efek Slide Out dengan jQuery

0 komentar
Pada postingan sebelumnya pernah saya membahas tentang "Cara Membuat Slideshow Dengan Jquery Cycle Plug In" dan "Floating Menu JQuery Dengan Link Efek Disko"



Sekarang kita akan membuat menu navigasi dengan efek slide out yang tetap menggunakan framework jQuery. Menu ini mempunyai efek slide yang sangat halus, saat kita mengarahkan pointer mouse (mouse hover) pada menu, maka menu akan bergeser keluar (slide out) secara perlahan dan akan kembali pada posisi semula jika kita menggeser mouse keluar dari area menu selain itu menu ini akan selalu dalam posisi tetap walau kita menggeser (scroll) halaman naik ataupun turun. Kita bisa saja menggunakan navigasi menu ini untuk berbagai keperluan, misal Sosial Bookmark dan lain sebagainya. Seperti contoh pada gambar di bawah ini :



kang fatur



Jika sobat ingin mencobanya silahkan iktui langkah langkah berikut :



Langkah 1

Login ke Blogger

Langkah 2

Masuk ke "Tata Letak - Edit HTML"

Langkah 3

Klik "Expand Template Widget"

Langkah 4

Cari kode dibawah ini:



]]></b:skin>




Langkah 5

Masukan (copypaste) kode CSS dibawah ini diatas kode pada langkah 4:



ul#menusisi {

position: fixed;

margin: 0px;

padding: 0px;

top: 50px;

left: 0px;

list-style: none;

z-index:9999;

}

ul#menusisi li {

width: 100px;

}

ul#menusisi li a {

display: block;

margin-left: -50px;

width: 100px;

height: 55px;

background-color:#141414;

background-repeat:no-repeat;

background-position:48px center;

border:1px solid #cfcfcf;

-moz-border-radius:0px 10px 10px 0px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-top-right-radius: 10px;

-khtml-border-bottom-right-radius: 10px;

-khtml-border-top-right-radius: 10px;

/*-moz-box-shadow: 0px 4px 3px #000;

-webkit-box-shadow: 0px 4px 3px #000;

*/

opacity: 0.8;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

}

ul#menusisi .beranda a{

background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaBfhOhI/AAAAAAAAD_0/nV3ITEV9d3M/d/nav_home.png);

}

ul#menusisi .tentang a{

background-image: url(http://lh4.ggpht.com/_xcD4JK_dIjU/S9BJaX0yaqI/AAAAAAAAD_4/GZhfUKvK588/d/nav_info.png);

}

ul#menusisi .cari a{

background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJejnwlAI/AAAAAAAAEAE/B_LZd63vGeI/d/nav_search.png);

}

ul#menusisi .komentar a{

background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaFyqDGI/AAAAAAAAD_w/pNO6TUSigBg/d/nav_comment.png);

}

ul#menusisi .rssfeed a{

background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaabJhzI/AAAAAAAAEAA/Oo4mhwCwzbI/d/nav_rss.png);

}

ul#menusisi .alat a{

background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJelocqyI/AAAAAAAAEAI/6SmP-UHv-eg/d/nav_tools.png);

}

ul#menusisi .kontak a{

background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaVZkksI/AAAAAAAAD_8/g5fo6OKT5wE/d/nav_mail.png);

}






Langkah 6

Cari kode dibawah ini:



</head>




Langkah 7

Masukan (copypaste) kode jQuery dibawah ini diatas kode pada langkah 6:



<script src='http://www.google.com/jsapi'/>

<script>

google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);

</script>

<script type="text/javascript">

$(function() {

$('#menusisi a').stop().animate({'marginLeft':'-50px'},1000);

$('#menusisi > li').hover(

function () {

$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);

},

function () {

$('a',$(this)).stop().animate({'marginLeft':'-50px'},200);

}

);

});

</script>




Langkah 8

Cari kode dibawah ini:



</body>





Langkah 9

Masukan (copypaste) kode dibawah ini diatas kode pada langkah 8:



<ul id='menusisi'>

<li class='beranda'><a href='LINKSOBAT' title='Beranda'></a></li>

<li class='tentang'><a href='LINKSOBAT' title='Tentang'></a></li>

<li class='cari'><a href='LINKSOBAT' title='Cari'></a></li>

<li class='alat'><a href='LINKSOBAT' title='Alat'></a></li>

<li class='rssfeed'><a href='LINKSOBAT' title='RSS Feed'></a></li>

<li class='komentar'><a href='LINKSOBAT' title='Komentar'></a></li>

<li class='kontak'><a href='LINKSOBAT' title='Kontak'></a></li>

</ul>






KETERANGAN

  1. Ubahlah LINKSOBAT sesuai dengan link keinginan sobat.
  2. Ubahlah keterangan didalam tag title (misal; title='Beranda' di ubah menjadi title='Home') sesuai dengan keinginan sobat.
  3. Perhatikan kode pada Langkah 5 baris 5 yaitu top: 50px; ubahlah nilai 50 untuk menentukan jarak antara bagian atas halaman blog dengan menu.
  4. Perhatikan kode pada Langkah 5 baris 15 yaitu margin-left: -50px; ubahlah nilai -50 untuk mengatur berapa jarak menu yang akan disembunyikan.
  5. Jika nilai -50 diubah (pada keterangan nomor 4) maka nilai -50 pada Pada Langkah 7 baris 7 dan baris 13 juga harus diubah atau disamakan.
  6. Perhatikan kode pada Langkah 5 baris 34, 37, 40, 43, 46, 49, 52 ubahlah URL Icon sesuai dengan icon yang telah sobat siapkan.








KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Suni

Video Tutorial Texturing Objek di 3DSMax Untuk ARToolkit

0 komentar
Assalamualaikum.
Selamat Datang di Augmented Reality Team. Pada postingan kali ini, akan saya bahas ulang tentang texturing objek di 3DSMax. karena banyak teman kita yang gagal, saat melakukan texturing. maka dari itu, supaya tutorialnya jelas, saya buatkan dalam bentuk Video. semoga video tutorial ini membantu.

Salam.
A.R.T




Dapatkan Buku Kami Disini:
www.nulisbuku.com










Suni

Sertifikat Online Gratis

0 komentar




Sekedar mau share aja buat temen - temen yang pengen sertifikat online secara gratis tanpa bayar 100%, seperti gambar di simping ini contohnya silahkan di coba, lumayan buat lampiran kelak untuk melamar perkerjaan.



Untuk mendaparkan sertifikat online tersebut sudah tentunya harus menempuh test terlebih dahulu, apabila hasil dari tes tersebut dinyatakan lulus maka sertifikat tersebut akan di kirikkan melalui email atau langsung anda dapat menguduhnya.









Berikut halaman yang harus dikunjungi :

1. http://www.betterprogrammer.com/

2. http://www.bamboomedia.net/



Selamat Mencoba !!!




















Suni

Menambahkan Buton Like Facebook, Twitter and Google +

0 komentar



Ingin menambahkan button like dari facebook, twitter dan google+ seperti gambar di samping ini, cukuplah mudah hanya dengan copy paste halaman URL kalian yang akan di like kemudian masuk ke halaman developer facebook, twitter dan google+ kemudian isi halaman url tadi kemudian generate code'ya trus copy paste deh ke halaman website kamu atau blog untuk menampilkan button like tersebut.



Berikut ini halaman yang harus di kunjungi :


  1. http://developers.facebook.com/docs/reference/plugins/like/

  2. http://twitter.com/about/resources/tweetbutton

  3. http://www.google.com/intl/en/webmasters/+1/button/index.htm



Selamat mencoba !!!

















Suni

Cara Kerja Kaca Mata 3D

0 komentar
lagi nyari tugas tentang optik, eh inget kaca mata 3D, coba posting aja sih..


Sumber: http://wahyuriyadi.blogspot.com


Meskipun tahun 1950 dianggap sebagai era film 3 dimensi, film 3D pertama, �The Power of Love�, justru di buat pada tahun1922. Sejak saat itu penggunaan teknologi 3D dalam layar lebar atau televisi telah mengalami pasang surut popularitas. Dan bagi yang telah merasakan menonton film 3D ini, harus mengakui bahwa kacamata 3D sangatlah fantastis dan efisien.







Kacamata ini membuat membuat gambar pada film bioskop dan televisi seperti adegan 3 dimensi yang terjadi tepat di depan anda. Dengan objek bergerak keluar masuk layar dan seolah menuju ke arah anda, dan tokoh jahat yang bergerak keluar untuk menangkap dan meraih tangan anda, kacamata 3D membuat anda merasa bagian dari adegan film, tidak hanya seseorang yang duduk disana menonton adegan tersebut. Mengingat alat ini mempunyai nilai entertainment yang tinggi, anda akan terkejut betapa sederhananya sebetulnya kacamata 3D ini.


Pada artikel kali ini, kita hanya akan membicarakan dua tipe kacamata 3D yang paling populer digunakan. Namun sebelum itu,terlebih dulu kita cari tahu tentang sistem binocular.


Manusia lahir dengan dua buah mata dan sistem penglihatan binocular yang sangat luar biasa. Untuk objek dengan jarak lebih dari 20 kaki (6 samapi 7 meter), sistem binocular membuat kita mudah menetukan seberapa jauh jarak objek tersebut secara akurat. Sebagai contoh. Jika ada beberapa objek di depan, kita akan dengan mudah mengetahui objek mana yang lebih jauh dan objek mana yang lebih dekat, serta seberapa jauhnya jarak objek tersebut dengan kita. Apabila anda melihat dunia dengan sebelah mata tertutup, anda akan tetap dapat memperkirakan jarak, namun keakuratan perkiraan jarak akan menurun.


Untuk melihat seberapa besar perbedaannya, mintalah seorang teman untuk melemparkan bola dan coba untuk menangkap bola tersebut sementara sebelah mata anda tertutup. Juga coba pada ruangan yang sedikit cahaya atau pada malam hari. Pada kondisi ketersediaan cahaya sedikit, perbedaan akan semakin terlihat. Akan lebih sulit untuk menangkap bola hanya dengan sebelah mata terbuka di banding kedua mata terbuka.


Atau lakukan percobaan berikut.


Fokuskan pandangan anda pada gambar sebuah mata di bawah ini. Lalu taruh ibu jari didepan hidung anda menghalangi pandangan. Pandangan tetap fokus pada gambar mata tadi. Maka anda akan melihat gambar mata tersebut berada diantara dua ibu jari. Dan jika fokus pandangan anda alihkan pada ibujari anda, maka ibujari anda berada di antara gambar dua mata. Jika hasil yang anda dapatkan seperti itu, maka sistem binocular anda masih berfungsi baik.









Sistem penglihatan binocular berdasarkan pada kenyataan bahwa dua mata kita terpisah dengan jarak 2 inchi (5 cm). Dengan demikian setiap mata melihat dunia dari perspektif yang sedikit berbeda, dan otak menggunakan perbedaan tersebut untuk menghitung jarak secara akurat. Otak memiliki kemampuan untuk mengkorelasikan dan memperkirakan posisi, jarak, bahkan kecepatan suatu benda melalui data yang diperoleh dari sistem binocular mata.


Dalam menonton film 3D, alasan kenapa anda memakai kacamata 3D adalah untuk mengumpan gambar yang berbeda pada mata. Layar sesungguhnya menampilkan dua gambar, dan kacamata menyebabkan satu gambar masuk ke satu mata, dan gambar lainnya masuk ke mata yang satunya. Terdapat dua sistem umum yang digunakan.


A. Kacamata berbeda warna. Merah/hijau, atau merah/biru.


Sistem ini menggunakan kacamata berbeda warna. Merah/hijau atau yang lebih umum merah/biru. Pada film 3D, proyektor akan menampilkan dua jenis gambar sekaligus. Filter pada kacamata memperbolehkan hanya satu jenis gambar yang masuk ke tiap-tiap mata, kemudian otak akan menyelesaikan sisanya. Sistem kacamata berbeda warna ini mempunyai kelemahan. Warna pada film tidak terlihat dengan baik, sehingga kualitas gambar yang terlihat kurang begitu baik.





B. Kacamata Polarisasi


Di Disney world, Universal studio, dan tempat 3D lainnya, metode yang digunakan adalah lensa polarisasi, karena menghasilkan kualitas gambar yang lebih baik. Dua buah proyektor memproyeksikan dua respektif pada layar, masing-masing dengan polarisasi yang berbeda. Kacamata membuat hanya satu image yang masuk ke tiap-tiap mata karena terdapat lensa dengan polarisasi berbeda.





Sebetulnya ada beberapa sistem lagi. namun karena terlalu rumit dan mahal, mereka tidak digunakan secara luas.
Suni

Tawk.to