Memasukkan dan Menampilkan Data pada HTML dan PHP

Dalam tutorial ini saya menggunakan Adobe Dreamweaver CS6 dan XAMPP. Bila anda belum mempunyai tools tersebut, anda bisa mendownload di website resminya.

Tanpa berlama-lama kita langsung menuju tutorialnya, cekidot.

Contoh Kasus 1 :

Buatlah script yang akan digunakan untuk memasukkan dan menampilkan data berikut:

- Input : Nama, Alamat, Nilai1, Nilai2, Nilai3

- Output : Nama, Alamat, Total Nilai dan Rata-rata Nilai

Penyelesaian :

1. Buka Adobe Dreamweaver CS6
2. Pilih HTML, kemudian anda ketik script di gambar ini, anda bisa menyimpannya dengan nama "no1.html" atau sesuai keinginan anda. Simpan dalam folder C:\xampp\htdocs.

dalam script '<form action="no1.php"......' ganti "no1.php" sesuai dengan file php yang akan dibuat setelah ini. 

3. Buat file baru dengan format PHP (ctrl+N) kemudian ketik script dibawah:

4. Simpan dengan nama "no1.php" atau bebas asalkan sama dengan yang diinput di script '<form action="no1.php"......' dalam file html di no 2.

5. Jalankan Xampp, kemudian Start Apache dan Mysqlnya.

6. Jalankan browser anda kemudian ketikan localhost/no1.html hingga muncul tampilan seperti dibawah.

7. Kemudian, input dan klik ok sehingga muncul output yang dihandle file "no1.php"

Contoh Kasus 2 :

Ubah script dibawah ini agar bisa diinput seperti Kasus 1

Penyelesaian :

1. Buka Adobe Dreamweaver CS6
2. Pilih HTML, kemudian anda ketik script di gambar ini, anda bisa menyimpannya dengan nama "operator.html" atau sesuai keinginan anda. Simpan dalam folder C:\xampp\htdocs.

3. Buat file baru dengan format PHP (ctrl+N) kemudian ketik script dibawah:

4. Simpan dengan nama "operator.php" atau bebas asalkan sama dengan yang diinput di script '<form action="operator.php"......' dalam file html di no 2.

5. Jalankan Xampp, kemudian Start Apache dan Mysqlnya.

6. Jalankan browser dan ketikkan localhost/operator.html

 7. Input nilai A dan B kemudian klik Ok sehingga akan dihandle oleh file "operator.php"

Sekian Tutorial dari Lingga kali ini, semoga bermanfaat. C U :)

Read More

ETIKA NGEBLOG ATAU TATA TERTIB NGEBLOG

Selamat sore teman, permisi yaaaa Admin mau nge-post nih. Bolehkan? (ya bolehlah ini kan blog gue :D). Eh..eh...sebelumnya apa kabar nih? Kangen ga sama Admin? :D Kayanya sih iya ya? :p
Oke deh tanpa basa dan tanpa basi (digabung jadi "basa-basi") alias mau to the point aja, Admin mau ngeshare arikel tentang Etika Ngeblog atau Tata Tertib Ngeblog. Artikel ini Admin kutip dari http://anjari.blogdetik.com/. Langsung aja, diantaranya:

1. Menghargai dan menjunjung tinggi perlindungan Hak Kekayaan Intelektual dengan menghindari plagiarisme, pembajakan, dan selalu mencantumkan sumber setiap kali mengutip karya orang lain.
2. Tidak mendiskreditkan pihak lain dan selalu berkomitmen untuk menulis secara proporsional.
3. Tidak menampilkan tulisan atau gambar yang mengandung unsur pornografi.
4. Selalu berbagi pengetahuan dan kebaikan melalui blog masing-masing.
5. Tidak berprasangka dan hanya menulis berdasarkan fakta yang diyakini bisa dibuktikan serta tetap dengan menjunjung tinggi etika kesopanan dalam menulis.
6. Tidak melakukan spamming melalui kolom komentar.
7. Tetap menjaga kesopanan dan rasa saling menghormati dalam memberikan komentar pada blog yang dikunjungi.
8. Tidak melakukan hack pada website atau blog lain.
9. Tidak menampilkan tulisan atau gambar yang mengandung unsur SARA.
10. Menggunakan bahasa yang baik dalam menulis.
11. Tetap menjunjung tinggi kebebasan berekspresi dalam menulis tetapi tidak melanggar hak-hak orang lain.
12. Bersedia meralat informasi yang telah ditulis dalam blog jika di kemudian hari terdapat kesalahan dalam memuat tulisan di blog.

