Website Ini Berisi Kumpulan Tutorial Pemrograman Web (HTML, CSS, Javascript, PHP, MySql), Tutorial Blogger, Tutorial jaringan Komputer, Materi Teknik Komputer Jaringan Dan Tips Seputar Teknologi

Tuesday, July 10, 2018

Tutorial Membuat Slide Show Sederhana - Gagap Tech ID

Tutorial Membuat Slide Show Sederhana - Gagap Tech ID

 
Hai, Sobat, kali ini mau berbagi artikel tentang cara membuat slideshow sederhana untuk blog sobat.


Tutorial Membuat Slide Show Sederhana - Blog'e Wong Kreteg Ireng
Tutorial Membuat Slide Show Sederhana - Blog'e Wong Kreteg Ireng


Sekian Artikel kali ini, semoga bisa bermanfaat bagi sobat yang sedang belajar membuat slide show sederhana.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Tuesday, July 3, 2018

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID

 
Halo sobat, kali ini saya akan posting sebuah artikel tentang Tutorial Membuat "Read More" atau biasa juga disebut "Baca Selanjutnya" di Blogger. Ada beberapa cara untuk membuat "Read More" atau "Baca Selanjutnya" di Blogger, bisa secara manual atau menuliskan script tambahan pada template Blogger.

Fungsi dari "Read More" atau "Baca Selanjutnya"  itu sendiri yaitu untuk membuat tampilan website menjadi lebih rapih dan dinamis juga ringan ketika loading dibandingkan seluruh postingan tampil di beranda.

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Blog'e Wong Kreteg Ireng
Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID


Cara yang paling mudah membuat "Read More" atau "Baca Selanjutnya" di Blogger yaitu dengan cara memotong tulisan langsung dari mode postingan di Blogger, dengan cara menempatkan kursor pada bagian artikel yang hendak di potong kemudian klik tombol "insert jump break" pada menu di atas mode postingan Blogger .

Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Blog'e Wong Kreteg Ireng
Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Blog'e Wong Kreteg Ireng


Tulisan yang berada di atas garis tersebut akan muncul di beranda dan tulisan dibawanya akan muncul tulisan "Read More" atau "Baca Selanjutnya". Meski cara diatas sudah jarang lagi digunakan tetapi cara ini paling mudah dilakukan bagi yang baru belajar membuat blog.

Sekian tutorial kali ini tentang "Tutorial Membuat Read More atau Baca Selanjutnya di Blogger - Gagap Tech ID", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang belum mengerti membuat Read More atau Baca Selanjutnya di Blogger .

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Sunday, June 24, 2018

Tutorial membuat Postingan / Artikel di Blogger - Gagap Tech ID

Tutorial membuat Postingan / Artikel di Blogger - Gagap Tech ID

 
Setelah sebelumnya sobat berhasil membuat sebuah blog dan sudah Mengenal bagian dan Fungsi dari Dasbor Blogger.com, hal berikutnya yang perlu sobat lakukan adalah memulai mengisi blog sobat dengan tulisan atau posting artikel. Cara posting artikel di blogger sendiri bisa dibilang sangat mudah. Pada dasarnya hampir sama seperti menulis email. 

Jika sobat sudah terbiasa menulis email maka untuk melakukan posting artikel di blogger bukanlah hal yang sulit untuk dipelajari. Tetapi jika sobat belum pernah menulis email maka itu artinya sobat bener-bener gaptek. Tapi jangan khawatir karena tidak ada kata terlambat untuk belajar.

Berikut ini adalah langkah-langkahnya:

1. Sebelum sobat memposting di blog, hal pertama yang dilakukan adalah menyiapkan sebuah artikel yang sobat hendak posting.

2. Sobat harus login terlebih dahulu ke "Blogger". Setelah login, sekarang sobat tinggal klik tombol "Entri Baru".
Tutorial membuat Postingan / Artikel di Blogger - Blog'e Wong Kreteg Ireng
Tutorial membuat Postingan / Artikel di Blogger - Gagap Tech ID

 3. Blogspot akan mengarahkan ke halaman postingan.
Tutorial membuat Postingan / Artikel di Blogger - Blog'e Wong Kreteg Ireng
Tutorial membuat Postingan / Artikel di Blogger - Blog'e Wong Kreteg Ireng

