Pengen nama Anda tertulis pada Taskbar Windows ? Anda bisa melakukannya !
  1. Pertama, klik menu Start/Settings/Control Panel. 
  2. Setelah berada pada Control Panel, klik ganda icon Regional Settings. 
  3. Pindah ke tab Time.
  4. Pada kolom AM symbol dan PM symbol, ketikkan nama Anda, tapi maksimal 8 karakter termasuk spasi.

0 , Read More

Beberapa Syntax penting untuk javascript


Suatu program mempunyai syntax yang khas yang kadang berbeda dengan program lainnya, dimana dengan perbedaannya tersebut seseorang dapat mengetahui dengan jelas menggunakan compiler apa suatu code tertentu. Setelah sebelumnya kita belajar sedikit tentang javascript, sekarang saatnya mengenal beberapa Syntax penting dari javascript, berikut syntax tersebut:

  • // : Menunjukkan bahwa semua baris sesudah tanda tersebut tidak akan diperhitungkan oleh program. Atau tanda itu digunakan untuk komentar.

  • /* awal dari komentar, tanda ini digunakan untuk komentar yang lebih dari satu baris.

  • */ Akhir dari komentar lebih dari satu baris. Tanda ini juga bukan hanya digunakan untuk komentar tetapi juga untuk code yang kita tidak ingin menghapusnya secara permanen dan suatu saat akan kita gunakan lagi.

  • Curly bracket ({ dan }) digunakan untuk block dari code. Hal ini akan kita lihat banyak pada saat belajar if dan for serta fungsi.

  • Semicolon (;) digunakan untuk akhir baris dari suatu perintah, walaupun tidak harus tetapi sebaiknya selalu gunakan semicolon.


Berikut contoh dari penggunaan syntax di atas.
<script type="text/JavaScript">
// Satu baris komentar biasanya digunakan untuk menjelaskan code apa di bawahnya
/*
Multiline komentar
Biasanya digunakan untuk komentar ataupun code yang sedang diuji contoh Code di bawah tidak akan dijalankan oleh browser
document.write("Pelajaran pertama dari javascript");
*/

//Contoh penggunaan Curly bracket dan semicolon setelah satu baris perintah
for (var j = 1; j <= 1000; ++j) {
document.write('Angka ke = '+ j+'<br/>');
}
</script>

0 Read More

Teknik CSS Sprites ini sangat berguna untuk template yang menggunakan banyak image. Dengan teknik ‘CSS Sprites’ ini akan mempercepat “loading” dan “http request” pada image, sebab beberapa image di template tersebut dikombinasikan dalam satu file image, oleh karenanya image tersebut hanya dipanggil satu kali.

Sebelum lanjut, lihat demo penggunaan teknik CSS Sprite pada menu navigasi. Arahkan mouse anda dan klik, untuk melihat hasil dari teknik tersebut.

Apabila anda menggunakan Browser Firefox, pada demo tersebut, klik kanan pilih view page info, kemudian klik media, untuk melihat image yang digunakan pada menu tersebut.

Penjelasan Teknik CSS Sprites dalam Membuat Menu Navigasi


Sesuai demo diatas, berikut ini tahapan pembuatannya:

1. Image Menu Navigasi

Gambar dibawah ini adalah image yang digunakan pada demo diatas. Gambar tersebut adalah gabungan dari beberapa image yang dibutuhkan untuk menu navigasi, yang nantinya dipilah-pilah dengan teknik CSS.

Contoh Image Menu Navigasi dengan CSS Sprites

Berikut ini penjelasan gambar tersebut:

Penjelasan Image Menu Navigasi dengan CSS Sprites

Gambar yang akan difungsikan sebagai menu navigasi ini terdiri dari tiga bagian, yaitu ‘home‘, ‘about‘ dan ‘contact‘. Masing-masing bagian tersebut memiliki lebar yaitu 80 pixel dan tinggi 30 pixel. Lebar dan tinggi image tersebut yang penting diperhatikan, sebab itu menjadi penentu dalam pembagiannya dengan teknik CSS.

Dari tiga bagian menu tersebut, kemudian dibagi lagi berdasarkan fungsinya yaitu untuk link hover dan link focus, yang dibedakan berdasarkan warna, sesuai gambar diatas.

2. Kode HTML Menu Navigasi

Kode HTML yang digunakan untuk menu navigasi ini ada tiga bagian, seperti dijelaskan pada gambar diatas, yaitu home, about dan contact. Maka penulisan kode HTML nya sebagai berikut:
<ul id="menu">
<li class="home"><a href="#">Home</a></li>
<li class="about"><a href="#">About</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul> 

Yang perlu diperhatikan pada kode html diatas, bahwa tiap menu tersebut menambahkan atribut seperti class(lihat kode yang berwarna biru diatas). Contoh pada menu ‘home’ diatas menggunakan class="home". Penambahan atribut tersebut yang nanti akan berfungsi untuk memilah bagian image tersebut di kode CSS.

3. Kode CSS Menu Navigasi dengan Teknik Sprites

Kode CSS ini adalah bagian penting dari teknik sprites, untuk memilah-milah image tersebut. Kata kunci dari teknik ini adalah pada property background position.

