Menghapus Data Dengan Jendela Konfirmasi

Menghapus Data Dengan Jendela Konfirmasi

Download :

1. File
2. Database

Menghapus Data

Menghapus Data

Download :

1. File
2. Database

Memberi Warna Selang Seling Tabel

Setelah berhasil menampilkan data dalam bentuk paging saatnya memberikan warna yang selang seling pada tabel supaya tabel yang dibuat menjadi lebih indah dan mudah dibaca terutama tabel yang memiliki banyak kolom.

Memberi Warna Selang Seling Tabel

Download :

1. File
2. Database

Menambahkan First | Previous | Next | Last Pada Paging

Masih melengkapi tutorial paging yang kedua. Dengan menambahkan Link Next, Previous dan teman-temannya jadi masih kelanjutan tutorial yang sebelumnya mengenai Paging 2.

Menambahkan First Last Pada Paging

Download

1. File 
2. Database

Membuat Paging Halaman 2

Tutorial ini merupakan tutorial kelanjutan sebelumnya mengenai Pagging. Tutorial ini hanya melengkapi sedikit perubahan nomor urut dalam paging yang pertama. Silahkan dibaca dan jangan lupa di praktekkan yah.

Membuat Paging Halaman 2

Download

1. File 
2. Database

Membuat Paging Halaman

Membuat Paging Halaman

Download :

1. File
2. Database

Membuat Login Sederhana dengan PHP

Tutorial kali ini membuat loginsederhana dengan menggunakan PHP. Pertama kali buka aplikasi editing website anda! Saya menggunakan dreamweaver 8 dan xampp server versi 1.7.3 karena disesuaikan dengan notebook yang mungil dan kapasitas ram yang kecil. 

Membuat Login Sederhana

Download file latihan

1. File Latihan
2. File Mysql

Tugas Mendaftar Hosting MM X-11 2011/2012

Tugas mendaftar hosting bagi kelas X-11 Tahun Diklat 2011/2012. Silahkan mendaftar hosting ke internet sehingga anda memiliki akun hosting. Adapun tempat pendaftaran bebas dan domain yang akan digunakan juga bebas. Disarankan menggunakan Domain Hosting Free (Gratis). Utuk acuan bisa mengunjungi beberapa halaman berikut (disarankan browsing dari google sendiri) :

1. Hosting Gratis Luar Negeri
2. Hosting Gratis Dalam Negeri

Jika sudah silahkan kasih konfirmasi alamat domain melalui komentar dibawah posting ini. Tenggang Waktu Sampai Tanggal 14 Maret 2012 pukul 24.00 WIB.

Digimon Rumble Arena (PSX) Portable

Publisher: Bandai
Developer: Bandai
Genre: Action, Fighting
Release Date: Feb 24, 2002
Number of Players: 1-2 Players
Score: Game Spot N/A | IGN N/A
info: gamespot | IGN

Download via :
|mediafire| : Download

|indowebster| : Download

Tugas Mendaftar Hosting MM X-10 2011/2012

Tugas mendaftar hosting bagi kelas X-10 Tahun Diklat 2011/2012. Silahkan mendaftar hosting ke internet sehingga anda memiliki akun hosting. Adapun tempat pendaftaran bebas dan domain yang akan digunakan juga bebas. Disarankan menggunakan Domain Hosting Free (Gratis). Utuk acuan bisa mengunjungi beberapa halaman berikut (disarankan browsing dari google sendiri) :

1. Hosting Gratis Luar Negeri
2. Hosting Gratis Dalam Negeri

Jika sudah silahkan kasih konfirmasi alamat domain melalui komentar dibawah posting ini. Tenggang Waktu Sampai Tanggal 11 Maret 2012 pukul 24.00 WIB.

Free Hosting

Setelah post sebelumnya mengenai Hosting Gratis Indonesia, berikutnya daftar Hosting gratis atau Free hosting dari negeri manca silahkan dicoba saja dengan berbagai fasilitas yang ditawarkan.

1. PHPNet.us

Space 350MB space, 15GB bandwidth, No banner