Keterangan :
  1. Post / Entri : Judul Artikel.
  2. Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, dll.
  3. Isi Artikel : Tempat menaruh artikel, baik tulisan, gambar dan video.
  4. Format postingan. Pilih saja Compose untuk pemula. 
  5. Setelan Entri / Post Setting ada beberapa pilihan. 
    1. Label / Labels : untuk mengelompokkan tulisan. Jika belum punya label, masukkan nama label yang hendak kamu buat dan klik Selesai. Misal Bisnis Online atau Tutorial Hijab. 
    2. Jadwal / Schedule : untuk mengatur otomatisasi postingan. Jika otomatis, maka tak perlu diutak atik. Alias jika hendak mempostingnya saat itu, maka waktunya akan mengikut waktu berlangsung. Jika hendka mengaturnya esok hari misalnya, setel tanggal dan waktunya. Lalu klik Selesai.
    3. Tautan permanen / Permalink :  untuk mengubah URL. Biasanya untuk mempersingkat URL meski judulnya panjang bisa dilakukan di setelan entri ini. 
    4. Lokasi / Location :  untuk menampilkan dimana postingan ini dibuat, misal Jakarta. Sisa masukkan nama lokasinya dan di mesin pencari akan muncul lokasi artikel tersebut dibuat. 
    5. Deskripsi / Option : Penelusuran untuk memasukkan kutipan sehingga mudah ditemukan mesin pencari. Misal memasukkan kata kunci sasaran agar ada informasi awal ketika orang menelusurinya di mesin pencari.  Pilihan pengaturan lain seperti izin kolom komentar, HTML dan tag spasi atau Enter. Bisa dilakukan di setelan entri ini.
  6. Final: 
    1. Ada pilihan untuk publishkan/ publish untuk memposting artikel yang di anggap sudah selesai. 
    2. Ada pilihan untuk menyimpan / save artikel jika merasa dianggap belum selesaui.
    3. Ada pilihan untuk dipratinjau / preview, melihat mode ketika sudah diterbitkan dan Publikasikan, jika semua dianggap sudah layak. 
    4. Tutup / close hanya untuk keluar jika kemudian masuk kembali. 
4.  Jika sobat sudah selesai menulis artikel sobat, setelah itu klik 'Publikasikan' jika sudah benar yakin. Tetapi jika merasa kurang yakin sobat bisa menyimpan artikel sobat atau klik 'Pratinjau' untuk melihat tampilan setelah di publishkan.

Sekarang tulisan sobat sudah online dan bisa dibaca oleh banyak orang. Lakukan setiap tahapan di atas ketika hendak memposting artikel di blogspot. Semakin banyak postingan yang dibuat akan semakin besar kemungkinan pembaca akan datang. Karena itulah tujuan utama ngeblog, agar tulisan kita dibaca oleh orang lain.

Sekian tutorial kali ini tentang "Tutorial membuat Postingan / Artikel di Blogger.com", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang baru mengenal atau belajar membuat blog sendiri.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Gagap Tech ID

Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Gagap Tech ID

 
Sebelumnya sobat sudah berhasil membuat sebuah blog, selanjutnya sobat perlu memahami menu-menu yang ada di blogger.com. Menu-menu ini sangat penting untuk dipahami karena dapat memudahkan sobat dalam mengurus blog sobat kedepannya.

Menu-menu di blogger terletak di sebelah kiri pada dashboard. Di bawah ini adalah penjelasan lengkap tentang menu-menu tersebut:

Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Blog'e Wong Kreteg Ireng

  • Daftar Blog yang dimiliki
    Di sebelah kiri paling atas sobat bisa memilih daftar blog yang sobat miliki jika sobat membuat lebih dari 1 blog. 
  • Tombol “Entri baru”
    Di sebelah kanan menu Daftar blog adalah tombol untuk membuat postingan atau artikel baru
  • Postingan
    Menu untuk menampilkan daftar semua artikel yang ada di blog sobat
  • Statistik
    Menu untuk menampilkan statistik blog sobat seperti jumlah pengunjung, jumlah tayangan laman, sumber pengunjung, dan lain sebagainnya.
  • Komentar
    Menu untuk menampilkan semua daftar komentar yang masuk ke blog sobat.
  • Kampanye
    Menu ini khusus buat sobat yang ingin mempremosikan blog sobat melalui Google AdWords (harus ngeluarin duit)
  • Halaman
    Menu untuk membuat dan menampilkan semua daftar Halaman statis yang ada di blog sobat. Penjelasan tentang halaman statis ada di bawah.
  • Tata Letak
    Di sini adalah tempat sobat mengatur tata letak blog sobat dan juga tempat untuk memasang widget blog seperti widget artikel populer, atau widget pengikut.
  • Tema (sebelumnya disebut Template)
    Di sini adalah tempat untuk mengganti template atau theme blog sobat. Selain itu sobat juga bisa mengedit langsung template blog sobat pada menu ini.
  • Setelan
    Tempat pengaturan blog sobat. Jika sobat ingin mengganti judul blog, mengganti alamat, atau mengganti bahasa blog maka menu ini adalah tempatnya.