Sebelum masuk ke kode CSS keseluruhan. Berikut ini contoh penjelasan dari teknik ini. Misal pada menu ‘home‘, <li class="home"><a href="#">Home</a></li>, maka CSS nya sebagai berikut:
li.home a{
width:80px;
height:30px;
display:block;
text-indent:-9999px;
background: url(http://lh5.ggpht.com/_dfnTVAxeWMI/S1EmPT3qI_I/AAAAAAAADFk/7x0VpNq7xjg/menu.png) 0 top no-repeat;
}

Penjelasan kode CSS diatas:

width:80px; dan height:30px;, seperti pada penjelasan gambar diatas, bahwa lebar dan tinggi masing-masing image tersebut, seperti ‘home’, lebar 80 pixel dan tinggi 30 pixel.

display:block;, sebagai penegas untuk mem-block image tersebut yang memiliki tinggi dan lebar.
text-indent:-9999px;, untuk menyembunyikan text ‘home’, sebab dalam image tersebut sudah memiliki text home.

Sedangkan, background: url(http:../menu.png) 0 top no-repeat; :
url(http:../menu.png) ini adalah alamat image yang digunakan.
0 top, kode yang berwarna biru tersebut adalah value dari property background position dan ini kunci untuk memilah gabungan gambar tersebut yang memiliki tinggi dan lebar, seperti penjelasan diatas.
no-repeat;, ini adalah value dari property dari background-repeat, yang maksudnya image tersebut tidak diulang penggunaannya.

Pada background position 0 top itu bisa juga di tulis 0 0 atau juga left top, artinya image tersebut berada pada bagian kiri (senilai 0) atas (senilai 0). Jadi nilai pertama itu adalah koordinat x dan kedua adalah y. Ingat, angka atau value dari background position ini terkait perhitungan lebar dan tinggi image masing-masing menu diatas.

Kemudian untuk link:hover pada menu home kita cukup memanggilnya sebagai berikut:
li.home a:hover {
background-position:0 -30px;
}

background-position:0 -30px;, artinya memanggil image dibagian kiri (senilai 0) atas (senilai -30px). Angka -30px tersebut diperoleh karena masing-masing gambar memiliki tinggi 30 pixel, maka tempat image untuk hover (warna urutan kedua digambar atas) tersebut berada di -30 pixel dan untuk link focusnya nanti adalah senilai -60 pixel.

Anda dapat mempelajari dan menguji coba mengenai property background position ini di CSS background-position Property.

Maka keseluruhan kode CSS untuk menu navigasi dengan teknik “CSS Sprites” ini adalah:
ul#menu {
/* isi sesuai penempatan atau posisi menunya */
}

ul#menu li {
float:left;
margin-right:10px;
list-style:none;
}
ul#menu li a{
width:80px;
height:30px;
display:block;
text-indent:-9999px;
background: url(http://lh5.ggpht.com/_dfnTVAxeWMI/S1EmPT3qI_I/AAAAAAAADFk/7x0VpNq7xjg/menu.png) 0 0 no-repeat;
}
ul#menu li.home a{
background-position:0 0;
}
ul#menu li.home a:hover {
background-position:0 -30px;
}
ul#menu li.home a:focus {
background-position:0 -60px;
}

ul#menu li.about a{
background-position:-80px 0;
}
ul#menu li.about a:hover {
background-position:-80px -30px;
}
ul#menu li.about a:focus {
background-position:-80px -60px;
}

ul#menu li.contact a{
background-position:-160px 0;
}
ul#menu li.contact a:hover {
background-position:-160px -30px;
}
ul#menu li.contact a:focus {
background-position:-160px -60px;
}

Penutup


Sip. Demikian keseluruhan penjelasan mengenai Menu Navigasi ini dengan tekniks CSS Sprites. Untuk pengembangannya lebih lanjut anda dapat mempelajari di artikel berikut:

Apabila anda kesulitan membuat image CSS Sprites ini, bisa menggunakan generator berikut:

0 Read More

0 Read More

Pendahuluan Javascript


Para blogger ataupun web designer pastinya mengenal javascript. Tapi masih banyak diantara kita hanya mengenal javascript dengan cara copy paste script ataupun hanya menggunakan plugin yang sudah jadi. Bahkan diantara para blogger dan webdesigner tidak tahu apa perbedaan dari raw javascript dan jquery. Javascript yang dijelaskan dalam tutorial ini adalah bahasa pemrograman yang terdapat dalam hampir semua web browser (firefox, safari, IE, chrome dan lain-lain), jadi kita tidak perlu download atau install atau membeli license untuk menggunakan dan mengembangkannya. Dan juga Javascript yang dijelaskan disini nanti hanya javascript yang bekerja pada client side.

Penjelasan tentang client-side programming :

  • Hanya dapat dilihat hasilnya setelah dibuka oleh web browser pada komputer pengguna.

  • Saat ini belum dapat dibaca oleh search engine (search engine hanya bisa membaca script tapi bukan hasilnya).

  • Yang dibaca oleh browser adalah script bukan output berupa html. Setelah browser membaca script kemudian browser akan execute script yang kemudian menghasilkan output  berupa html atau hal lainnya sesuai yg diinginkan oleh pembuat script.


Cara Membuat script dengan javascript


Kebutuhan dalam membuat script menggunakan javascrript :

  1. Web browser (sangat disarankan firefox, karena nantinya akan diajarkan menggunakan firefox untuk debugging).

  2. Text editor (sangat disarankan menggunakan Notepad++)


Cukup dibutuhkan dua program tersebut diatas untuk belajar javascript, sangat mudah bukan ?

Berikut syntax yang digunakan untuk menulis javascript
<script type="text/javascript">
// Script anda disini
</script>

pada syntax diatas anda dapat menulis script anda pada tulisan "Script anda disini". Agar tidak membingungkan yang baru belajar web programming saat ini saya tidak membahas tentang cara penulisan untuk HTML, strict XHTML atau lainnya. Sementara ini saya akan menerangkan secara sederhana saja. agar mudah difahami dan bisa dicoba.

Kelebihannya lagi tentang javascript adalah anda dapat membuat secara offline tidak perlu koneksi internet ataupun harus upload terlebih dahulu.

Baiklah untuk memulai pelajaran tentang javascript coba kita lihat code berikut ini
<script type="text/javascript">
document.write("Pelajaran pertama dari javascript");
</script>

Demo Hasil

