Maret 2013 - Mari Belajar - Belajar dimana saja dan kapan saja.

Home Archived For Maret 2013

Selasa, 12 Maret 2013

Syntax Highlighter pada Blogspot

Gusti Ardias Riantono Maret 12, 2013 Comment

Contoh Syntax Highlighter pada Blog

"Syntax Highlighter" atau Penyorotan sintaks adalah fitur dari beberapa editor teks yang menampilkan teks, terutama source code dalam berbagai warna dan font sesuai dengan kategori istilah. Fitur ini memudahkan kita dalam menulis dalam bahasa terstruktur seperti bahasa pemrograman atau bahasa markup. Untuk kesempatan kali ini, saya akan memberikan tutorial blog tentang cara membuat Syntax Highlighter pada Blogspot khususnya.

Cara Menambahkan Syntax Highlighter pada Blog :

Log In di https://www.blogger.com/
Klik Menu Rancangan, lalu pilih Edit HTML
Cari kode ]]></b:skin> dan letakkan kode di bawah ini sebelum kode ]]></b:skin> (Untuk mempermudah tekan CTRL+F)

.dp-highlighter { font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds a little border on top when controls are hidden */ } /* clear styles */ .dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span { margin: 0; padding: 0; border: none; } .dp-highlighter a, .dp-highlighter a:hover { background: none; border: none; padding: 0; margin: 0; } .dp-highlighter .bar { padding-left: 45px; } .dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar { padding-left: 0px; } .dp-highlighter ol { list-style: decimal; /* for ie */ background-color: #fff; margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */ padding: 0px; color: #5C5C5C; } .dp-highlighter.nogutter ol, .dp-highlighter.nogutter ol li { list-style: none !important; margin-left: 0px !important; } .dp-highlighter ol li, .dp-highlighter .columns div { list-style: decimal-leading-zero; /* better look for others, override cascade from OL */ list-style-position: outside !important; border-left: 3px solid #6CE26C; background-color: #F8F8F8; color: #5C5C5C; padding: 0 3px 0 10px !important; margin: 0 !important; line-height: 14px; } .dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div { border: 0; } .dp-highlighter .columns { background-color: #F8F8F8; color: gray; overflow: hidden; width: 100%; } .dp-highlighter .columns div { padding-bottom: 5px; } .dp-highlighter ol li.alt { background-color: #FFF; color: inherit; } .dp-highlighter ol li span { color: black; background-color: inherit; } /* Adjust some properties when collapsed */ .dp-highlighter.collapsed ol { margin: 0px; } .dp-highlighter.collapsed ol li { display: none; } /* Additional modifications when in print-view */ .dp-highlighter.printing { border: none; } .dp-highlighter.printing .tools { display: none !important; } .dp-highlighter.printing li { display: list-item !important; } /* Styles for the tools */ .dp-highlighter .tools { padding: 3px 8px 3px 10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: #f8f8f8; padding-bottom: 10px; border-left: 3px solid #6CE26C; } .dp-highlighter.nogutter .tools { border-left: 0; } .dp-highlighter.collapsed .tools { border-bottom: 0; } .dp-highlighter .tools a { font-size: 9px; color: #a0a0a0; background-color: inherit; text-decoration: none; margin-right: 10px; } .dp-highlighter .tools a:hover { color: red; background-color: inherit; text-decoration: underline; } /* About dialog styles */ .dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; } .dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; } .dp-about td { padding: 10px; vertical-align: top; } .dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; } .dp-about .title { color: red; background-color: inherit; font-weight: bold; } .dp-about .para { margin: 0 0 4px 0; } .dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; } .dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; } /* Language specific styles */ .dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; } .dp-highlighter .string { color: blue; background-color: inherit; } .dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; } .dp-highlighter .preprocessor { color: gray; background-color: inherit; }

Cari kode </head> dan letakkan kode di bawah ini sebelum kode </head>

<script async="" gapi_processed="true" src="https://apis.google.com/js/plusone.js" type="text/javascript"></script><script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js" type="text/javascript"> </script> <script src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js" type="text/javascript"> </script>
Cari kode </body> dan letakkan kode di bawah ini sebelum kode </body>

<script language="javascript"> dp.SyntaxHighlighter.BloggerMode(); dp.SyntaxHighlighter.HighlightAll('code'); </script>

Setiap mempublikasikan post yang terdapat kode-kode di dalamnya, masukkan kode tersebut seperti contoh d bawah ini!

<textarea name="code" class="c#" cols="60" rows="10">
TARUH KODE/SCRIPT DISINI
</textarea>

Semoga bermanfaat ya ^_^

Senin, 11 Maret 2013

Pengenalan dasar MySQL

Gusti Ardias Riantono Maret 11, 2013 Comment

1. Apa Itu MySQL

MySQL adalah salah satu jenis database, tempat meletakkan data secara terstruktur berupa tabel-tabel dan kita bisa melakukan query atau mengolah data tersebut dengan SQL (Structured Query Languange)

2. Koneksi ke MySQL Melalui PHP

Untuk melakukan koneksi ke MySQL kita menggunakan fungsi mysql_connect()

Sintaks :

mysql_connect(host, username, password)

Contoh :

Jika anda telah berhasil koneksi ke MySQL, anda bisa melakukan apapun terhadap database tersebut tergantung hak-hak anda, anda bisa buat database, buat tabel dan melakukan query

3. Cara Membuat Database di MySQL

Membuat Database Melalui phpmyadmin

Ketika anda menginstal paket Web Server + PHP + MySQL seperti XAMP atau WAMP anda akan di beri phpmyadmin, yaitu semacam aplikasi berbasis web untuk mengatur database MySQL

Buka phpmyadmin di https://localhost/phpmyadmin, berikut tampilan phpmyadmin
Ketik nama database yang anda inginkan di textfield Create new database, misal : db_belajar
Klik tombol create
Database berhasil dibuat

4. Cara Membuat Tabel

Misal anda ingin membuat tabel : datamahasiswa dengan struktur tabel sebagai berikut :

Field	Type	Length
nim	INTEGER	10
nama	VARCHAR	30
tgl_lahir	DATE
kelamin	VARCHAR	10
alamat	TINYTEXT

Membuat Tabel di phpmyadmin

Buka phpmyadmin
Pilih database yang anda buat tadi
Pada bagian bawah Create new table on database, di textfield Name, masukkan nama tabel yang ingin dibuat, misal : datamahasiswa
Pada textfield Number of fields, masukkan jumlah field atau kolom yang ingin dibuat. misal : 5
Klik tombol GO
Akan muncul form untuk membuat tabel, seperti berikut :
Isi field-field seperti di atas
Klik Tombol Save
Tabel datamahasiswa berhasil dibuat

Membuat Tabel Melalui PHP dan Query

Selain melalui phpmyadmin, kita juga bisa membuat tabel langsung melalui PHP, dimana kita mengeksekusi query CREATE TABLE, contoh :

Semoga bermanfaat ^^

Nb: Jika gambar tidak terlalu jelas, klik untuk memperbesar

copy gustiardias14.com

Defraggler Menjaga Kestabilan Windows

Gusti Ardias Riantono Maret 11, 2013 Comment

Menjaga kestabilan windows dengan Defraggler? apa ya itu? masih ada yang bingung dengan software Defraggler? oke saya akan menjelaskan sedikit apa itu Defraggler.

Defraggler adalah 1 dari 4 produksi Pirifom yang memang menyediakan software untuk membantu mengoptimalkan windows dan Komputer kita. Wih, keren ya ^_^ nah kalo Defraggler itu sendiri dibuat untuk membantu merapikan bit, melihat keadaan bagus atau tidaknya harddisk dan melihat data-data yang rusak atau pecah.
Seperti ini tampilan dari Defraggler :

Pada gambar diatas ada kotak-kotak bewarna Biru, kuning dan merah. Saya akan menjelaskan apa arti dari warna tersebut.

Kotak Biru yang berarti Data sehat

Kotak Merah yang berarti Data Pecah
Kotak Kuning yang berarti sedang membaca Data
Kotak Hijau yang berarti sedang menulis

Pada gambar diatas memang tidak ada kotak hijau dikarenakan saya tidak mendefragnya, perbedaan Defraggler dengan Defragment dari windows memang sangat berbeda. Contoh di Defraggler ini bisa Defeag Freespace, Defrag to Bottom, Defag to Up dan lain sebagainya.

Jika ingin mengetahuinya lebih lanjut kunjungi saja website resminya di https://www.piriform.com. Disana menyediakan software yang free dan berbayar.

Jika ingin langsung mendownload bisa klik link ini : Download

Nah sekian untuk penjelasan saya tentang Defragler ini. Semoga bermanfaat ^_^

copy gustiardias14.com

Download Speecy

Gusti Ardias Riantono Maret 11, 2013 1 comment

Bagi kalian yang ingin melihat spesifikasi dari PC anda bisa melihatnya dengan software Speecy ini. Software ini juga dibuat oleh Perusahaan Piriform sama seperti Defraggler yang sudah saya bahas sebelumnya.

Berikut adalah tampilan dari Speecy,

Gambar diatas memberitahukan kita akan spesifikasi dari PC kita dan cuma hanya itu, Speecy juga memberitahukan suhu dari PC kita sendiri.

Dan mengapa kita memakai Speecy ini?

Pada pandangan pertama, Speccy mungkin tampak seperti sebuah aplikasi untuk administrator sistem dan power user. Tetapi Speccy juga dapat membantu pengguna normal, dalam kehidupan komputasi sehari-hari.

Jika anda perlu menambahkan lebih banyak memori untuk sistem anda, misalnya: Anda dapat memeriksa berapa banyak slot memori komputer anda dan memori apa yang sudah terpasang. Kemudian anda bisa pergi keluar dan membeli hak jenis memori untuk menambah atau mengganti apa yang anda sudah punya.

Jika Anda akan menjual PC anda, Anda dapat menggunakan Speccy melihat semua daftar komponen yang ada. Atau, jika anda membeli PC, Anda dapat menggunakan Speccy untuk memeriksa semua komponen yang ada di komputer.

Dan yang terakhir, Speccy sangat berguna untuk berbagai dukungan. Jika Anda berada di telepon dengan dukungan teknis dan mereka ingin tahu apa kartu video yang telah diinstal, tidak perlu sulit untuk mecari data di sekitar Windows. Speccy memiliki semua informasi pada satu layar yang mudah dimengerti.

Sangat membantu bukan? jika kalian ingin memiliki software ini bisa langsung
klik link ini : Download

Semoga bermanfaat ya ^^

copy gustiardias14.com

Setting ODBC di Windows 7 64bit

Gusti Ardias Riantono Maret 11, 2013 19 comments

Ini dia masalah yang pernah saya alami ketika ingin mengkoneksikan ODBC dari Microsoft Access ke J-Creator(Java), ketika saya ingin meng-Create New Data Source tampilannya hanya seperti ini :

Tampilan di atas tidak ada pilihan lain kecuali memilih SQL Server, tapi disini saya tidak memilih server itu melainkan Microsoft Access Driver (*.mdb,*.accbc). Tapi pilihan itu tidak ada di Windows 7 64bit yang saya miliki.

Nah untuk menyediakan pilihan lainnya kecuali SQL Server itu, saya mempunyai caranya.
Kalian pergi ke Control Panel, kemudian pilih System and Security, lalu pilih Administrative Tools. Untuk cepatnya kalian bisa copy paste alamat ini di Address bar yang berada di Windows Explorer:

Control Panel\System and Security\Administrative Tools

Setelah copy paste alamat tadi tampilan akan berubah menjadi seperti ini, dan kemudian klik kanan Data Sources (ODBC), pilih properties.

Tampilannya akan seperti ini:

Pada kotak yang saya beri warna merah itu dimana nantinya yang akan kita rubah.

1. Pada field Target : %windir%\System32\odbcad32.exe diubah menjadi -> C:\Windows\SysWOW64\odbcad32.exe

2. Pada field Start in : %windir%\System32 di ubah menjadi -> %windir%\SysWOW64

Contoh seperti gambar dibawah ini :

Setelah semuanya diubah seperti gambar diatas kemudian klik tombol Advance, Checklist Run as Administrator. Lihat gambar dibawah ini:

Sesudah di checklist klik tombol OK sampai selesai.
Dan sekarang ketika ingin meng-Create New Data Source, banyak pilihan yang bisa kita pilih. Taarraaa!!!

Semoga artikel ini bermanfaat bagi kalian semua yang membaca. Amin ^_^

Copy gustiardias14.com

Membuat Time Update menggunakan Javascript

Gusti Ardias Riantono Maret 11, 2013 Comment

Pada kali ini saya akan memberikan script untuk membuat time pada sebuah website menggunkan javasript, soalnya kalau saya berkunjung ke blog atau web tetangga pasti time updatenya itu berasal dari time yg terbuat dari flash. Hmm,, bagus sih tapi ada embel-embel kalau time itu dari jasa web yang menyediakan time update. Kala saya sih melihat embel-embel tuh terlihat gimana gitu.. hehe

Oke langsung saja saya berikan script ini, Check it out:

<table border="0" width="200" cellspacing="0" cellpadding="3"><form name="where">
<tr>     <td width="100%"> <select name="city" size="1" onchange="updateclock(this);">  <option value="" selected>Local time</option> <option value="0">London GMT</option>  <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option>  <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option>  <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select>  </td>   </tr>
<tr>     <td width="100%"> <script language="JavaScript">

/*
Drop Down World Clock- By Gusti Ardias Riantono (https://www.gustiardias14.com)
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span>
')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}

setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script>   <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>  This free script provided by <a href="https://www.gustiardias14.com">Gusti Ardias</a> </td> </form></tr>
</table>

Silahkan coba di website atau blog anda, time update lebih bagus dan tidak ada embel-embel. Saya juga memakai ini di bawah field cari, tapi saya hanya menggunakan local time saja.

Mengupload template pada tampilan terbaru blogspot

Gusti Ardias Riantono Maret 11, 2013 Comment

Hay, kali ini saya akan memberitahukan tentang cara mengupload template di tampilan terbaru blogspot. Mungkin saya telat untuk memberitahukan hal ini dikarenakan saya memang tidak memakai blogspot. Ya saya tadi sempat iseng untuk membuat blog di blogspot, dan alhasil saya bingung bagaimana cara untuk mengupload template yang telah saya sediakan. Dan setelah beberapa menit kemudian saya menemukan caranya.

Pertama klik menu Template di sebelah kiri dan kemudian klik tombol Cadangkan / Pulihkan

Setelah anda klik tombol tersebut akan muncul tampilan seperti ini,

Nah selanjutnya pilih deh template mana yang kalian mau upload, tinggal klik choose file setelah itu klik tombol Unggah. Kemudian ‘Tarraa…’ Template sudah terpasang di blogspot kita ^_^

Semoga bermanfaat ya.

Cara membuat iframe pada HTML

Gusti Ardias Riantono Maret 11, 2013 4 comments

Okay pada kali ini saya akan memberitahukan cara membuat iframe pada HTML, bisa ditaruh pada blog atau wordpress. Sebelum saya memberitahukan script ifrrame saya akan memberitahukan gunanya dari iframe. Misal saya mempunya 2 halaman html contoh: index.html dan info.html. Nah dihalaman index.html saya ingin menaruh halaman info.html. Jadi terdapat 2 halaman dalam 1 halaman.

Nah untuk menaruh info.html di dalam file index.html gunakan script ini :

Nah script itu ditaruh di dalam tag body, misal mau menaruh info.html di dalam table jadi taruh script iframe itu didalam tag table.

Jika iframe itu tidak ingin di scroll, pada script scrolling=”yes” diganti dengan no, frameborder untuk memberikan garis tepi, width dan height untuk memberikan ukuran Lebar dan Tinggi.

Okay cukup sampai disini pembahasan tentang iframe. Jika ingin bertanya bisa berikan komentar dibawah.
Semoga bermanfaat ^^

Selasa, 12 Maret 2013

Syntax Highlighter pada Blogspot

Senin, 11 Maret 2013

Pengenalan dasar MySQL

1. Apa Itu MySQL

2. Koneksi ke MySQL Melalui PHP

3. Cara Membuat Database di MySQL

4. Cara Membuat Tabel

Membuat Tabel di phpmyadmin

Membuat Tabel Melalui PHP dan Query

Defraggler Menjaga Kestabilan Windows

Download Speecy

Setting ODBC di Windows 7 64bit

Membuat Time Update menggunakan Javascript

Mengupload template pada tampilan terbaru blogspot

Cara membuat iframe pada HTML

Popular Posts

Labels

Archive

Recent Posts

Formulir Kontak

SMA

Kuliah

Selasa, 12 Maret 2013

Senin, 11 Maret 2013

1. Apa Itu MySQL

2. Koneksi ke MySQL Melalui PHP

3. Cara Membuat Database di MySQL

4. Cara Membuat Tabel

Membuat Tabel di phpmyadmin

Membuat Tabel Melalui PHP dan Query

Newsletter

Popular Posts

Labels

Archive

Recent Posts

Formulir Kontak

SMA

Kuliah