Setelah sobat memahami menu-menu yang ada di blogger.com, yang harus dilakukan sobat adalah mulai mengisi blog sobat dengan tulisan atau posting artikel. Berikut ini "Tutorial membuat Postingan / Artikel di Blogger.com".

Sekian tutorial kali ini tentang "Mengenal bagian dan Fungsi dari Dasbor Blogger.com - Gagap Tech ID", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang baru mengenal atau belajar membuat blog sendiri.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.

Monday, June 11, 2018

Membuat Website Menggunakan Blogger - Gagap Tech ID

 Membuat Website Menggunakan Blogger - Gagap Tech ID

Masuk ke blogger.com

Klik tombol Buat Blog.

Karena blogger terintegrasi dengan Google, Anda hanya perlu masuk menggunakan akun Google yang Anda miliki. Sehingga mempermudah proses registrasi.

Setelah login, Anda diminta untuk memilih tampilan identitas. Pilih sesuai dengan kebutuhan Anda. Jika Anda ingin Google Plus Anda terhubung dengan Blog, pilih Google Plus. Kemudian klik Lanjutkan ke Blogger.

Setelah itu Anda akan masuk ke halaman Selamat Datang. Klik Buat Blog Baru.

Ketik judul website Anda dalam kolom Judul. Bisa juga diisi dengan nama brand, atau juga nama bisnis Anda. Kemudian ketik nama domain yang Anda inginkan pada kolom Alamat. Karena gratis, domain akan memiliki akhiran .blogspot.com. Anda bisa merubahnya menjadi .com nanti.

Selanjutnya pilih tema sesuai dengan yang Anda inginkan. Anda juga bisa mengubahnya nanti. Kemudian klik Buat blog!

Selamat! Anda telah membuat website pertama Anda. Tetapi tunggu, setelah registrasi website yang kita buat akan berbentuk blog. Anda diharuskan untuk membeli domain dan membuat halaman statis terlebih dahulu agar Blogger yang kita buat menjadi seperti tampilan website.

Thursday, May 10, 2018

Tutorial Web Sederhana dengan HTML dan CSS - Gagap Tech ID

Tutorial Web Sederhana dengan HTML dan CSS  - Gagap Tech ID

 

Kali ini saya ingin membagikan tutorial web sederhana menggunakan html dan css untuk pemula. web sederhana ini sebenarnya adalah salah satu tugas kuliah saya.

Untuk Script lengkapnya langsung aja sedot link dibawah ini.

Download

Sekian tutorial kali ini tentang "Tutorial Web Sederhana dengan HTML dan CSS  - Gagap Tech ID", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang baru mengenal atau belajar membuat blog sendiri.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID. 

Friday, January 12, 2018

Tutorial Membuat CRUD Sederhana Menggunakan PHP dan MySQL - Gagap Tech ID

Tutorial Membuat CRUD Sederhana Menggunakan PHP dan MySQL - Gagap Tech ID


Seperti judulnya yaitu Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL.

Untuk Script lengkapnya langsung aja sedot link dibawah ini.
Note : save as filenya ke .php karena filenya masih .txt

Password :

Sekian tutorial kali ini tentang "Tutorial Membuat CRUD Sederhana Menggunakan PHP dan MySQL - Gagap Tech ID", semoga tulisan yang saya bagikan bisa bermanfaat bagi sobat yang baru mengenal atau belajar membuat blog sendiri.

Masih banyak lagi tutorial-tutorial yang nanti akan saya bagikan, selengkapnya cek Gagap Tech ID.