Cara membuat dalam file tersebut sebagai berikut :

  1. Buatlah file html misal demo.html atau dengan notepad++ "new file" kemudian "save as"  file menjadi demo.html (ingat akhiran dari file adalah htm atau html).

  2. Isikan file tersebut dengan script di atas.


Dari code di atas menghasilkan output berupa tulisan "Pelajaran pertama dari javascript"

fungsi yang digunakan adalah document.write() untuk memberikan output pada browser apa yang kita tulis dalam kurung tersebut.

untuk mengakhiri satu baris script dari javascript dengan tanda semicolon (;)

Kenapa kita harus repot-repot menggunakan javascript kalau untuk menulis "Pelajaran pertama dari javascript" dalam html file cukup ditulis itu saja ?

Demo hanya menggunakan HTML, perhatikan link demo html dengan link demo javascript apakah hasilnya sama ?

kalau ingin melihat source file dari file itu bisa lihat dengan cara klik kanan pada browser dan pilih "View Page Source" maka akan terlihat perbedaan isinya tetapi hasilnya sama.

Untuk menunjukkan kemudahan penggunakan javascript mari kita lihat apakah anda sanggup menulis secara html tulisan berikut ini ? (angka tersebut ditulis berurutan sampai 1000)

Angka ke = 1
Angka ke = 2
Angka ke = 3
Angka ke = 4

.

.

Angka ke = 1000

Cukup lama mengetik content seperti di atas apabila menggunakan html, tetapi dengan menggunakaan javascript cukup beberapa baris berikut :
<script type="text/javascript">
for (var j = 1; j <= 1000; ++j) {
document.write('Angka ke = '+ j+'<br/>');
}
</script>

Demo hasil

Penjelasan script di atas nanti saja setelah masuk bagian loop dalam javascript.

Demikian saja tutorial javascript pada artikel ini, semoga bermanfaat bagi kita semua.

Wassalamu'alaikum warohmatullahi wabarokatuh

0 Read More

Gak tau kenapa 4 minggu terakhir saya terbiasa sarapan dengan sebuah burjo (bubur kacang ijo) + roti tawar, kebetulan dekat kosan dah ada warung burjo, tapi setelah di pikir pikir , burjo baik untuk kesehatan gk ya, ada teman yang bilang banyak gizi yang terkandung di dalamnya tapi ada yang bilang malah membahayakan kesehatan karna bubur kacang ijo pake bahan pengawet.

Dan akhirnya saya mencoba mencari kebenarannya lewat brother google, dan ternyata bubur kacang ijo banyak manfaatnya, berikut sedikit penjelasannay :


  • Kacang hijau memiliki kandungan protein yang cukup tinggi, yaitu sebanyak 24 %. Di dalamnya terdapat sumber mineral penting antara lain kalsium dan fosfor yang bermanfaat untuk memperkuat tulang. Lemaknya merupakan asam lemak tak jenuh sehingga baik untuk jantung. Selain itu aman dikonsumsi oleh mereka yang memiliki masalah dengan berat badan karena kandungan lemahnya rendah.

  • Kacang hijau mengandung vitamin B1 yang berfungsi untuk mencegah penyakit beri-beri, membantu proses pertumbuhan, meningkatkan nafsu makan, memperbaiki saluran pencernaan, dan memaksimalkan kerja syaraf. Ada penelitian yang menyatakan bahwa pada sekelompok orang yang makanannya kurang cukup mengandung vitamin B1, seperti kacang hijau, dalam waktu singkat muncul gejala-gejala mudah tersinggung, tidak mampu memusatkan pikiran, dan kurang bersemangat. Gejala-gejala ini mirip dengan tanda-tanda orang stres.

  • Selain vitamin B1, kacang hijau juga mengandung vitamin B2 yang tugasnya membantu penyerapan protein dalam tubuh. Kehadiran vitamin B2 ini akan meningkatkan pemanfaatan protein sehingga penyerapannya menjadi lebih efisien.


Oh ya, sekedar informasi tambahan , selain kacangnya, kecambah kacang hijau juga punya manfaat tak kalah penting antara lain :

  • Antioksidan kecambah membantu memperlambat proses penuaan

  • Mencegah penyebaran sel kanker

  • Kandungan vitamin E-nya membantu meningkatkan kesuburan

  • Sangat baik untuk menjaga keasaman asam lambung dan melancarkan pencernaan

  • Berguna untuk kecantikan yaitu meremajakan dan menghaluskan kulit, menghilangkan noda-noda hitam pada wajah, menyembuhkan jerawat, menyuburkan rambut dan melangsingkan tubuh.


Wah, banyak sekali ya manfaat kacang hijau ini. So, buat teman teman yang belum pernah ato jarang mencobanya, mulailah mengkonsumsi kacang hijau sekarang juga :!: :wink:

0 , , , Read More

BloggerSalah satu free blog provider atau penyedia blog gratis yang populer saat ini adalah blogger.com atau blogspot, oleh karena id Tutorial akan menyuguhkan tutorial membuat blog di blogger.com.

Kenapa harus membuat blog di blogger.com bukan yang lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger.com, namun ada banyak kelebihan yang dimiliki blogger.com di banding dengan penyedia blog yang lainnya. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk para pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain yang dimiliki sedangkan hosting tetap menggunakan blogspot.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogger.com akan sedikit berbeda dengan apa yang anda lihat di blogger.com

Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email


Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan baca tutorial tentang Cara membuat Email di Gmail, karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail.

Daftar Blog di blogger.com


• Silahkan kunjungi situs http://www.blogger.com
• Alihkan perhatian kesebelah kanan atas, disana terletak menu drop down dan silahkan ganti penggunaan bahasa ke bahasa Indonesia agar lebih mudah untuk dipahami. Setelah itu klik tombol “BUAT BLOG