Didukung control panel menggunakan Vista Panel, MySQL, PHP, FTP, Free subdomain (username.phpnet.us). Cocok digunakan untuk e-commerce shop, galeri foto pribadi atau sistem bisnis manajemen konten. Dari tampilan halaman bagian bawah situs ini, Anda akan menemukan banyak sekali hosting gratisan yang serupa dengan PHPNet.us

2. DotEasy.com

Space 100 MB, Bandwidth 1000 MB, No banner

Host Paket hosting gratis di situs ini mendukung Microsoft FrontPage dan Dreamweaver. Juga menyediakan layanan yang lengkap, seperti Website Builder, Blog, Gallery dan WebForum.

3. AgilityHoster.com

Space 200 MB, Bandwidth 5 GB, No Banner

Hostingan ini mendukung PHP, Perl, CGI dan MySQL, 5 account email khusus website anda dan banyak lagi.

4. HyperPHP.com

Space 250 MB, Bandwidth 6 GB, No banner

Tampilan situs ini mirip dengan My-PHP.net, mungkin saja mereka pernah satu jurusan di perkuliahan. Bahkan Kuota dan Fitur pun menyerupai My-PHP.net. Jika Anda pernah mencoba layanan My-PHP.net, seperti itulah kualitas layanan yang diberikan HyperPHP.com.

5. IfastNet.com

Space 300 MB, Bandwidth 6 GB, No banner

Hostingan ini patut dicoba, layanannya lumayan bagus. Support FTP account, Unlimited POP email accounts, Fantastico type installer, VistaPanel Control Panel, 5 MySQL databases.

6. IpowerHosts.com

Space 25 MB, Bandwidth 2 GB, No banner

Support email gratis berbasis web, data backup gratis, control panel web, guest book, file manager, online website builder dan banyak lagi.

7. FreeServers.com

Space 50 MB, Bandwidth 1 GB, No banner

Layanan hostingan ini lumayan bagus. Belum banyak netter indonesia yang mengenal hostingan ini, mungkin karena fitur-fiturnya yang kurang lengkap. Seperti tidak didukungnya fitur FTP Access dan blog WordPress Script.

8. JustFreeHost.com

Space 100 MB, Bandwidth 1 GB, No banner

Sebanyak 120 ribu subdomain telah tercipta dari situs ini, layanannya belum kami ketahui karena kami belum pernah mencobanya. Tapi, tak ada salahnya jika Anda mencoba layanan hostingan ini. Menurut informasi dari ?mbah Google? JustFreeHost.com kurang menarik untuk dijadikan hostingan situs resmi, lebih asyik jika hanya dimanfaatkan untuk latihan membuat situs, walhasil? banyak dari situs-situs koleksi JustFreeHost.com terlantar dan tidak dihiraukan.

9. GetFreeHosting.co.uk

Space 300 MB, Bandwidth 10 GB, No banner

Ni salah satu hostingan terbaik dengan fitur paling banyak dari standar hosting gratisan, Anda bisa menikmati layanan Auto Script yang lengkap dan mendukung Joomla, Vista Panel, Full ht.access, Monitor websites, Full FTP Access, Blog, forum, Layanan 24 Jam with Live chat dan Free Bonus Extras.

10. FreeHosty.com

Space 300 MB, Bandwidth 10 GB, No banner

Fitur yang akan Anda dapatkan dari hostingan ini : Vista Panel, Web mail, PHP Flags manager, POP email accounts, 7 MySQL databases, Automatic installer (29 scripts), Password protected folders, 5 Add-on domains, FTP account, Php MyAdmin, 5 Sub domains, File manager (browser upload)

11. FreeHostPage.com

Space Unlimitted, Bandwidth Unlimitted, no banner,

Hosting gratisan yang ini memang menghebohkan, menyediakan layanan serba unlimitted, udah gitu tanpa banner. Syaratnya, anda Cuma diharuskan memiliki domain.com, selain domain.com anda tidak bisa menggunakan layanan hostingan gratisan ini.

12. MorganHosting.co.cc

Space MB , Bandwidth 1027 MB, No banner