Gimana? Sekarang udah tau kan Etika Ngeblog atau Tata Tertib Ngeblog-nya?
Semoga artikel ini bisa bermanfaat buat teman semua ^,^

Credit:

Thanks to http://anjari.blogdetik.com/

Copyright @2014 NVLGDRGNTR.

Read More

CARA MEMASANG WIDGET TIMELINE TWITTER DI BLOG

Assalamualaikum wr.wb. teman NVLGDRGNTR. Apa kabar? Semoga kalian semua dalam keadaan yang baik yaa aamiin :). Yups, kali ini Admin mau share tentang Cara Memasang Widget Timeline Twitter di Blog. Pada penasaran kan? Oke deh ini dia....

jeng....jeng....jeng(Theme song ala film horror ceritanya) :D

Okay teman, pertama-tama teman harus punya akun twitter (yaeyalah) :o
Admin yakin deh kalian semua udah pada punya kan?
Langkah Pertama :
Masuk ke Twitter, Kemudian masuk ke panel pengaturan


Masuk ke panel widget, klik "Buat Baru"

Sekarang tinggal teman konfigurasikan sesuai keinginan, kalau sudah klik "Buat widget"

Terakhir, teman tinggal copas aja scriptnya....

Tadi adalah cara membuat widgetnya, sekarang kita masuk ke cara masangnya di blog. Cekidots....

Login ke Blogger, kemudian masuk ke tata letak, tambahkan gadget dan pilih "HTML/Javascript". Kemudian, pastekan script yang tadi udah di copy.


Langkah terakhir simpan dan letakkan sesuai keinginan, kemudian lihat deh hasilnya :)
Ini dia contohnya....

Mudah kan?
Sekian Cara Memasang Widget Timeline Twitter di Blog, ditunggu koreksi dan komentnya ya teman :) See you *cheers*

Copyright @2014 NVLGDRGNTR.

Read More

SITUS PENYEDIA TEMPLATE BLOG

Jika Anda sudah bosan dengan tampilan blog Anda di Blogger dan merasa tidak puas dengan pilihan template yang disediakan Blogger, Anda bisa menggunakan desain template buatan pihak ketiga yang tersedia secara gratis. Jika Anda melakukan pencarian dengan Google, Anda akan dengan mudah menemukan situs-situs penyedia template blogger tersebut. Pada artikel kali ini, saya merekomendasikan 15 situs yang menyediakan template blogger dengan kualitas bagus secara gratis….

Untuk menggunakan template dari pihak ketiga ini, terlebih dahulu Anda harus mendownload file template yang disediakan situs-situs tersebut. Beberapa situs menyertakan file “readme.txt” yang berisikan petunjuk penggunaan template pada file yang Anda download tadi. Selanjutnya Anda akan mengupload file .xml ke dalam akun Blogger Anda.

1. Blogger Themes

2. Blogger Templates Blog

3. Blogger Styles

4. BTemplates

5. Theme Craft

6. Hook Up Your Blog

7. Deluxe Templates

8. Blogger Templates Free

9. Blogger Blog Templates

10. Blog Crowds

11. Zoom Template

12. Blog Template 4 U

13. Chica Blogger

14. Blogger-Templates

15. All Blogspot Templates

sumber:http://www.diatasawam.com/

Read More

CARA MEMASANG WIDGET LIKE BOX FACEBOOK MELAYANG DI BLOG

Tujuan Memasang Widget Like Box Facebook Melayang di Blog
Pada dasarnya tujuan Memasang Widget Like Box Facebook Melayang di Blog adalah agar para pengunjung blog mau menyukai halaman facebook yang kita kelola dengan memberikan jempolnya, sehingga halaman halaman facebook yang anda kelola semakin banyak. Kelebihan lain dari Widget ini dilengkapi dengan tombol close sehingga pengunjung bisa dengan mudah menutup Kotak Widget ini dan walau pun agak sedikit mengganggu pengunjung tapi masih bisa menutupnya tanpa susah payah.

Penasaran ingin Memasang Widget Like Box Facebook Melayang di Blog anda? Ikuti langkah-langkah dibawah ini.

Inilah Memasang Widget Like Box Facebook Melayang di Blog

1. Syarat utama : Memiliki Sebuah Halaman Facebook. Bila belum ada, silahkan buat dulu.
2. Buka Akun Blog yang anda kelola.
3. Pada Dasbor Blog anda, masuklah ke Elemen Tata Letak, pilih Add Widget / Tambah Gadget
4. Lalu pilih HTML/Jawascript
5. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat. 

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/NongkronglDiKedaiKopi" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p>
</div>