halaman pendaftaran blogger
• Setelah halaman pendaftran terbuka, ada dua opsi pilihan yaitu login dengan akun gmail atau mendaftar dengan email selain gmail. Karena tentunya anda telah mempunyai akun gmail, maka sebagai contoh silahkan pilih opsi login dengan klik link “Login terlebih dahulu

login-ge-blogger
• Silahkan login dengan alamat email gmail dan username anda.

login-gmail
• Isi nama tampilan yang akan muncul di blog nantinya. Beri tanda ceklis pada kotak kecil disamping Penerimaan Persyaratan, lalu klik anak panah bertuliskan LANJUTKAN.

nama-tampilan-blog
• Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.

lamat-blog
• Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.

pilih-template
• Klik tombol MULAI BLOGGING

sudahjadi
• Setelah masuk post editor, silahkan isi apa saja. Contoh : hello world, lalu klik tombol TERBITKAN ENTRI.
• Selesai.

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja.

0 Read More


Gak tau kenapa 4 minggu terakhir saya terbiasa sarapan dengan seporsi burjo (bubur kacang ijo) + roti tawar, kebetulan dekat kosan dah ada warung burjo, tapi setelah di pikir pikir , burjo baik untuk kesehatan gk ya, ada teman yang bilang banyak gizi yang terkandung di dalamnya tapi ada yang bilang malah membahayakan kesehatan karna bubur kacang ijo pake bahan pengawet.


Untuk menjawab hal itu, saya mencoba mencari kebenarannya lewat brother google, berikut sedikit penjelasannya :

1 , , , , Read More

Break sejenak dari pekerjaan yang sedang lagi gawe website Penerbit MediaKom , nyambi liat liat kondisi blog, ternyata ada sebuah koment di halaman Sahabat dari eMtoeMcabee dan menanyakan tips buat pasang emot YM atau plurk di wordpress?.


Untuk menjawab pertanyaannya, berikut kode emot pada plurk. oia, bila anda memakai Wordpress.org caranya aktifkan dulu pada menu Settings -> Writing:



Convert emoticons like :-) and :-P to graphics on display

Atau dengan menginstall plugins caranya klik disini

4 , , , , , Read More

Berikut cara instalasi emoticon Plurk di blog yang menggunakan WordPress.

1. Download Plugins smilies-themer dari wordpress.org
2. Upload plugin tersebut ke folder /public_html/wp-contents/plugins/. Kemudian ekstrak plugin tersebut.
3. Download Plurk Emoticon di sini
4. Upload Plurk.zip ke folder /public_html/wp-contents/plugins/smilies-themer/. Kemudian ekstrak file tersebut.
5. Aktifkan plugin smilies themer melalui dashboard, menu plugins.
6. Ganti emoticon standar wordpress melalui menu pengaturan, smilies themer. Pilih Plurk, kemudian klik update.

Jika anda memakai wordpress.com caranya ada di sini

Selamat Mencoba Semoga Berhasil

3 , , , , Read More

Seperti yang di informasikan sebelumnya pada artikel sekilas tentang blog, postingan ini akan menuliskan alamat website penyedia blog gratis.


Website penyedia blog gratis saat ini jumlahnya sangat banyak, baik yang bertempat didalam negeri ataupun yang bertempat diluar negeri. Berikut daftar alamat website penyedia blog gratis yang mungkin anda ingin mencoba kehandalan layanan mereka.


Beberapa penyedia blog gratis dalam negeri :

45 , , , Read More

Apa sih blog itu?

Mengutip dari id.wikipediaBlog merupakan singkatan dari “web log” adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

Dalam halaman link id.wikipedia yang disertakan di atas, anda dapat pula membaca tentang Sejarah dari blog,komunitas blog, jenis-jenis blogbudaya populer blogresiko kejahatan dan lain-lain.

Membuat blog, gratis atau bayar ?


Untuk hal ini ada dua pilihan, bisa gratis atau berbayar. Masing-masing pilihan tersebut tentu ada kelebihan serta kekurangannya.

Untuk blog yang berbayar, anda harus membeli nama domain atau hosting sendiri pada website penjual domain atau hosting. Blog berbayar lebih cenderung kepada mereka yang telah mahir dalam hal ngeblog dan ingin tampil lebih profesional.

Blog gratis lebih cenderung untuk mereka yang masih terbilang baru di dunia ngeblog atau mereka yang tidak mau dipusingkan dengan biaya yang harus dikeluarkan demi sebuah blog. Namun, membuat blog gratis lebih terikat dengan peraturan yang dibuat oleh penyedia blog yang bersangkutan.

Dimana bisa membuat blog gratis?


Web penyedia blog gratis atau free blog provider jumlahnya sangat banyak, namun saat ini yang sedang populer adalah blogger.com serta wordpress.com untuk layanan yang bertempat diluar negeri. Sedangkan penyedia blog populer yang ada didalam negeri yaitu blogdetik.com serta dagdigdug.com.

Daftar web penyedia blog gratis akan di tulis lebih lengkap pada posting berikutnya.

Semoga artikel sederhana ini dapat bermanfaat bagi anda yang baru mulai tertarik untuk membuat blog.

1 , , Read More

Berikut adalah lanjutan dari tutorial sebelumnya yaitu tentang logika pemrograman tentang macam-macam operator. Sebelum baca tutorial berikut ini sebaiknya jawab dulu pertanyaan tutorial sebelumnya.
Pembahasan selanjutnya adalah Operator perbandingan yaitu operator untuk membandingkan antara dua persamaan atau variable. Yang hasilnya True atau false. Dari hasil true dan false tersebut nantinya akan dilaksanakan perintah yang diinginkan




Untuk lebih jelasnya dapat dilihat pada contoh berikut ini :


0 , , Read More

Sebenarnya kita bisa membuat email dalam bentuk seperti template dengan kode HTML melalui ‘email client’. Dengan kode html yang ditanam tersebut kita dapat membuat email tidak standar lagi, menjadi lebih bergaya dan berwarna sesuai kreatifitas anda.