Salah satu hosting gratisan terbaik milik indonesia. Kami sudah pernah mencoba layanan hostingan ini. Yang patut di acungi jempol adalah control panelnya menggunakan Vista Panel. Tapi sayang, agak lemot saat login ke control panelnya, mungkin akibat dari banner-banner iklan yang banyak ditampilkan di control panel.

13. OxyHost.com

Space 5 GB, Bandwidth 100 GB, no banner

Ni hostingan tergolong masih baru, baru berdiri tahun 2008. Tapi jangan salah sangka, walaupun masih baru berdiri di tahun 2008, hostingan ini menjadi menarik dengan tersedianya ht.access bagi para reseller mania. Agak sulit memang mencari hostingan gratis yang tersedia layanan ht.access. Untuk mendapatkan hosting gratisan OxyHost.com, sebelumnya anda diharuskan menjadi member OxyTown.com. Setelah mendaftar menjadi member, kemudian Anda akan diberikan no keanggotaan. No tersebut berguna saat mengisi formulir pendaftaran OxyHost.com. Bagi yang tidak mengerti bahasa inggris mungkin akan kesulitan mencari letak no keanggotaan tersebut. Agak tersembunyi di antara Postingan Forum.

14. Fusedtree.com

Space 20 GB, Bandwidth 200 GB, no banner

Ada lagi layanan hostingan yang bagus, namanya Fusedtree.com, space yang besar dan bandwidth yang besar, menjadikan hostingan ini faforit di luar negri (selain negara indonesia tentunya). Tapi, sayangnya Fusedtree.com terlihat kurang profesional, terbukti dari email layanannya yang masih menggunakan google mail.

15. FreeHostingz.com,

Space 10 GB, Bandwidth 100 GB, No banner

Memiliki fitur PHP 5, SQL support, Installer Script, Free web statistic, Website Builder instant activation, dan lain-lain.

16. T35.com

Space Unlimitted, Bandwidth Unlimitted, No banner

Ini juga layanan hostingan serba Unlimitted, entah kenapa banyak yang berminat menggunakan hosting gratisan ini. Layanannya lumayan baik. Beberapa pengguna internet di indonesia juga lumayan banyak menggunakan layanan situs ini, tapi tak sedikit pula yang kemudian menelantarkan account mereka. Kebanyakan para netter menggunakan situs ini untuk coba-coba.

17. FreeWeb7.com

Space 7 GB, Bandwidth 100 GB, No banner

Layanan dari hostingan ini cukup baik, keluhan Anda siap dilayani selama 7?24 jam.

18. Bplaced.net

Space 2GB, Bandwidth Unlimitted, No banner

Layanan hostingannya terlihat lebih profesional. Anda bisa mencobanya. Situs ini dilengkapi fitur PHP5, FTP access, MySQL & PostgreSQL, dan 2 pilihan gratisan lainnya dengan layanan yang berbeda.

19. Quotaless.com

Space Unlimitted, Bandwidth Unlimitted, No banner

Situs dengan Layanan Unlimitted pertama kali di internet ini lumayan banyak peminatnya (selain pengguna internet di indonesia). Tapi sayang, layanannya kurang memuaskan. Anda memang mendapatkan layanan Unlimitted, tapi anda tidak bisa meng-upload file ke control panel ?file manager?. Lalu apa gunanya layanan unlimitted???

Semua situs diatas sudah mendukung untuk auto installer sehingga seperti memiliki hosting berbayar. Tetapi tetap gratis sehingga keamanan data dan lamanya layanan yang diberikan juga kurang tahu, silahkan korek langsung informasi dari empunya hosting. Silahkan mencoba Hosting Gratis atau Free Hosting untuk belajar dan jangan digunakan untuk yang tidak baik heheheee.

Merubah Title dan Meta Tag sesuai Posting

Merubah Title dan Meta Tag sesuai Posting pada Blogspot. Meta Tag merupakan identitas website kita yang juga merupakan perhitungan Mesin Pencari dalam mengindeks website didunia. Jadi Meta Tag juga mempunyai andil dan peran yang sama dengan title pada website. Kali ini saya akan membahas mengenai Merubah Meta Tag sesuai dengan judul posting sekaligus merubah title blogspot sesuai dengan judul posting. Terdahulu pernah saya posting merubah title blogspot, cuma bedanya kali ini ditambahkan juga untuk merubah Meta Tag sesuai dengan judul posting.Pertama jika anda belum pernah mengubah title anda cari baris perintah berikut :
<title><data:blog.pageTitle/></title>

