Panduan Membuat Blog Bagi Pemula

Panduan Membuat Blog Bagi Pemula 

Bagi sebagian orang, cara membuat blog sudah menjadi keahlian yang lazim dipakai sehari-hari, tapi bagi pemula yang baru ingin memulai… banyak tantangan yang harus dilalui dan pertanyaan yang belum terjawab. Dalam panduan ini, saya telah mengumpulkan beberapa sumber daya penting agar Anda dapat membuat sebuah blog dari nol.

Harus diakui tidak akan mungkin mendiskusikan semuanya, Anda akan menemukan semua yang Anda butuhkan untuk membuat blog. Yang lebih penting lagi, panduan ini akan menuntun Anda agar dapat mencapai tujuan secepat mungkin dan juga mengembangkan blog Anda sehingga bukan hanya menjadi salah satu blog yang aktif sesaat saja. Bahkan, Anda mungkin bisa membuatnya sebagai salah satu sumber pendapatan Anda.

Singkatnya, panduan cara membuat blog ini akan menerangkan bagaimana memilih platform blog yang baik sampai ke topik seperti membuat konten yang baik dan menarik perhatian pemirsa Anda. Tidak peduli apakah Anda ingin membikin blog pribadi ataupun mempersiapkan diri menjadi blogger independen sebagai bisnis rumahan atau sampingan, panduan ini akan membantu.

Beberapa topik yang akan dikupas:

• Apa itu blog?
• Mengapa Anda harus membuat blog?
• Platform blog mana yang terbaik bagi Anda?
• Cara buat blog gratis yang bagus, keunggulan dan kelemahannya
• Apakah ada aplikasi yang memungkin Anda nge-blog tanpa online (dari desktop)?
• Apa topik yang harus saya tulis?
• Bagaimana Anda dapat menciptakan konten yang menarik?
• Di mana Anda dapat menemukan gambar gratis atau murah untuk blog Anda?
• Sumber daya lainnya yang bermanfaat untuk pembelajaran lebih lanjut

Ada banyak informasi yang dapat dicerna di sini. Silakan menikmati apa yang tersedia. Semoga bermanfaat.


Pengertian Blog

Istilah blog menjadi populer akhir-akhir ini dan Anda mungkin punya ide apa yang dimaksud dengan blog tapi jika ditanya, semua orang pasti akan memiliki pendapat yang berbeda. Namun usaha untuk mengerti tentang blog itu penting, terutama bila Anda ingin menjadikannya sebagai suatu bisnis.

Kata blog sebenarnya berasal dari gabungan dua kata yaitu, web dan log. Dengan kata lain, blog adalah kumpulan atau catatan pikiran, ide, foto, video, tautan dan apa saja tentang Anda. Secara teknis, kumpulan konten ini diurutkan secara kronologis terbalik. Yang terbaru di atas dan seterusnya ke bawah dan halaman berikutnya. Kumpulan tulisan singkat dapat saja dikatakan sebagai blog.

Ada yang mengkategorikan lebih jauh menurut ciri-cirinya, yaitu memiliki judul, batang tubuh, komentar, tanggal serta waktu penulisan dan penerbitannya. Tapi ciri-ciri seperti ini semakin kabur seiring berjalannya waktu. Misalnya, salah satu perangkat lunak pembuat blog yang terkenal, WordPress, telah dikembangkan sedemikian rupa sehingga berubah fungsi. Sekarang ini, selain dipergunakan sebagai blog, WordPress juga dapat dijadikan alat bantu manajemen konten situs.

Dari situs iklan baris sampai jejaring sosial, semua dapat dibangun menggunakan WordPress dan plugin-nya, yang mana merupakan cara memperluas dan menambah fasilitas pada kerangka dasar yang ada. Dengan kata lain, blog dapat dibuat sesederhana atau sekompleks mungkin dengan berbagai fitur tergantung apa yang diinginkan oleh pembuatnya.

Mengapa Anda Harus Membuat Blog?

Tidak ada alasan yang pasti mengapa seseorang membuat blog. Semuanya tergantung motivasi individu yang bersangkutan. Tapi ada beberapa tujuan dan alasan yang mungkin tidak terpikirkan ketika ingin membuat blog, yang dapat menambah wawasan dan perspektif ke mana blog yang Anda bangun akan digiring nantinya.

Beberapa orang membuat blog sekedar hobi. Memang inilah tujuan awalnya ketika perangkat lunak blog pertama dikembangkan. Mereka ingin cara yang mudah untuk mengarsip catatan pribadi dan juga berbagi dengan yang lainnya apa yang mereka tulis. Blog saat ini dapat dipergunakan sebagai album foto, berbagi pengalaman tentang apa yang Anda pelajari sehari-hari, maupun sebagi cara untuk berkomunikasi dengan teman dekat atau sanak keluarga.


Secara profesional dan dari segi bisnis, blog dapat digali lebih jauh agar menawarkan keuntungan berikut ini bagi Anda:

• Mendemonstrasikan keahlian dan membangun komunitas. Tidak ada cara yang lebih baik untuk mendemonstrasikan keahlian Anda selain menulisnya. Orang yang menemukan tulisan Anda akan menyimpulkan sendiri apakah Anda cukup berpengetahuan tentang suatu topik. Tidak perlu menyombongkan diri dan dikira membuat klaim palsu. Blog juga dapat dipergunakan untuk mengumpulkan pemirsa dan membangun komunitas seputar suatu bidang.