Template Email HTML ini, bisa kita fungsikan untuk apapun, termasuk untuk tujuan marketing dengan menawarkan produk atau profil perusahaan anda.

Apa Saja yang Diperlukan ?



  1. Tentunya ada sudah mempunyai akun email.

  2. Contoh kasus disini menggunakan akun Gmail dengan ‘Email Clien’ adalah Thunderbird. Maka pelajari dan terapkan Setting POP/IMAP dan SMTP gmail pada Thunderbird 3.0. Sebab Thunderbird yang nanti kita gunakan sebagai fasilitas untuk mengirim email.

  3. Persiapkan “code editor” yang biasa anda gunakan, notepad juga bisa digunakan. Untuk membuat atau mengedit kode Template ‘HTML Email’.

7 , , , Read More

Sebelumnya pada artikel Review Mengenai Email telah disinggung bahwa untuk mengelola email bisa langsung melalui Webmail dimana anda membuat email atau dapat pula diteruskan/download memakai Software Email Client. Namun, sebelum anda meneruskan email ke software email client, terlebih dahulu anda harus melakukkan Pengaturan / setting pada email client yang di gunakan. Pengaturan terhadap email client ini lazim juga disebut sebagai setting POP (Post Office Protocol) / IMAP (Internet Message Access Protocol ) dan SMTP (Simple Mail Transfer Protocol).


Untuk mendapatkan software email client tidaklah sulit karena banyak website yang memberikannya secara gratis, salah satu Email Client yang populer saat ini adalah Thunderbird besutan dari Mozilla. Thunderbird dapat anda download di situs resminya  Mozillamessaging.

11 , , , Read More

CSS Inline Style‘ adalah CSS yang digunakan langsung pada elemen HTML, atau ’style’ yang berada di dalam ‘tag’ dari sebuah dokumen. Idealnya memang CSS itu berada terpisah (internal / ekternal) dengan HTML. Tapi terkadang pada kondisi tertentu kita membutuhkan style khusus, misal pada postingan. Nah ‘Inline Style‘ lah yang digunakan.


Pada pembahasan sebelumnya mengenai Belajar HTML dan CSS Tingkat Dasar, telah membahas ‘ekternal dan internal style’. Ada 3 jenis penulisan style CSS ini, yaitu external styles, internal styles dan inline styles.



Penulisan CSS Inline Style


Sebelum kita beranjak kepersoalan “CSS Inline Style” ini lebih jauh, berikut ini contoh penulisan “CSS Inline Style”:

2 , , , , , , , Read More

Pada kebanyakan blog terdapat ikon-ikon Social Bookmarking. Apakah anda tau kegunaanya ? Ikon-ikon gunanya untuk membantu pembaca mendaftarkan artikel saya pada acount social bookmarking-nya. Jika pembaca mendaftarkannya, maka akan membantu blog ini semakin naik rangking-nya. Walaupun terkadang saya was-was malah blog ini akan dianggap spam.

Untuk membuat script atau code seperti yang di taruh pada postingan cukup mudah. Silahkan gunakan software SoftLogica Social Bookmarking Manager, caranya seperti berikut :


  • Download instaler SoftLogica di www.socialbookmarksmanager.com/

  • Intall, dengan mengklik 2X file instalernya (sbmanger.exe).

  • Jika sudah buka aplikasinya, pilih menu Site info. Dan isikan informasi : site URL, site title dan site description.

  • Pilih menu Social Bookmarks. Centang web yang memberikan service social bookmarks (social bookmarks services)

  • Pilih menu HTM code, kemudian Select dan Copy Paste (Copas) di blog anda.


Selamat mencoba !!!

1 , , , , , Read More

HTML dan CSS sebenarnya adalah bahasa keseharian para pengguna internet. Halaman yang tampil dalam browser ketika kita berselancar itu adalah pengembangan dari kedua bahasa tersebut, yaitu bahasa ‘markup‘ (HTML) dan bahasa ‘stylesheet‘ (CSS), yang keduanya didefinisikan dan dikendalikan penggunaannya olehWorld Wide Web Consortium (W3C).


Para blogger, tentunya sangat berkaitan langsung dengan kedua bahasa tersebut, baik itu saat edit template maupun saat melakukan postingan. Kalau untuk para pengembang web itu santapan mereka.


Jika kita coba analogikan kedua bahasa tersebut sebagai sebuah bangunan, HTML itu adalah struktur dasar dari bangunan, dan CSS yang kemudian bertugas menata agar struktur bangunan tersebut tertata dengan baik dan mempercantiknya.

2 , , , , , , Read More

Sempat kaget ketika sembari istirahat saat bekerja menyelesaikan installasi warnet grace di kota solo, iseng iseng ngecek akun facebook, ternyata ada yang beda, sejenak terpikir kalo saya sedang membuka facebook lite , di lihat URL nya ternyata bukan litem, melainkan Facebook.com


Saya bertanya ke pada 3 rekan kerja yang satu divisi , anehnya akun facebook mereka mereka belum ada tampilan baru,  masih tampilan faebook yang lama. Mudah mudahan akun facebook teman teman telah berganti dengan style yang baru , bagi yang belum sabar ya  :), mungkin team facebook kewalahan upgrade akun yang jumlah nya jutaan ribu. Berikut sedikit review tentang tampilan baru facebook ini.


0 , , , Read More

Waktu: 2 – 11 Februari 2010


Pembukaan :


2 Februari 2010 Pukul 19.30 WIB


Tempat: Bentara Budaya Yogyakarta, Jl.Suroto 2, Kotabaru, Yogyakarta Telepon/Fax: (0274) 560404


Keterangan:


0 , , Read More