Berikutnya hapus baris tersebut kemudian ganti dengan code berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci | Kata kunci </title>
<meta content='Multimedia | Silabus | rpp | SMK | SEO | Desain Web' name='DESCRIPTION'/>
<meta content='Belajar Multimedia, Multimedia, Silabus, rpp, SMK, SEO, Desain Web' name='KEYWORDS'/>
</b:if>

Untuk teks warna Biru silahkan diubah disesuaikan dengan Description dan Keyword Blogspot anda. Untuk Teks data:blog.pageTitle/ berfungsi menampilkan Judul Blog beserta Label (cth : Belajar Multimedia: Trik Blogger). Teks data:blog.title/ berfungsi menampilkan Judul Blog (cth : Belajar Multimedia). Teks data:blog.pageName berfungsi menampilkan Judul Posting Anda. Sekian Tutorial dari saya semoga bermanfaat.

Tutorial Membuat Themes Blogspot 4

Dalam Tutorial ini anda akan mengetahui pengaturan kode dari sebuah kontainer. Untuk memudahkan secara sederhana kita akan melihat hanya 2 blok kontainer yaitu Main dan Post. Setelah anda mengerti maka anda bisa implementasikan pada kontainer yang lain karena dasarnya adalah sama.

Berikut adalah contoh untuk 2 kode kontainer yang akan kita bahas :

#main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 400px;
max-width: 400px;
background: $mainbgColor;
color: #111111;
font: $textFont;
}

.post {
margin: 0px 20px 10px 0px;
padding: 10px 20px 10px 2px;
line-height: 1.5em;
text-align: left;
background: $postbgColor;
}

#main dan .post adalah judul dari setiap kontainer. Setiap kode kontainer harus ditulis dalam tanda {....}. Dalam penjelasan dibawah ini kita akan fokus dalam bagian .post terutama pada bagian margin dan padding (kode atas yang berwarna merah)

• Margin mengatur jarak border kontainer dengan border kontainer diluarnya. Ada 4 nomor yang mendefinisikan properti margin. Nomor yang pertama mengatur top margin, yang kedua mengatur right margin, yang ketiga mengatur bottom margin dan yang keempat mengatur left margin. Secara umum mengatur margin sesuai dengan arah jarum jam dari top margin. Dalam kasus diatas Kontainer terluar adalah kontainer utama. Lihat gambar diatas untuk pembatasan jarak antar kontainer, kontainer biru (post) berada didalam kontainer utama hijau (main), mengikuti perintah margin blok kode yang berwarna merah. Jika marginnya diatur ke angka 0 (nol) maka lebar halaman posting (warna biru) akan sama dengan lebar main (warna nijau). Pikirkan bahwa margin berfungsi mengatur kontainer yang ada dengan kontainer diluarnya (post biru dan main hijau). Pikirkan jika margin mempunyai nilai negatif maka akan mempunyai ukuran yang lebih besar daripada margin luarnya.
• Padding mengatur jarak batas antara kontainer luar dengan kontainer didalamnya. Lihat dalam gambar diatas kontainer post (biru) mengatur jarak kontainer didalamnya yaitu post-body. 4 nomor pengaturan dalam padding diatur dan ditulis searah jarum jam sama seperti pengaturan dalam margin. Lihat pada gambar bagaimana posisi post-body menempatkan text didalam kontainer post jauh dari batas garis yang putus-putus. Tidak seperti margin, pikirkan bahwa padding mengatur jarak dari kontainer luar ke kontainer di dalamnya dan nilainya tidak bisa negatif.
• Min-width dan Max-width mengatur lebar kontainer. Biasanya cukup menuliskan sebagai width = 400px misalnya, tetapi saya terbiasa mengatur lebar dengan seketat mungkin karena kalau tidak ketat maka untuk browser yang lain akan menyusut atau lebih lebar dari browser yang kita gunakan. Jadi dengan mengatur lebar yang ketat tanpa ruang kosong akan mengurangi bug alingment yang terdapat pada browser yang berbeda-beda. Jika anda melihat template saya yang baru saya mengatur beberapa margin lebih berlebihan misalnya di Main-Wrapper dan Main Kontainer meskipun mereka hampir sama. Dengan cara itu saya dapat mengatasi bug yang terjadi pada browser yang berbeda-beda (meskipun saya tidak tahu bagaimana hal itu bisa terjadi)
• Background mengatur warna background dalam kontainer. Lihat disini untuk melihat nilai semua warna. Anda juga dapat menetapkan gambar latar belakang yang berulang untuk menutupi seluruh blok kontainer. Cranya dengan menunjuk ke URL suatu gambar. Cra pengaturan lebih lanjut silahkan berkunjung ke W3school tutorial. Anda juga dapat mengatur nilainya menjadi $samplevariable dimana variabel adalah salah satu yang anda tetapkan didalam SubSection 1 CSS Styling Section.
• Color mengatur warna teks menggunakan warna heksadesimal atau variabel yang didefinisikan sebelum SubSection 1.
• Font mengatur jenis font teks anda. Anda dapat menggunakan variabel yang ditetapkan pada SubSection 1. Lihat tutorial di W3School untuk pengaturan font lebih lanjut.
• Text--align mengatur alignment teks anda. Terdapat 3 pilihan kiri tengah kanan.
• Line height mengatur jarak tinggi antara dua baris dalam teks.