• Sebagai curriculum vitae (CV) atau resume. CV atau resume tradisional sudah kedaluarsa. Setiap orang dapat menulis resume terbaik dengan daftar keahlian yang panjangnya berkilometer. Tapi dewasa ini yang dibutuhkan perusahaan adalah bukti Anda benar-benar menguasai bidang tersebut. Dengan memiliki blog dan menciptakan konten yang bermutu seputar topik yang Anda kuasai, Anda memiliki alat pendukung kuat bagi resume Anda.

• Sebagai sumber pendapatan penuh atau sampingan. Ada banyak peluang terduga maupun tak terduga yang dapat dikembangkan dari sebuah blog. Dengan pemirsa yang tetap dan tertarget, Anda bisa saja bekerjasama dengan jejaring periklanan untuk menampilkan iklan. Model bisnis ini cukup terkenal karena Anda hanya fokus pada pembuatan konten dan komunitas. Banyak blogger yang juga berhasil mendapatkan kontrak penulisan buku, menjadi pembicara di seminar, konsultasi dan beberapa pendapatan lainnya.

Untuk badan usaha mikro, kecil maupun menengah, memiliki sebuah blog akan lebih menguntungkan lagi. Anda dapat mempublikasikan berita terbaru, promosi, acara maupun kontes bagi prospek dan pelanggan Anda tanpa perlu mengeluarkan dana yang besar. Dengan komunitas yang solid, komunitas Anda akan menjadi supporter dan promotor bagi bisnis Anda. Mereka akan memberitahukan orang lain tentang produk baru, tentang promosi Anda, apa saja. Hal-hal tersebut harus diakui bahkan tidak dapat dibeli dengan iklan.

Jadi apapun tujuan Anda, apakah ingin membuat sebuah blog hanya untuk alasan pribadi ataupun berkomunikasi dengan prospek dan pelanggan serta menciptakan kehadiran yang lebih nyata di dunia maya, sebuah blog dapat membantu Anda.

Platform Blog Mana Yang Terabaik Buat Anda?

Jawabannya sederhana saja. WordPress atau Blogger. Bila Anda ingin membuat blog gratis maka pilihannya di antara Blogger. Untuk blog yang dibangun pada hosting Anda sendiri, maka satu yang paling populer adalah WordPress.org. Kebetulan pula kedua platform tersebut merupakan yang termudah dengan tutorial blog yang memadai.

WordPress.com menggunakan perangkat lunak dari WordPress.org untuk memberikan jasa hosting kepada pemakai Internet. Tentunya ada opsi-opsi yang harus Anda beli bila ingin menambah fitur. Dengan menginstal WordPress.org di hosting Anda sendiri, Anda dapat menyesuaikan fitur sesuai keinginan Anda selama hosting Anda mengizinkannya.

Sebenarnya ada banyak platform blog lainnya tapi WordPress dan Blogger telah menjadi begitu populer… dan pada dasarnya dapat dibentuk menjadi apapun yang Anda inginkan sehingga tidak ada alasan lain memilih yang lain. Bila Anda menemukan masalah atau ingin suatu fitur tambahan, dengan memilih platform yang populer, ada banyak kemungkinan orang lain telah menyelesaikan problema atau mengembangkan fitur tersebut.


Sebagai catatan, berikut ini adalah pangsa pasar platform blog menurut data 2010:

Menurut rist pingdom di tahun 2009, 32 blog top 100 di dunia menggunakan WordPress.org ataupun WordPress.com. Kayak promosi yah, tapi beginilah kenyataan di lapangan sekarang ini. Silakan simak grafik kue berikut:

Jadi, yang mana yang terbaik untuk Anda? Jawabannya tergantung dari pribadi masing-masing. Tapi ada beberapa hal yang perlu Anda pertimbangkan. Platform blog itu sendiri terdiri dari dua bagian besar:

1. Jasa platform blog. Platform ini adalah sebuah jasa, bisa saja berbayar maupun gratis. Dua platform gratis yang populer telah disebutkan di atas, Blogger.com dan WordPress.com. Tipe blog ini sesuai untuk pemula yang ingin bereksperimen karena domain yang Anda miliki berada di kawasan platform yang bersangkutan (namaanda.blogspot.com atau namaanda.wordpress.com, bukan hanya namaanda.com). Untuk profesional dan bisnis, ini merupakan suatu hal yang patut dipertimbangkan. Kelemahannya adalah, dengan jasa platform Anda tidak memiliki blog Anda secara nyata. Akun Anda bisa saja lenyap kapan saja karena melanggar aturan. Belum lagi blog dengan sub-domain kelihatan kurang profesional. Anda tidak harus percaya, tapi Seth Godin, marketer internasional ternama mengatakan ini sendiri di problogger.net: “Maybe, if I had to pick something, it would be directing to a domain I own (sethgodin.com) instead of sethgodin.typepad.com.”
2. Platform blog independen. Pilihan platform ini memberikan lebih banyak kontrol dari segi presentasi, modifikasi dan fungsionalitas. Jika Anda ingin mengembangkan blog untuk mendukung karir profesional atau bisnis Anda, saran saya adalah memakai platform ini. Memang butuh sedikit biaya tapi ini bermanfaat sebagai strategi jangka panjang.

Aplikasi Blogging Untuk Dekstop


Bagi kebanyakan blogger Indonesia, koneksi Internet 24 jam masih merupakan tantangan karena berbagai alasan, termasuk infrastruktur yang kurang baik dan dana. Akan sangat membantu jika ada aplikasi yang dapat membantu seorang blogger agar dapat menulis tanpa harus online terlebih dahulu. Kabar baiknya, aplikasi seperti itu memang tersedia.
Alat bantu ini fungsinya sederhana. Anda membuat tulisan dengan segala format sesuai dengan keinginan Anda, menyisipkan gambar, bahkan video, dan melakukan pratinjau tulisan. Software ini juga mengijinkan Anda menyimpan tulisan pada hard disk komputer. Dan ketika siap mempublikasikannya, tinggal menyambungkan koneksi dan mempublikasikannya.
Beberapa aplikasi populer yang masuk dalam kategori ini adalah:

• Windows Live Writer. Sesuai namanya, software ini bekerja untuk Windows dan kompatibel untuk platform Blogger maupun WordPress.
• Ecto Ini adalah software pilihan untuk yang bekerja menggunakan Apple Mac. Perangkat lunak ini berbayar namun harganya cukup terjangkau, $19.95. Dengan aplikasi ini Anda dapat melakukan fungsi-fungsi dasar dan juga banyak fitur lanjutan lainnya seperti mengkonversi gambar dan menciptakan miniatur.
• ScribeFire. Aplikasi ini unik karena kompatibel di segala platform. Ini mungkin karena ScribFire sebenarnya merupakan add-on atau ekstensi yang bekerja di atas peramban web Mozilla Firefox. Jika Anda sering menulis blog sambil mengutip dari berbagai sumber maka aplikasi ini sangat membantu.

Apa Topik Yang Harus Saya Tulis?

Sebenarnya ini bukan pertanyaan teknis, namun cukup sering ditanyakan sehingga saya memutuskan untuk memasukkan satu bagian singkat dalam panduan ini.

Pertanyaan tentang topik yang ditulis dapat terjawab dengan segera begitu Anda menemukan ceruk pasar Anda dan peran Anda di dalamnya. Jika Anda memulai suatu blog hanya untuk alasan pribadi maka konten yang Anda buat tentunya terserah Anda, tapi bila blog yang bersangkutan terkait dengan bisnis maka ceruk pasar menjadi faktor yang sangat menentukan.

Memang tidak ada salahnya menulis apa saja yang terlintas di benak Anda atau topik apa pun yang Anda sukai, tapi untuk membangun komunitas melalui blog… ceruk pasar yang Anda pilih harus jelas dan terarah. Pemirsa jarang ingin menghabiskan waktu untuk blog yang tidak jelas topik dan tujuannya, kecuali bila mereka membaca hanya untuk sebagai hiburan.

Saran saya, bila Anda benar-benar tidak tahu di mana harus memulai, konsultasikan dengan Google. Cari tahu apa yang ditulis sesama blogger tentang topik yang Anda pilih. Berlangganan RSS dan mengikutinya selama beberapa waktu akan membuka wawasan Anda mengenai apa yang dapat Anda tulis. Saya yakin setelah terjun ke dalamnya dan menguasai suatu bidang, hal-hal yang dapat Anda tulis sesungguhnya tidak terbatas.

Misalnya, jika menemukan topik yang menarik di blog lain dan Anda memiliki perspektif yang lain, atau pendapat yang berbeda, tidak ada salahnya memulai percakapan dari blog Anda dan memberikan tautan ke sumber. Dengan cara ini saya telah menjalin hubungan dengan banyak blogger ternama. Anda pun dapat melakukannya. Cara ini jauh lebih efektif sebagai pembuka percakapan dibanding email tak diundang. Blogger profesional seringkali memonitor apa yang dikatakan oleh rekan sesama blogger dan tautan yang masuk ke dalam blog mereka.

Anda juga dapat menjawab pertanyaan yang ditemukan di forum-forum. Mungkin jawaban Anda di forum terkesan ringkas tapi setelah melalui proses pemikiran yang cukup lama, pasti ada tambahan. Tidak ada salahnya menuliskannya agar ada arsipnya sehingga dapat ditemukan oleh orang lain.

Akan ada kesulitan ketika pertama kali menulis, tapi yakinlah selanjutnya selalu akan lebih mudah. Sampai suatu saat ide untuk topik akan lebih cepat berdatangan dan Anda tidak akan memiliki waktu yang cukup untuk menulis semuanya. Saat ini, mudah bagi saya untuk mendapatkan ide, tapi memilih ide yang tepat untuk ditulis sama sulitnya. Tantangan blogger di semua tingkatan selalu ada. Tinggal bagaimana Anda menyikapinya dan belajar darinya.

Bagaimana Anda Menciptakan Konten Yang Menarik?

Pada tahap ini, Anda telah memiliki blog dan menata komputer Anda sehingga dapat menulis kapan saja tanpa harus terkoneksi ke Internet. Anda juga sudah tahu apa yang harus ditulis pertama kali. Nah, sekarang pertanyaannya bagaimana Anda dapat menciptakan konten yang menarik sehingga dibaca orang terus menerus?

Menurut hemat saya, konten yang menarik bukanlah konten yang menurut Anda bagus. Semuanya harus dipikirkan dari perspektif seorang pembaca. Akan sangat membantu jika Anda memikirkannya sebagai aliran proses. Tentunya ini tergantung bagaimana pembaca Anda menemukan blog Anda.

Katakanlah semuanya bermula dari mesin pencari. Untuk dapat ditemukan di sana, Anda harus menggunakan keyword atau kata kunci yang dipakai oleh para pemirsa. Artinya Anda perlu melakukan riset kata kunci yang tepat untuk dipakai di tulisan blog Anda. Proses ini, termasuk cara optimasi blog agar ditemukan di mesin pencari merupakan satu bidangnya sendiri yang dinamakan SEO atau Search Engine Optimization.

Nah, saat menemukan tulisan Anda di mesin pencari… apa yang membuat seorang calon pembaca mengeklik halaman situs Anda? Sebuah judul yang menarik. Ya, judul tulisan Anda tidak boleh membosankan. Walaupun tulisan Anda mengenai topik yang sangat biasa, harus disuntikkan nyawa ke dalamnya agar hidup. Seni dan pengetahuan ini dinamakan copywriting.