Lagi lagi posting ini untuk menjawab komentar dari salahsatu pembaca pada siang tadi dan juga demi melanjutkan posting sebelumnya tentang cara menambahkan page pada blog worpress, sekarang saya akan mencoba membahas cara menganti tema blog khususnya pada blog yang di sediakan UII ini.


Cara nya sangat lah mudah, berikut step by step :

3 , , , , , Read More

Barusan ada sebuah comment steman satu kampus , beliau menanyakan cara membuat menu / page di blog worpress khususnya wordpress yang di pakai oleh blog UII ini yaitu worpress mu. untuk menjawab pertanyaan beliau berikut sedikit tutorialnya.


  1. Log in pada blog worpress anda

  2. Setelah log in, klik menu Blog, pada menu Write terdapat menu Post, Page Dan Link

  3. Untuk menambahkan url ato page pada menu blog anda silahkan klik menu Page , isi kan judul dan isi page, lalu klik tombol publish.

  4. Terahir liat page pada menu blog anda secara otomatis akan bertambah.


Sangat mudah bukan, selamat mencoba semoga berhasil.

3 , , , , , , Read More


  1. Install Plugin WP-Archives dengan mencari plugin ini di bagian “Plugin – search“.

  2. Setelah selesai instalasi, langsung aktifkan plugin WP-Archives dengan klik “activate plugin” di halaman setelah instalasi, atau di bagian “Plugins – Installed – WP-Archives“.

  3. Buat halaman baru dengan nama “Daftar Isi” atau nama lain sesuka kita.

  4. Copy-Paste kode berikut di bagian isi halaman dan yakinkan mode penulisan adalah HTML bukan Visual.




<!--wp_archives-->

Publish halaman “Daftar Isi” tersebut dan cek hasilnya. Contoh: daftar isi blog berdasarkan tanggal atau arsip.

1 , , , , , Read More

Download Template CV disini

Daftar Riwayat Hidup

Data Pribadi





Nama
Jenis kelamin
Tempat, tanggal lahir
Kewarganegaraan
Status perkawinan
Tinggi, berat badan
Kesehatan
Agama
Alamat lengkap
Telepon, HP
E-mail

(Nama)
: Laki Laki
: Sijunjung, 14 Febuari 1990
: Indonesia
: Belum Menikah
: 185 cm, 55 kg
: Sangat Baik
: Islam
: (alamat lengkap)
:
: (Email)



0 , , , Read More

Kepada Yth,
Bapak Kepala Bagian Personalia
PT. Scriptmedia
Jl. Rajawali No 80
Condong Catur, Yogyakarta

Dengan hormat,

Saya sangat tertarik dengan iklan Bapak dalam terbitan harian Kedaulatan Rakyat terbitan hari Sabtu, 6 Maret 2009 mengenai adanya lowongan untuk jabatan Web Programmer. Maka, bersama surat ini saya mengajukan diri untuk mengisi lowongan tersebut.

0 , , , Read More

Barusan salah satu teman FB yang juga merupakan teman satu angkatan Informatika, menanyakan kepada saya dengan nada sbb "vallen, kamu bisa bikin surat lamaran kerja ma cv gak? ajarin dong,. :D", gak tau kenapa dia malah nanya hal ini kepada ku, mungkin karna  "itu" kali ya,. :)


Lansung saya ke pokok permasalahan, berikut tips untuk teman teman yang ingin membuat Curiculum Vitae atau di singkat SV atau juga dalam bahasa indonesia daftar riwayat hidup:


2 , , , , , , , , Read More

Bulan Januari dan Febuari merupakan musim mussim liburan terutama bagi anak kuliahan, bagi teman teman yang masih bingung mau liburan kemana, daripada bengong di rumah ato di kosan, mungkin tempat wisata yang di bahas di posting ini bisa menjadi alternatif liburan teman teman.

Peta letak Pulau Sempu,

Peta pulau sempu




Pulau Sempu. Pulau Sempu adalah pulau yang terletak di malang selatan tepatnya berada di selatan Kecamatan Sumbermanjing Wetan. Pulau ini tidak berpenduduk dan hanya terdiri dari hutan berbukit yg sebagian besar adalah hutan mangrove. Pulau sempu memiliki sebuah danau yaitu segara anakan, danau ini merupakan danau pasang surut air laut yang indah. Meskipun memiliki kedalaman sekitar 5 meter, danau ini aman untuk kegiatan snorkling ataupun hanya sekedar berenang karena sudah terbebas dari ombak laut lepas samudra hindia. Snorkling di segara anakan memberikan nuansa tersendiri karena terumbu karangnya masih alami dan belum tersentuh tangan-tangan jahil manusia.

0 , , , , , , , , Read More

Setelah UAS berlalu pada umumnya para mahasiswa belum bisa lepas dari perkuliahan, ada satu tanggung jawab lagi yang harus di slesaikan (selain membayar kewajiban) yaitu pengisiaan KRS (Kartu Rencana Study), di UII (Universitas Islam Indonesia) KRS lebih familiar dengan nama Key in, Saat KRS identik dengan masa perburuan koneksi internet yang satu server dengan UII net, terutama warnet warnet. Salah satu trik agar Mahasiswa Universitas Islam Indonesia (UII) dapat melakukan pengisian KRS dengan lancar adalah dengan memilih koneksi internet yang jalurnya (routing) paling dekat dengan server web UII ( uii.ac.id). Diluar institusi UII (Rektoriat, Fakultas, jurusan dan lain-lain) yang palig dekat routingnya adalah jaringan ISP (Internet Service Provider) yang sama dengan ISP yang dipakai oleh UII yaitu UII-Net. ISP yang merupakan unit usaha milik UII yang bergerak dalam bidang jasa ISP dan Teknologi IT.

1 , , , , , , , , Read More