Tutorial saya hanya memberikan beberapa kode dasar dalam template blogger. Yang paling penting dalam pemahaman dasar adalah margin dan padding menurut saya. Jika anda ingini penjelasan yang lebih rinci tentang CSS Styling silahkan berkunjung ke W3School tutorial.

Tutorial Membuat Themes Blogspot 3

Berikutnya menjelaskan Struktur CSS Styling Section, yang merupakan bagian kedua dari Blogger Template Code Structure. Tetapi tidak semua template mempunyai kode struktur yang sama, structure yang dipakai adalah Blogger Template Code Structure ttutorial sebelumnya. Pada dasarnya struktur tergantung dari seseorang mendesainnya mau menggunakan gaya atau model bagaimana? Akhirnya nanti anda bisa membuat stuktur blog dengan gaya anda sendiri setelah anda memahami struktur dasarnya. Disini saya berikan struktur dasar sederhana supaya anda mudah memahami dan mudah menggunakan, pengembangannya tergantung anda sendiri.

Saya telah mengurangi bagian CSS Styling menjadi 9 bagian yang kecil. Sekarang saya akan menggambarkan bagian secara umumnya. Kita juga akan sampai ke detail coding dalam tutorial selanjutnya. Yang penting selalu diingat Template acuan yang kita gunakan adalah Blogger Template Code Structure tutorial sebelumnya. Untuk memahami lebih lanjut mengenai subbagian dan kontainer saya jelaskan pada gambar berikut ini ;

SubSection 1 - Variabel
Bagian ini  berisi deklarasi pengenalan dari variabel font dan warna yang muncul ditab font dan warna dihalaman Layout. MIsalnya untuk teks warna atau teks font variabelnya bisa dipilih dan dimodifikasi menggunakan tab font dan warna. Dalam template saya telah menambahkan banyak variabel kurang lebih 40 buah dibandingkan template standar dengan tujuan memudahkan bagi anda menyesuaikan banyak hal pada template.

SubSection 2 - Global
Bagian ini berisi coding untuk mengatur tampilan umum dan layout. Silahkan anda lihat pada gambar diatas yang berwarna hijau. anda akan melihat code dengan tanda body {...}. Ini berarti setiap kode yang berada diantara tanda { dan } akan mengatur properti umum (layout, ukuran dan tampilan) dari bagian template dan segala sesuatu yang muncul di layar monitor anda. Sebagai contoh mengatur lebar template, warna dan gambar. Tetapi tidak mengendalikan sifat dari seluruh template yang kita buat (sifat detail template karena bagian itu diatur oleh subsection yang lain). Atau jika anda mengeset (contoh pengaturan font) dalam kode body dan juga dalam kode subsection tersendiri maka yang akan digunakan adalah yang ada disubsection sedangkan kode ditubuh tidak dipakai, bila anda tidak mengaturnya di subsection maka yang digunakan aturan kode yang di body.
Didalam sub section Global anda juga akan menemukan kontainer Outer-wrapper dan Content-wrapper. 