Setelah seorang pengunjung datang ke blog Anda, mereka akan mulai membaca. Kalimat pertama dan paragraf pendahulan haruslah menarik agar pembaca memutuskan untuk menelusuri keseluruhan konten. Di Internet, orang seringkali bergerak sangat cepat. Mereka dengan cepat bergerak dari atas peramban web ke bawah dan hanya berhenti jika benar-benar menemukan hal yang menarik.

Dengan kata lain, Anda punya waktu yang sangat sedikit untuk menarik perhatian mereka. Dan bila konten Anda kuat dan berhasil menghibur atau membuat mereka berdecak kagum, mungkin mereka akan berlangganan RSS blog Anda. RSS itu pada dasarnya format berkas yang berisi konten blog Anda, yang dapat dibaca dari pembaca RSS. Seorang pelanggan tidak harus mengunjungi blog Anda untuk mengetahui apakah ada tulisan baru. Pembaca RSS akan memberitahu kepada mereka.

Aliran proses itu dapat dijadikan panduan untuk menarik pemirsa. Penting diingat bahwa jika salah satu titik yang dijelaskan di atas lemah, pembaca mungkin saja memutuskan untuk berhenti dan tidak pernah kembali lagi. Dan aliran proses ini hanyalah suatu proses.

Merupakan bidang yang lain pula bila Anda ingin menulis dengan gaya yang menarik. Beberapa orang memiliki talenta untuk yang satu ini sedangkan yang lain harus berimprovisasi sedikit demi sedikit. Harus diakui saya termasuk yang belakangan.

Oh ya, satu lagi. Format tulisan pun bisa menentukan apakah konten Anda menarik atau tidak. Ingat bahwa pemirsa bergerak cepat. Jika konten Anda hanya kumpulan tulisan dengan paragraf panjang, tanpa format apa-apa, dalam satu halaman web, pembaca akan patah semangat dan mencari sumber daya lain. Mereka tidak punya banyak waktu kecuali Anda telah berhasil meyakinkan mereka tentang kualitas dan daya tarik tulisan tersebut.


Salah satu cara yang suka saya pakai adalah dengan membagi-bagi tulisan menjadi beberapa bagian. Metode lain adalah dengan menulis dalam format yang mudah dicerna. Misalnya, 3 langkah membuat blog gratis. Setiap langkah akan merupakan sub-bagian dari artikel sehingga tidak terlihat sebagi suatu blok konten yang membosankan.

Dimana Anda Dapat Menemukan Gambar Gratis Atau Murah Untuk Blog Anda?

Orang bilang satu gambar bisa mengkomunikasikan seribu kata. Peran gambar bukan saja sebagai pendukung tulisan tapi juga sebagai jeda dalam suatu tulisan blog yang panjang. Tapi banyak yang bertanya-tanya di mana mereka dapat mencari gambar gratis atau murah untuk dipakai di blog.

Banyak blogger lokal yang menggunakan gambar yang mereka temukan dari mana saja, termasuk Google Image, tanpa berpikir panjang. Pendekatan ini harus dilakukan dengan hati-hati sebab gambar dan foto bisa jadi merupakan karya yang ada hak ciptanya. Kecuali Anda punya izin khusus dari pemiliknya, sebaiknya jauhi gambar yang tidak jelas sumbernya.

Untungnya, banyak pemilik gambar dan foto yang berbaik hati mengizinkan pemakaian foto mereka. Flickr contohnya adalah situs gambar dan foto yang sangat populer. Di sana Anda dapat mencari foto-foto yang dapat dipakai dengan gratis. Banyak gambar menarik yang untuk memakainya tidak perlu membayar royalti, hanya saja Anda harus memasang taut kembali kepada sumber.


Jika Anda tidak keberatan membayar, iStockPhoto.com menawarkan jutaan foto berkualitas tinggi. Harga dimulai dari kira-kira USD 1 per foto ukuran kecil, cocok dipergunakan untuk blog.

Sumber Daya Lainnya Yang Bermanfaat Untuk Pembelajaran Lebih Lanjut

Saya telah memberikan lebih banyak informasi yang Anda butuhkan untuk memulai sebuah blog. Namun untuk mengembangkannya: menarik pengunjung, membuat mereka tetap tertarik, mengembangkan komunitas, dan menjadikannya sumber pendapatan merupakan topik yang lain pula.

Tidak perlu putus asa. Semua topik di atas tidak perlu dipelajari dalam seminggu. Anda dapat melakukannya secara perlahan sambil menambahkan lebih banyak konten ke blog Anda.

Pengertian dan Pengenalan XAMM

Hallo gan, bagi anda yang ingin memperdalam pembuatan web secara mendalam, maka sangat perlu anda mengetahui apa itu XAMPP. XAMPP adalah perangkat yang menggabungkan tiga aplikasi ke dalam satu paket, yaitu Apache, MySQL, dan PHPMyAdmin. Dengan XAMPP pekerjaan anda akan sangat dimudahkan, karena dapat mengintalasi dan mengkonfigurasi ketiga aplikasi tadi secara sekaligus dan otomatis.

XAMPP telah mengalami perkembangan dari waktu ke waktu. Versi yang terbaru adalah revisi dari edisi sebelumnya, sehingga lebih baik dan lebih lengkap. Aplikasi utama dalam paket XAMPP setidaknya terdiri dari atas web Apache, MySQL, PHP, dan PHPMyAdmin.

XAMPP merupakan singkatan dari:

• X  ( Empat system operasi),
• A  (Apache),
• M (MySQL),
• P  (phpMyadmin) dan
• P  (Perl)

Berikut ini Penjelasan dari bagian-bagian XAMPP:

1. X , Kenapa disebut dengan system operasi? karena XAMPP bisa dijalankan di 4 OS besar yang sering digunakan oleh pengguna komputer saat ini. Dan 4 OS tersebut tidak lain dan tidak bukan adalah Windows, Linux, Mac OS dan Solaris.
2. A(Apacahe)  merupakan aplikasi web server. Apache ini bersifat opensource yang berarti gratis dan bisa diedit oleh penggunanya. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.
3. M ( MySQL), merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.
4. P (PHP), bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.
5. P (Perl), bahasa pemrograman, pertama kali dikembangkan oleh Larry Wall di mesin Unix. Perl pertama kali dirilis pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1. Dua diantara karakteristik utama perl adalah penanganan teks dan berbagai jalan pintas untuk meyelesaikan persoalan-persoalan umum.Perl sangat populer di gunakan dalam program-rogram CGI (Common Gateway Interface) dan protokol internet lainnya.

Jadi Fungsi XAMPP adalah kita bisa memiliki server sendiri (localhost) untuk pembuatan website secara offline tanpa harus membeli domain , karena  sudah terdiri atas program Apache HTTP Server, MySQL database dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

XAMPP  tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Sejarah dan Pengembang XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team).

Beberapa bagian penting pada program XAMPP, yang sering digunakan pada umumnya adalah sebagai berikut:

• htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML, CMS  dan skrip lain.
• phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer.
•  Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).

Karena open source, anda dapat menggunakannya secara gratis dan bebas. Jika agan-agan ingin mendowload XAMPP bisa disedot di  http://www.apachefriends.org/en/xampp.html anda dapat mengunduh versi terbaru . Demikian Pengertian XAMPP dan Bagian-bagiannya semoga bermanfaat. 

Membuat Tampilan Dasar Web Dengan Bahasa HTML [ Tahap Lanjutan ] 2

Cara Membuat Tampilan Dasar Web Dengan Bahasa HTML 

assalmu'alaikum wr. wb.

Hello! Hello !

Yap. . .Comeback again with me, kali ini saya kembali dengan tema yang sama hanya saja kali ini akan memberikan informasi tahap lanjutan dari pembuatan web dengan bahasa HTML. Yang mana lanjutan dari pos membuat tampila dasar web dengan bahasa HTML - Part 1.  Ok berikut ini ulasannya.

• Cukup ketik kode script berikut ini

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="News.html">News</a></li>
<li><a href="Image.html">Image</a></li>
</ul>
</div>

<div id="nav">
<ul>
<li><a href="Naruto.html">Naruto</a></li>
<li><a href="Sasuke.html">Sasuke</a></li>
<li><a href="Sakura.html">Sakura</a></li>
<li><a href="Kakashi.html">Kakashi</a></li>
</ul>
</div>

<div id="section">
<h1>Anime Naruto</h1>
<p>
Naruto (???) adalah sebuah serial manga karya Masashi Kishimoto yang diadaptasi menjadi serial anime. Manga Naruto bercerita seputar kehidupan tokoh utamanya, Naruto Uzumaki, seorang ninja yang berisik, hiperaktif, dan ambisius yang ingin mewujudkan keinginannya untuk mendapatkan gelar Hokage, pemimpin dan ninja terkuat di desanya. Serial ini didasarkan pada komik one-shot oleh Kishimoto yang diterbitkan dalam edisi Akamaru Jump pada Agustus 1997.
</p>
<p>
Manga Naruto pertama kali diterbitkan di Jepang oleh Shueisha pada tahun 1999 dalam edisi ke-43 majalah Shonen Jump. Di Indonesia, manga ini diterbitkan oleh Elex Media Komputindo. Popularitas dan panjang seri Naruto sendiri (terutama di Jepang) menyaingi Dragon Ball karya Akira Toriyama, sedangkan serial anime Naruto, diproduksi oleh Studio Pierrot dan Aniplex, disiarkan secara perdana di Jepang oleh jaringan TV Tokyo dan juga oleh jaringan televisi satelit khusus anime, seperti Animax dan stasiun televisi lainnya, pada 3 Oktober 2002 sampai sekarang. Seri pertama terdiri atas 9 musim dan berlangsung 220 episode. Musim pertama dari seri kedua mulai ditayangkan pada tanggal 15 Februari 2007. Di Indonesia sendiri, anime Naruto pernah ditayangkan oleh stasiun televisi Trans TV, yang kemudian ditayangkan lebih lanjut oleh Global TV.
</p>
</div>

<div id ="footer">
<marquee>
Copyright © Naruichigo.co.id </marquee>
</div>
</body>
</html>

• Simpan di folder baru dengan file name type (.html) lagi
• Tahap selanjutnya adalah kita akan bermain atau mengedit  letak gambar, warna, ukuran tampilan, dll. Dengan cukup mengetik kode script ini di Notepad

#image
{
background-image:url("images.jpg");
padding-left:100px;
height:165px;
}
#header {
background-color:#B22222;
color:red;
text-align:center;
padding:5px;
padding-left:150px;
}
#nav {
line-height:30px;
height:300px;
width:150px;
float:left;
padding:5px;
}
#section{
width:670px;
float:left;
padding:10px;
}
#footer {
background-color:#20B2AA;
color:red;
clear:both;
text-align:center;
padding:5px;
}

ul{
list-style-type: none;
margin: 0;
padding:0;
overflow: hidden;
}

li{
float: left;
}