1. Ketik “about:config” di firefox anda kemudian enter
2. Maka akan keluar sebuah settingan untuk tweaking firefox
3. Untuk merubahnya, klik 2 kali dan masukkan data perubahannya
4. Jika data dibawah tidak terdapat dalam settingan default firefox, klik kanan pilih New. Untuk data berupa angka, pilih Integer, untuk true/false pilih Boolean.

3 , , , , Read More

Secara umum, untuk menyelesaikan persamaan linear  dengan dua peubah biasanya digunakan cara grafik, substitusi, dan eleminasi. Penggunaan ketiga cara tersebut tergantung dari tipe soal dan kebiasaan pengerjaan, misalkan ada soal yang penyelesaiannya lebih mudah menggunakan cara substitusi ketimbang cara eleminasi, atau sebaliknya. 

5 , Read More


UII , Universitas Islam Indonesia sekaligus Universitas swasta tertua di bumi pertiwi ini yang juga merupakan kampus idaman dan kebanggaan saya berserta teman teman seperjuangan , untuk pertama kalinya mengadakan blog kompetisi dengan tema "Mendefinisikan Perguruan Tinggi Idaman" .


Lomba Blog UII (UII Blog Competition) adalah suatu kompetisi menulis dikalangan blogger Indonesia. Tulisan memuat pandangan individu seseorang atas definisi sebuah perguruan tinggi yang menjadi idaman. Tulisan diharapkan memberikan ide-ide kreatif dan inovatif yang dapat menjadi inspirasi bagi calon mahasiswa, mahasiswa maupun para pengelola perguruan tinggi.

1 , , , , , , , , , , , , , , , , Read More

Setelah sebelumnya belajar logika pemrograman dasar dengan pengenalan Variabel, Sekarang kita lanjutkan pengenalan Operator. Guna operator adalah untuk mengolah data atau variabel di dalam bahasa pemrograman. Jadi operator adalah sebuah simbol yang berguna  dalam memerintahkan suatu perintah dalam komputer untuk menjalankan persamaan matematika atau suatu logika. Jenis-jenis operator banyak sekali jenisnya tergantung dari bahasa apa yang digunakan. Untuk saat ini karena belum masuk jenis program apa yang akan digunakan maka kami kenalkan macam-macam operator secara umum saja.

1 , , , , , , Read More

Setelah pengenalan web programmer , penulis akan lanjutkan dengan logika pemrograman, saat ini penulis tidak akan mengenalkan script atau bahasa pemrograman dulu, penulis berharap yang belajar disini kuat dulu logikanya, karena dengan logika yang baik anda tidak akan ada ketergantungan jenis bahasa pemrograman apa saja, apabila anda menemui jenis pemrograman apa saja anda dengan mudah mempelajari karena anda sudah menguasai logika dasar dari pemrograman.

Seperti artikel sebelumnya anda sudah mengenal logika dasar pemrograman sangat sederhana dengan fungsi atau persamaan x = x + 1. bagi yang tidak suka matematika pastinya paling tidak suka lihat persamaan, tapi saya mencoba membawakan sesederahana mungkin. Untuk artikel sekarang kami akan membicarakan tentang variabel. Variabel adalah hal yang sangat penting dalam pemrograman karena disanalah disimpan suatu angka ataupun huruf yang dibutuhkan dalam perhitungan ataupun tampilan (kami belum menyajikan jenis-jenis variabel dulu agar pemula tidak bingung).

3 , , , , , , Read More

Semoga artikel ini tidak membuat bosan para pembaca yang memang sudah lama malang melintang di alam maya, karena tulisan ini memang untuk mereka yang benar-benar baru di dunia internet.


Banyak dari anda tentu tidak asing lagi dengan yang namanya Email, baik itu fungsi emailcara penggunaan emailweb penyedia Emaildan lain sebagainya yang masih berhubungan dengan Email. Namun tentunya tidak menutup kemungkinan masih ada yang belum mengetahuinya, ini terbukti dengan banyaknya pengguna internet yang masih mencari informasi melalui Search engine atau mesin pencari dengan kata kunci “cara membuat Email” ataupun kata kunci lainnya yang masih berhubungan dengan email. Oleh karena itu, sebelum menginjak kepada hal-hal yang lebih rumit semisalmembuat blog atau website serta tentang pemrograman, ada baiknya anda mengenal terlebih dahulu segala sesuatu yang berhubungan dengan email.

8 , , , Read More

Mungkin para blogger yang sudah ahli pasti bertanya-tanya kapan kami menyajikan tutorial tentang web designer. Seperti artikel sebelumnya yaitu tentang search engine hanya membahas tentang jenis-jenis search engine. Sekarang ini sudah banyak blog-blog yang menyajikan Tutorial-tutorial yang siap pakai atau istilah dalam hal makanan yaitu hidangan yang siap santap, dimana makanan tersebut sudah diolah dan tinggal dimakan.

1 , , , , , Read More

Sebelum memulai tutorial yang dasarmenengah sampai mahir tidak ada salahnya kita mengenal search engine, mungkin artikel ini ditujukan bagi pengguna internet yang masih baru dan bukan pula untuk belajar SEO.


Untuk mempelajari tentang Search engine banyak referensi yang kita bisa dapatkan bisa dari Wikipedia (Indonesia/Inggris) atau dari buku-buku yang membahas tentang search engine (contoh buku Google Hack danBuilding Research Tolls with Google). Dikalangan pengguna internet yang paling tidak asing adalah Google, Bing dan Yahoo, bahkan pengguna internet yang baru sudah pasti mengenal Google dan Yahoo karena adanya fasilitas Search pada Web browser yang langsung mengarah ke google atau search engine lainnya yg ternama.

11 , , , , , Read More


SEO Contest ini diselenggarakan untuk menggairahkan dunia online marketing dengan basis masyarakat sebagai motor penggerak pariwisata di Indonesia. Himbauan kepada segenap pelaku dan profesional bisnis online dan internet marketer Indonesia, untuk mengikuti SEO Contest 2010 yang di selenggarakan oleh Theincrediblejava.com bekerjasama dengan BP2KY (Badan Promosi Pariwisata Kota Yogyakarta).