SubSection 3 - Header
Bagian ini mengatur properti segala sesuatu didalam Header-Wrapper kontainer anda. Yang paling umum adalah blog title dan blog deskription. Disebagian template saya, telah saya tambahkan objek baru di header wrapper, seperti linkbar (dalam horizontal menu). Biasanya anda tidak dapat menambahkan menu dalam header karena tidak terdapat option Add Page Elemen tab. Untuk menambahkan linkbar saya harus menambahkan kode pada Section bagian 3 yang merupakan code tempate (bagian data). Dalam blog saya (dzelque.blogspot.com) saya menambahkan beberapa opsi yang lain sendiri seperti Google Search Bar. Idealnya anda dapat menambahkan apa saja di bagian Section ke 3 dan ini akan kita bahas nanti.

 
SubSection 4 - Main
Bagian ini mengatur (size, layout dan tampilan) dari segala sesuatu di Main-Wrapper blok yang mengandung Tanggal, Posting, Komentar, Feed Link, dan widget yang anda tambahkan ke main menggunakan Add Page Element.


SubSection 5 - SideBar
Bagian ini mengatur properti dalam sidebar-wrapper misalnya dalam Labels, Blog Archives, Adsense Units, Link List dan lainnya. Tetapi tidak mengatur berapa banyak sidebar yang anda miliki atau lokasi mereka diblog (contoh Sidebar-Main-Sidebar atau Main-Sidebar-Sidebar). Bagian ini dilakukan dalam Bagian ke 3 dari Blogger Template Code Structure.


SubSection 6 - Miscellaneous
Bagian ini mengatur properti tambahan dalam blog anda yang tidak dikendalikan oleh semua subSection diatas. Elemen ini berisi Profile (blok About Me), Blogquote, dan kode. Ini berarti jika anda ingin mengubah text atau warna dalam nickname anda dalam block About Me, ini adalah bagiannya.

SubSection 7 - PostFooter
Dalam Template Generik saya  bagian ini mengontrol properties dalam 3 hal :

1. Post Footer teks yang berada dibawah body. Ini adalah bagian yang berisi informasi tentang posting anda seperti diposkan oleh NickName Anda, Labels ...., 5 komentar dan lain-lain.
2. Blog Pager bagian yang berada dibawah posting anda yang mengatakan Next Post, HOME, Older Post.
3. Feed Link bagian ini merupakan link yang berfungsi menampilkan Entri Langganan Artikel seperti POst (Atom) Feed.

SubSection 8 - Coment

Bagian ini mengatur properti yang ada pada komentar blog anda.

SubSection 9 - Footer

Bagian ini mengatur properties yang ada dibagian footer, umumnya berisi info kepemilikan atau hak cipta dari sebuah blog. Ada juga diblog lain yang menampilkan Recent Post ataupun Popular Post dalam 2 kolom atau lebih. Dasarnya anda dapat menempatkan apa saja dalam footer seperti dalam sidebar. Tetapi jika ingin membagi footer lebih dari 1 kolom anda harus mengubah Bagian kode ke 3 dari Blogger Template Code Structure.

I See What You See

Video Tugas siswa Semester 5 Kelas XII-11 Tahun Diklat 2011/2012

Sinopsis :

Cerita fiksi ini mengisahkan kisah misterius mengenai seorang gadis yang sedang menempuh sebuah kehidupan baru. Kala dia terbebas dari kegelapan yang kelam dia harus menghadapi kisah baru yang penuh teka-teki misteri, berawal dari indera penglihatannya sendiri. Mata.

Guru/Instruktur : Andi Saputro, S.Kom | Sutopo. H.P, S.Kom

Siswa : Tatik dwi L, Ayuni Hasanah, Sri Handayani, Veronica Devi P, Abdulrahman S, Shalichah Eka Y, Cantik Ariyani, Astari Sholicah, Murni, Indah Nur K