6. Simpat Widget/Gadget Baru yang anda buat tersebut. 
7. Lihat hasilnya. 

Perlu diperhatikan :
1. Tulisan berwarna Merah adalah Kode Script dari Halaman Facebook Kedai Kopi. Silahkan anda ganti Kode Script tersebut dengan Kode Script dari Halaman Facebook Anda.
2. Bila tidak berhasil, coba ulang dari awal.

sumber:http://bos-tutorial.blogspot.com/

Read More

CARA MEMASANG WIDGET TIMELINE TWITTER DI BLOG

Twitter adalah salah satu Jejaring Sosial paling populer di masa kini yang bisa menjadi alat untuk mendapatkan banyak trafik. Saya sudah pernah mengatakan di Postingan - postingan saya sebelumnya bahwa peran Jejaring Sosial dalam dunia blogging sangatlah penting. Oleh karena itu saya juga membagikan Tutorial tentang "Social Media" di blog ini.

Kali ini saya akan memberikan tutorial mengenai cara memasang widget timeline Twitter di Blog. Jika kamu adalah pengguna Aktif Twitter maka widget timeline ini akan menjadi sangat bermanfaat untuk di pasang di blog kamu, karena dengan widget Timeline Twitter ini pengunjung blog akan lebih mudah berkomunikasi dengan kamu melalui Twitter.

Bagaimana Cara Memasang widget Timeline Twitter di Blog?

Caranya sangatlah mudah, karena Twitter sudah menyediakan fasilitas Widget. Jadi kita tidak perlu menulis Scriptnya sendiri, kita hanya perlu mengisi Form dan mengikuti beberapa langkah simple dan Twitter akan secara otomatis meng"Generate" Script widgetnya sehingga kita cukup perlu mencopy Scriptnya di widget HTML/Javacript. Berikut Langkah - langkahnya.
 Langkah Pertama, membuat Script Widget Timeline Twitter.

1. Login ke Akun Twitter kamu.
2. Lalu langsung saja menuju ke menu Edit Profile.
   
3. Lalu Klik menu "Widget".
   
4. Selanjutnya klik Tombol "Create New".
   
5. Pilih Source Widget Timelinenya, isi Formnya dan atur sesuai dengan keinginanmu.
   
   Penjelasan : 
   1. Pilih Apa yang akan kamu tampilkan di widgetnya nanti, apakah itu Timeline, Favorite, List atau Search.
   2. Pada form configuration kamu dapat mengatur Tinggi (Height), Tema (Theme), Warna Link (Link Color), dll.
   3. Yang saya tandai dengan kotak hijau (Nomor 3) itu adalah Preview atau Pratinjau.
   4. Kenapa cuma ada setting Height? karena Width (Lebar) widget Timeline Twitter ini akan secara otomatis menyesuaikan.
6. Setelah kamu selesai mengatur konfigurasi widgetnya, Klik tombol "Create Widget" untuk membuat Script widgetnya. Lalu Copy Scriptnya yang akan muncul di bawah "Preview".
   

Langkah Kedua, Memasang widget Timeline Twitter di Blog.

1. Login ke Blogger.Com.
2. Pilih Menu Tata Letak :
   
3. Selanjutnya Klik Link "Tambah Gadget" di Tempat dimana kamu ingin memasang widget Timeline Twitter.
   
4. Selanjutnya Pilih Widget "HTML/JavaScript".
   
5. Lalu Pastekan Code JavaScript dari Twitter yang sudah kita buat tadi, lebih jelasnya lihat screenshootnya di bawah ini.
   
6. Klik tombol Simpan. Selesai, sekarang Widget Timeline Twitter sudah terpasang di Blog Kamu. Semoga Bermanfaat, Jangan Lupa Share Tutorial ini ya (Klik Tombol Like, G+, Share di Twitter, dll). Bantu agar Blog ini tetap hidup.

sumber:http://www.caraseoblogger.com/

Read More

CARA MEMASANG WIDGET JAM DI BLOG

Kali ini saya mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah : 

www.clocklink.com 

Berikut cara memasang widget Jam di blogger 

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita 

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman 
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

jika sudah berhasil akan tampak seperti dibawah ini : 

 
 
ada beberapa situs lain yang menyediakan widget jam untuk blog secara gratis diantaranya adalah : 

www.mytictac.com sumber:http://adesyams.blogspot.com/

Read More