a:link, a:visited{
display: block;
width: 120px;
font-weight: bold;
color: #DEB887;
background-color:#CD5C5C;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}

a:hover, a:active {
background-color: #FFF8DC;

• Kali ini simpan dengan file name type (.css) Cascade Style Sheet
• Dan hasilnya sebagai berikut 

Semoga bermanfaaat, terimah kasih atas kunjunngannya.

Belajar Bahasa HTML Dasar

Belajar Bahasa HTML Dasar

Hallo para pembaca ! kali ini saya akan memberikan informasi bagi para pemula yang belum mengenal apa itu HTML. Baiklah berikut ini beberapa ulasannya.
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web.mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah  sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat. 
Mendesain HTML dapat dilakukan dengan dua cara:

1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.

Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Struktur Dasar Dokumen HTML

Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY. Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:

<HTML> 

<HEAD> 

Deskrisi dokumen 

</HEAD> 

<BODY> 

Isi dokumen 

</BODY> 

</HTML>

Contoh aplikasinya

Buatlah scrips teks seperti dibawah ini dengan menggunakan NotePad dan simpan filenya dengan nama latihan1.html

<HTML> 

<HEAD> 

<TITLE>Belajar Dasar-Dasar HTML</TITLE> 

</HEAD> 

<BODY> 

Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu sangat mudah dan mengasyikan</BODY> 

</HTML>

Keterangan:

• Tag <TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.
• <BODY>  adalah isi dokumen yang akan ditampilkan dibrowser Anda

Untuk melihat hasilnya, silakan jalankan browser favorit Anda, dengan cara membuka file latihan1.html yang sudah Anda buat tadi dengan menggunakan browser seperti contoh tampilan dibawah ini saya menggunakan browser Mozila Firefox :

Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

Referensi Tag HTML

1. Heading

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:

<head> 

........... 

</head>

Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.

Contoh:

<HTML> 

<HEAD> 

<TITLE>Headings</TITLE> 

</HEAD> 

<BODY> 

<H1>Heading Level 1</H1> 

<H2>Heading Level 2</H2> 

<H3>Heading Level 3</H3> 

<H4>Heading Level 4</H4> 

<H5>Heading Level 5</H5> 

<H6>Heading Level 6</H6> 

</BODY> 

</HTML>

2. Paragraf

Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.

Contoh:

<HTML> 

<HEAD> 

<TITLE>Paragraf</TITLE> 

</HEAD> 

<BODY> 

<P ALIGN="right"> 

Yang harus Anda sadari adalah mencari uang di internet bukanlah bisnis secara riil, tapi sebenarnya kita berhadapan dengan dunia maya,  yang perlu Anda cermati hanyalah banyak jebakan dalam dunia maya yang begitu cerdas dan banyak situs-situs web bisnis online yang buat Anda ragu berhasil atau gagal untuk menjalaninya, sehingga banyak orang terperdaya, tertipu dan menyia-nyiakan waktu bahkan uangnya dan akhirnya tidak ada hasil sama sekali, salah satu penyebabnya adalah kurangnya pengetahuan yang mendalam tentang skill tekhnis dan strategy untuk sukses bisnis online.                   <P ALIGN="center"> 

Memang, sampai saat ini masih banyak orang tidak percaya bahwa bisnis secara online bisa membuat penggunanya menjadi kaya raya, itu tidak benar, sebab kenyataannya banyak orang menjadikan bisnis online sebagai sumber penghasilannya yang besar, segera ikuti petunjuk-petunjuk yang ada dalam blok saya ini, Anda akan diarahkan bagaimana keberhasilan para interneter  kelas lokal maupun dunia yang membangun kekayaan secara bisnis online, dan rahasianya di kupas tuntas disini dan buktikan sendiri hasilnya, karena blog rahasia bisnis online ini adalah intisari dari ratusan situs web bisnis online dengan menggunakan trik dan strategy ampuh agar Anda bisa  membangun kekayaan secara online .                           <P ALIGN="left"> 

Untuk menjalani bisnis online agar Anda sukses, langkah pertama yang harus Anda lakukan adalah melakukan persiapan. Tahapan ini sangat penting dan Anda harus melakukannya karena dalam artikel ini memberikan Anda bukti keberhasilan bukan saja hanya menambah pengetahuan Anda tentang bagaimana menjalani bisnis online.      </P> 

</BODY> 

</HTML>

Dibawah ini adalah tampilan pada halaman browser dari contoh script diatas :

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut :

a. Tag 

Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body. 

Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element 

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: 

<title> ini adalah tag pembuka judul dokumen HTML 

Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML 

</title> ini adalah tag penutup judul dokumen HTML 

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. 

Contoh penulisan tag-tag yang benar

<p> 

    <b> 

................ 

    </b> 

</p>

Contoh penulisan tag-tag yang salah

<p> 

    <b> 

................ 

</p> 

</b>

c. Attribute 

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG> 

   nama-attr="nilai-attr" 

   nama-attr="nilai-attr" 

   ................. 

> 

   ................. 

</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML 

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:

<html> 

.......... 

</html>

e. Element HEAD 

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:

<head> 

........... 

</head>

f. Element TITLE 

Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:

<title> 

......... 

</title>

g. Element BODY 

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. 

Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:

<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z"> 

.............. 

</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi. 

Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

 

LATIHAN !

Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser favorit Anda

Latihan 1: 

Menampilkan teks: 

                           Belajar bahasa pemrograman web sangatlah mudah:) 

Nama file: latihan1_1.html

<html> 

<head> 

<title>Latihan1-1</title> 

</head> 

<body>  

        Belajar bahasa pemrograman web sangatlah mudah:)                                       </body> 

</html>

Tugas tambahan: 