Pendaftaran tgl. 22 Desember 2009 - 1 April 2010. Pengumuman tgl. 4 April 2010, dengan total hadial lebih dari Rp. 20.000.000,- dan piagam penghargaan dari Pemerintah Daerah Yogyakarta

Hadiah



  1. Hadiah I     = Rp. 10.000.000,- + penghargaan dari Badan Promosi Pariwisata Kota Yogyakarta (BP2KY)

  2. Hadiah II   = Rp. 6.000.000,-    + penghargaan dari Badan Promosi Pariwisata Kota Yogyakarta (BP2KY)

  3. Hadiah III = Rp. 4.000.000,-    + penghargaan dari Badan Promosi Pariwisata Kota Yogyakarta (BP2KY)

  4. 100 Hadiah hiburan untuk partisipan di 100 urutan halaman pencarian.

0 , , , , , , Read More

Apakah Anda penggemar Plurk? Ada kabar gembira untuk Anda. Sarana IM dari Plurk telah dapat digunakan kembali. Dengan fasilitas IM Plurkbuddy maka Anda bisa ngePlurk dari instant messenger(chat). Mengirim Plurk serta menjawab respon bisa dilakukan dari akun chat Anda. Sayangnya saat ini baru mendukung akun Gtalk/Jabber.

0 , , , Read More

Plurk versi mobile tidak menyediakan menu emotion/smiley yang bisa langsung dipergunakan. Sehingga untuk menyisipkan smiley Anda harus mengetik manual kodenya. Berikut ini kode smiley yang dipergunakan di Plurk.

Kode bisa dipergunakan sesuai dengan karma yang Anda miliki. Apabila karma tidak mencukupi maka smiley tidak akan muncul.

0 , , , Read More

Bagi yang suka utak atik Plurk berikut ini ada beberapa tips baik menggunakan versi web maupun versi mobilenya. Plurk adalah suatu layanan microblogging yang memungkinkan penggunanya untuk menulis teks singkat (Maksimal 140 karakter) dan dapat juga mengomentari plurk pengguna lain.

0 , , , , Read More

Pasti Anda sudah mengenal Twitter, yaitu sebuah layanan blog dalam klasifikasi micro blog.  Microblog sendiri menurut wikipedia adalah suatu bentuk blog yang memungkinkan penggunanya untuk menulis teks pembaharuan singkat (biasanya kurang dari 200 karakter) dan mempublikasikannya, baik untuk dilihat semua orang atau kelompok terbatas yang dipilih oleh pengguna tersebut. Pesan-pesan ini dapat dikirim melalui berbagai cara, termasuk SMS, pengirim pesan instan, surat elektronik, web, dll.

Selain Twitter banyak juga layanan microblog lainnya, misalnya kronologger, jaiku,  pownce dan plurk. Kali ini saya mencoba menggunakan Plurk.

6 , , , Read More

Plurk adalah gabungan antara micro blogging, chat dan jejaring sosial, dimana Anda bisa menulis mengenai berbagai macam hal dalam 140 karakter. Sedangkan teman Plurk Anda bisa mengomentari apa yang Anda tulis. Dalam plurk dikenal sistem point yang bernama Karma. Apabila aktif maka karma Anda akan meningkat dan juga sebaliknya.

Point Karma adalah dari 0 sampai dengan 100. Apabila mencapai sebuah level point maka plurk Anda akan mendapat tambahan fasilitas sebagai berikut:

0 , , Read More



Sebagai tindak lanjut penemuan candi di lokasi pembangunan perpustakaan pusat UII, Ketua Umum Pengurus Yayasan Badan Wakaf UII, Dr. Ir. Lutfi Hasan dan Rektor UII, Prof. Dr. Edy Suandi Hamid, M.Ec, akhirnya mengadakan pertemuan dengan Menteri Kebudayaan dan Pariwisata, Jero Wacik. Dalam pertemuan yang berlangsung pada Selasa kemarin di Ruang Rapat Menbudpar di Gedung Sapta Pesona, Jakarta ini, Menbudpar didampingi Dirjen Kepurbakalaan, Staf Ahli Menbudpar, dan Ketua BP3 Yogyakarta.

0 , , , Read More

Dengan mengucap puji syukur alhamdulillah kepada Allah subhanahu wa ta’ala, yang telah memberi saya inspirasi untuk mebuat sebuah blog berbasis tutorial ini, sekaligus saya ucapkan selamat datang kepada anda semua di blog tutorialisme ini.

Mau ngucapin Hello atau sepatah, dua patah kata untuk Tutorialisme? silahkan gunakan sarana komentar.

1 , , Read More


Latar belakang penulisan posting ini dikarenakan saya beserta kelompok yang diantaranya Muhammad Irwan dan Baiq Hilyati mendapatkan tugas pada mata kuliah Grafika Komputer dengan Dosen pengampu Jeffry Andhika Pratama, beliau memberikan tugas akhir semester bertajuk membuat animasi 3D menggunakan sofware Blender. Kami membuat suatu animasi berjudul Permainan Baseball , berikut sedikit petikan dari tugas akhir tersebut :

2 , , , , , , , Read More

Sering bingung atau sering mengalami kesalahan dalam mengeksekusi perintah eksternal DOS ? (misalnya chkdsk, xcopy, attrib, dll) ? Kini jangan lagi, karena Anda dapat mengetahui kesalahan apa yang Anda lakukan. Caranya pada MS-DOS Prompt ketikkan COMMAND /Z. Perintah ini tidak berlaku untuk perintah internal seperti copy, dir, rename, dll. Untuk kembali ke modus MS-DOS “biasa” Anda cukup menuliskan perintah EXIT COMMAND.

0 , Read More