Gantilah teks tersebut dengan teks sesuai dengan teks yang Anda inginkan. 

Latihan 2: 

Merubah warna teks menjadi merah: 

Belajar bahasa pemrograman web sangatlah mudah

Nama file: latihan1_2.html

<html> 

<head> 

<title>Latihan1-2</title> 

</head> 

<body text="red"> 

        Belajar bahasa pemrograman web sangatlah mudah:)                                      </body> 

</html>

Tugas tambahan: 

Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 3: 

Merubah warna background menjadi hitam. 

Nama file: latihan1_3.html

<html> 

<head> 

<title>Latihan1-3</title> 

</head> 

<body text="red" bgcolor="black"> 

        Belajar bahasa pemrograman web sangatlah mudah:)                                     

</body> 

</html>

Tugas tambahan: 

Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 4: 

Merubah background dengan suatu gambar. 

Nama file: latihan1_4.html

<html> 

<head> 

<title>Latihan1-4</title> 

</head> 

<body text="red" bgcolor="aqua" background="./images/image027.jpg"> 

       Belajar bahasa pemrograman web sangatlah mudah:)                                       </body> 

</html>

catatan: 

./images/ = nama direktori file gambar disimpan 

image027.jpg = nama file gambar 

Tugas tambahan: 

Cobalah untuk file gambar: image050.jpg, image052.jpg, image058.jpg dan image060.jpg.

Semoga Informasi ini bermanfaat.

Membuat Tampilan Dasar Web Dengan Bahasa HTML [ Tahap Lanjutan ]

Cara Membuat Web Dengan Menggunakan Bahasa HTML 

assalamu'allikum wr wb

Salam Jumpa Gan, kali ini saya akan mengepos tentang informasi yang sama yaitu membuat web dengan bahasa HTML. Hanya saja kali ini lebih dalam lagi. langsung aja kita menuju ke TKP.

• Tetap mengetik kode script yang sama di Notepad tapi hanya mengganti pembahasannya saja, berikut kode scriptnya

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="image">

</div>

<div id="header">

<ul>

  <li><a href="Home.html">Home</a></li>

  <li><a href="News.html">News</a></li>

  <li><a href="Contact.html">Contact</a></li>

  <li><a href="About.html">About</a></li>

</ul>

</div>

<div id="nav">

<div id="garis"><ol><b>Biodata</b></ol></div>

<img src="Yaoming.jpg" width="200px" height="200px">

<p>

Nama : Yaoming<br/>

Pekerjaan : Artis MEME<br/>

Negara : Zimbabwe<br/>

Alamat : Jalan Jomblo Kel. Sendiri Kec. Ngenes No.69<br/>

Hoby : Wancakan<br/> </p>

<hr>

<p align="justify">

Saya adalah Yoming tokoh terkenal dalam MEME. Saya sering digunakan disitus MEME terpopuler di indonesia disitu saya mengekspresikan sesuatu yang hal yang dianggap kocak.

</p>

</div>

<div id="kanan">

<ul>

  <li><a href="nav.html">Menu 5</a></li>

  <li><a href="nav.html">Menu 6</a></li>

  <li><a href="nav.html">Menu 7</a></li>

  <li><a href="nav.html">Menu 8</a></li>

</ul>

</div>

<div id="section">

<h1>APA ITU MEME? </h1>

<p>

Sejak pertama kali baca dan mendengar kata meme rasa penasaran timbul. Apa sih meme itu..? kok bahasanya kayak gimana gitu..?

</p>

<p>

Jadi, meme menurut yang ane pahami adalah sebuah gambar yang diberi tulisan yang mendukung ekpresi gambar tersebut. Seperti contohnya gambar dibawah ini adalah ekspresi sedang frustasi. Lalu didukung dengan teks “Hari Gini Gak tau Meme! Kemana Aja”. Menggambarkan seseorang yang frustasi mendapati fakta bahwa kamu belum tahu apa itu meme. :)

<p align="left">

<img src="image.png" widht="400" height="400"/>

</p>

</div>

<div id="tengah"></div>

<body bgcolor="green">

<div id="footer">

<marquee>

Copyright &copy; Wancak.com

</div>

</body>

</html>

• Tetap menyimpa. dengan format file name type (.html)
• Kemudian ketik kode script baru ini di notepad, dan save dengan file name type (.css). Kali ini saya akan menyimpanya dengan format nama style.

#image 

{

    background-image:url("header.jpg");

padding-left:100px;

height:450px;

}

#header {

    background-color:#B22222;

    color:white;

    text-align:center;

    padding:5px;

padding-left:200px;

}

#nav {

    line-height:30px;

    height:730px;

    width:200px;

    float:left;

padding-top:5px;

}

#kanan {

    line-height:30px;

    height:300px;

    width:200px;

    float:right;

padding-top:5px;

}

#section {

    width:350px;

    float:left;

    padding:50px; 

}

#footer {

    background-color:#B22222;

    color:white;

    text-align:center;

    padding:5px;

clear:both;

}

ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}

li {

    float: left;

}

a:link, a:visited {

    display: block;

    width: 200px;

    font-weight: bold;

    color: #FFFFFF;

    background-color: #20B2AA;

    text-align: center;

    padding: 4px;

    text-decoration: none;

    text-transform: uppercase;

}

a:hover, a:active {

    background-color: #7A991A;

}

#garis {

width: 200px;

float:left;

background-color:#20B2AA;

text-transform: uppercase;

}

• Dan akan terlihat seperti ini

• Dan Hasilnya akan seperti ini

Selamat berkreasi dengan Web anda.

 

wassalam

Membuat Tampilan Dasar Web Dengan Bahasa HTML

Cara Membuat Tampilan Dasar Web Dengan Bahasa HTML - Part 1

assalamu'laikum wr wb

Hallo.....

Kembali lagi dengan saya, setelah sebelumnya saya memposting Cara Membuat Tabel Dengan HTML, kali ini saya juga akan kembali menggunakan bahasa HTML dengan Cara Membuat Tampilan Dasar Web Dengan HTML. Langsung aja. . Cekidottt !

• Buka aplikasi Notepad atau Notepad++, yang mana anda sukai
• Dan Ketiklah kembali contoh kode script ini

<!DOCTYPE html>

<html>

<head>

<style>

#header {

    background-color:red;

    color:black;

    text-align:center;

    padding:5px;

}

#nav {

    line-height:40px;

    background-color:#777777;

    height:400px;

    width:200px;

    float:left;

    padding:5px; 

}

#section {

    width:350px;

    float:left;

    padding:10px; 

}

#footer {

    background-color:green;

    color:yellow;

    clear:both;

    text-align:center;

    padding:5px; 

}

</style>

</head>

<body>

<div id="header">

<h1>Sungai Di Indonesia</h2>

</div>

<div id="nav">

<a href="Kapuas.html"style="text decoraton:none" target=blan>Kapuas.</a><br>

<a href="Mahakam.html"style="text decoraton:none" target=blan>Mahakam.</a><br>

<a href="Barito.html"style="text decoraton:none" target=blan>Barito.</a><br>

<a href="BatangHari.html"style="text decoraton:none" target=blan>BatangHari.</a><br>

<a href="Musi.html"style="text decoraton:none" target=blan>Musi.</a><br>

</div>

<div id="section">

<h1>Daftar Sungai Terpanjang Di Indonesia</h1>

<p><b>

Indonesia adalah negara di Asia Tenggara, yang dilintasi garis khatulistiwa dan berada di antara benua Asia dan Australia serta antara Samudra Pasifik dan Samudra Hindia. Indonesia adalah negara kepulauan terbesar di dunia yang terdiri dari 13.487 pulau,oleh karena itu ia disebut juga sebagai Nusantara ("pulau luar")

</p>

<p><b>

Kenampakan alam indonesia  sangat beragam dan sangat mengagumkan. Salah satu kenampakan alam yang banyak terdapat di Indonesia adalah sungai. Keberadaan sungai menjadi sangat penting bagi kehidupan bahkan sampai sekarang. Berikut kami membahas daftar sungai terpanjang di indonesia.

</p>

</div>

<div id="footer">

Copyright © SiapaSuruhKuliah.co.id

</div>

</body>

</html>

Diatas saya membahas tentang beberapa sungai terpanjang disungai.

• Kemudian simpan di folder baru dengan nama sesuka anda file type (.html) dan akan terlihat seperti ini

• Jika anda ingin menambahkan background dengan gambar, cukup dengan memasukkan gambar dengan nama (contoh:gedung.jpg) di dalam satu folder dan hanya perlu mengetik  di sricpt bagian terakhir <body bg background="gedung.jpg"> .

Copyright © SiapaSuruhKuliah.co.id

</div>

<body bg background="gedung.jpg">

</body>

</html>

Cukup mudah juga bukan, setelah ini saya akan memposting bagaimana tahap lanjutan dalam membuat Web dengan HTML sehinnga anda bisa mengembanggkannya.

tunggu saja postingan saya berikutnya. 

wassalam

Tutorial membuat tabel di html dengan background image/foto

Tutorial membuat tabel di html dengan background image/foto

Pertama kita buka notepad++ yang akan kita masukan codingan nya seperti gambar dibawah ini;

setelah muncul gambar diatas baru kita masukan codingan dibawah ini;

<html>

<head><title>latihan alproa 2</title>

</head>

<body>

<h1> algoritma dan pemograman 2 </h1>

<p> NAMA : Khaidar Salman </p>

<p>KELAS : I.T. 2B </p>

<p>PRODI : Teknik Informatika </p>

<table border="1">

  <tr>

    <th>No</th>

    <th>Npm</th>

    <th>Nama</th>

    <th>Prodi</th>

  </tr>

  <col style="background-color:white">

  <tr>

<td>1</td>

    <td>1410128262056</td>

    <td>Khaidar Salman</td>

    <td>Teknik Informatika</td>

  </tr>

  <col style="background-color:white">

  <tr>

    <td>2</td>

    <td>1410128262057</td>

    <td>monic</td>

    <td>Teknik Informatika</td>

  </tr>

  <col style="background-color:white">

  <tr>

     <td>3</td>

    <td>1410128262058</td>

    <td>flza</td>

    <td>Teknik Informatika</td>

  </tr>

  <col style="background-color:white">

  <tr>

    <td>4</td>

    <td>1410128262058</td>

    <td>farid</td>

    <td>Teknik Informatika</td>

  </tr>

  <col style="background-color:white">

  <tr>

     <td>5</td>

    <td>1410128262059</td>

    <td>aufa</td>

    <td>Teknik Informatika</td>

  </tr>

  </table>

  <body bg background="gambar.jpg">

setelah itu simpan dengan format html atau tulis diakhir tulisan .html  dan simpan di folder baru dengan nama sesuka anda

kemudian masukan foto atau image yang kita suka kedalam folder tersebut dengan nama image diganti menjadi gambar karena dicodingan yang tadi saya tulis adalah gambar, terletak pada akhir codingan

dan double klik codingan yang telah anda simpan tadi dengan format html kenudian akan muncul gambar seperti dibawah ini;

udah siap dehhhh...... hehehehe....

sekian tutorial yang saya buat semoga bermanfaat

wassalam....