Apa itu Bootstrap?

KutuUpdate - Sob, bicara soal Framework nih. Framework itu kan kegunaannya untuk memberikan kemudahaan kepada seorang programmer. Salah satu contohnya, yaitu kalian bisa baca di Apa itu CodeIgniter? Berbeda dengan CodeIgniter yang berbasis PHP kali ini kita akan bahas soal Framework berbasis HTML, CSS, dan Javascript, yaitu Bootstrap. What is Bootstrap?

Kutu Update udah merangkum soal Bootstrap ini agar mudah dipahami kamu-kamu sekalian. Jadi, Bootstrap itu adalah sebuah Framework untuk membangun sebuah website responsif sehingga dapat digunakan di segala macam device seperti handphone, laptop, tablet, dll. Bootstap ini dikembangkan oleh Twitter.

Kelebihan Bootstrap dibanding Framework sejenis lainnya?

1. Waktu pembuatan yang lebih cepat: Karena Bootstrap sudah menyiapkan class-class yang siap digunakan dalam pembuatan website sehingga waktu pengerjaan lebih cepat dan mudah.
2. Template yang menggunakan Bootstrap lebih tertata: Ini pandangan Kutu Update dan ini bersifat relatif bagi sebagian orang.
3. Framework Bootstrap lebih ringan.
4. Bersifat Responsif dan Non-responsif: Jadi kalian bisa memilih yang kalian inginkan apakah ingin responsif ataupun tidak.
5. Bootstrap sangat banyak template gratisnya dibanding Framework sejenis.
6. Bootstrap mudah dipelajari daripada Framework lainnya yang sejenis padangan ini relatif.

Itu sekilas tentang Bootstrap sob, sudah siap menggunakan Bootstrap? Yuk kita mulai dari langkah Bagaimana Cara Menggunakan Bootstrap.

Sudah paham? Ada Komentar?

Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal memanggilnya dalam theme.

Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.

Template yang menggunakan Bootstrap lebih ringan.

Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.

Banyak template bootstrap gratis

Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.

- See more at: http://www.fabernainggolan.net/mengenal-lebih-jauh-twitter-bootstrap#sthash.UPL64uRa.dpuf

Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal memanggilnya dalam theme.

Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.

Template yang menggunakan Bootstrap lebih ringan.

Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.

Banyak template bootstrap gratis

Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.

- See more at: http://www.fabernainggolan.net/mengenal-lebih-jauh-twitter-bootstrap#sthash.UPL64uRa.dpuf

Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal memanggilnya dalam theme.

Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.

Template yang menggunakan Bootstrap lebih ringan.

Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.

Banyak template bootstrap gratis

Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.

- See more at: http://www.fabernainggolan.net/mengenal-lebih-jauh-twitter-bootstrap#sthash.UPL64uRa.dpuf

Apa itu CodeIgniter?

KutuUpdate - Sobat, apa sebelumnya kalian sudah pernah menulis rangkaian bahasa pemrograman PHP? Kalo sudah, pasti tau kan bagaimana banyaknya syntax dan kesulitan yang didapat saat kita menulis bahasa pemrograman tersebut? Kalo jawabannya belum? kamu harus coba sekali-kali menggunakan bahasa pemrograman PHP. Karena banyak kejadian seperti di atas untuk itulah dibuat suatu Framework yang bertujuan untuk mempermudah dalam menggunakan bahasa PHP, yaitu Framework CodeIgniter alias CI. What is CodeIgniter?

Dalam artikel yang Kutu Update dapet nih dari mbah Wiki, CodeIgniter atau CI itu adalah aplikasi open source yang berupa Framework PHP dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. Seperti halnya yang sobat tau dari kebanyakan Framework lainnya di dalam CodeIgniter ini sudah di include apa saja yang dibutuhkan dalam pengembangan pembuatan suatu sistem berbasis PHP seperti kumpulan dari fungsi-fungsi/prosedur-prosedur dan class-class. Jadi, mempermudah kita sebagai programmer dalam membangun suatu website.

Baca juga: Apa itu Bootstrap?

Tadi Kutu Update sedikit menyinggung soal MVC (Model, View, Controller). Sebenarnya apaan sih itu?

1. View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
2. Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
3. Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

 Lalu, keunggulan CodeIgniter dibanding Framework berbasis PHP lain?

1. Performa sangat cepat: Biasanya ini yang menjadi alasan utama kenapa orang banyak memilih CI.
2. Konfigurasi yang sangat minim (nearly zero configuration): Tidak sulit dalam mengkonfigurasi CI tidak seperti Framework berbasis PHP lain. Untuk lebih detail baca Cara Konfigurasi CodeIgniter/CI.
3. Banyak komunitas: dengan banyaknya komunitas CI ini, memudahkan kita untuk berinteraksi dengan yang lain, baik itu bertanya atau teknologi terbaru.
4. Dokumentasi yang sangat lengkap : Setiap paket instalasi CI sudah disertai user guide yang sangat bagus dan lengkap untuk dijadikan permulaan, bahasanya pun mudah dipahami.
5. dll.

Sekian sudah paham? Ada komentar?


Sumber: https://id.wikipedia.org/

Cara Menginstal Plugin di Wordpress

KutuUpdate - Hy sobat, kali ini kita bahas Cara Menginstal Plugin di Wordpress. Taukah kamu kalo Wordpress banyak diminati oleh penggemarnya karena Wordpress menyediakan banyak sekali Plugin untuk menunjang kemampuan web tersebut.

Yang sobat harus tau Wordpress yang bisa digunakan hanya Wordpress Self Hosted atau Wordpress versi berbayar yang sobat bisa unduh di https://wordpress.org/. Kamu juga bisa langsung menginstalnya pada halaman CPanel sobat.

Baca juga: Apa itu CPanel?

Kembali ke pembahasan utama ya sobat. Setelah kalian instal dan login Wordpressnya, kalian berada pada halaman dashboard Wordpress. Kemudian kalian sorot menu Plugin > Tambah Baru.

Kemudian kalian bisa mengunggah Plugin yang sudah kalian download di Wordpress.org dalam format .zip atau kalian bisa menginstalnya secara langsung dengan memilih Plugin yang tersedia.

Mudah bukan? Segitu dulu ya. Ada komentar?

Cara Membuat Sitemap di Wordpress dengan Google XML Sitemaps

KutuUpdate - Halo sobat, gimana kabarnya? mudah-mudahan sehat selalu. Sebelumnya kita udah membahas tentang Mengetahui Sitemap pada Blogger (Cara Lama) dan Mengetahui Sitemap pada Blogger (Cara Baru). Kedua pembahasan tersebut membahas hanya untuk kalian yang menggunakan Blogger. Bagaimana jika kalian menggunakan Wordpress?

Nah, untuk sobat yang menggunakan Wordpress sobat harus menggunakan suatu plugin untuk mendapatkan sitemap. Plugin tersebut bernama Google XML Sitemaps. Sobat bisa menginstalnya langsung di halaman plugin Wordpress sobat ataupun menguduh lewat website Wordpress.org di sini. Bagi kalian yang mengunduhnya lewat Wordpress.org kalian bisa membaca postingan Kutu Update tentang Cara Menginstal Plugin di Wordpress.

Setelah melakukan step-step di atas kalian tinggal ikuti langkah selanjutnya di postingan tentang Daftarkan Web/Blog-mu ke Google Webmaster untuk mengindex sitemap yang udah kalian buat tadi ke Google Webmaster.

Mudah bukan sobat? Ada komentar?

Cara Mendaftarkan URL Web/Blog ke Google Search Engine.

KutuUpdate - Hy sobat, akhirnya bisa posting juga setelah kemarin lagi ga bisa posting tulisan. Kali ini Kutu Update ingin ngasih tau tentang Cara Mendaftarkan URL Web/Blog ke Google Search Engine. Penting ga sih? Ya penting dong sob, biar ketika orang cari artikel di Google terus mampir di web/blog kamu karena web/blog kamu sudah ada di Google belum lagi artikelnya cocok sama orang yang nyari.

Mau tau ga nih? Oke deh kalo mau tau Kutu Update kasih aja. Caranya mudah sobat tinggal ikutin beberapa step ini:

1. Sobat masuk dulu  ke Google Add URL.

2. Terus sobat isi URL web/blog sobat dan Captcha-nya juga ya.

3. Lalu, sobat klik Kirim Permintaan dan selesai.

Agar pengunjung dapat dengan mudah menemukan web/blog sobat di halaman pertama Google, kamu harus memperbagus SEO web/blog sobat juga caranya? Kamu baca dulu salah satu langkahnya di postingan Kutu Update tentang Mengetahui Sitemap pada Blogger (Cara Lama) dan Mengetahui Sitemap pada Blogger (Cara Baru).

Singkat bukan caranya? Ga perlu basa basi to the point aja disini ya ga?

Ada komentar?

Daftarkan Web/Blog-mu ke Google Webmaster

KutuUpdate - Sobat udah tau sitemap apa yang harus dipake? kalo belum coba masuk ke penjelasan Mengetahui Sitemap pada Blogger (Cara Baru) atau Mengetahui Sitemap pada Blogger (Cara Lama) ini jika kamu seorang Blogger dan untuk kamu yang make Wordpress ada di Membuat Sitemap Wordpress dengan Plugin Google XML Sitemaps.

Kalo udah, Kutu Update ingin menjelaskan cara daftarin web/blog kamu dan submit sitemapnya di Google Webmaster. Sebenarnya apaan si Google Webmaster? Jawabannya adalah Google Webmaster adalah salah satu tools diberikan oleh Google untuk memudahkan kamu para pemilik web/blog untuk mengamati top search keyword, domination keywords di blog, indeks blog serta masalah-masalah lainnya seperti broken link , dan crawl errors.

Nah, caranya sebagai berikut:

1. Daftar/masuk menggunakan akun Google kamu di https://www.google.com/webmasters/tools.
2. Setelah masuk ke halaman Beranda klik Tambahkan Properti lalu masukkan URL web/blog kamu disitu. Contoh: http://namablogsobat.com. Kemudian klik Lanjut.
3. Nah, kamu akan dibawa ke halaman verifikasi halaman web/blog. Disini sobat pilih tab Metode Alternatif dan pilih tag HTML cara ini menurut Kutu Update tidak terlalu susah.
4. Kemudian, sobat copy tag meta yang sudah diberikan Google Webmaster. Lalu, sobat kembali ke Dasbor Admin web/blog sobat dan paste di halaman Edit Template di bagian sebelum </head> lalu Simpan. Jika sobat menggunakan wordpress yang bukan self-hosted alias (subdomain.wordpress.com) sobat tinggal ke halaman Dasbor Admin > Perkakas lalu copy bagian content dari tag meta tadi ke bagian Google Webmaster Tools. Contoh: nBmPr4zqRkxnRVRFOvl9j45LZAqWo8xyKQ28N3ZP3Ew. Lalu klik simpan perubahan.
5. Kembali ke Google Webmaster lalu klik Verifikasi.
6. Jika sudah, maka sobat akan dibawa kembali ke halaman Beranda Webmaster. Dan kamu pilih Web/Blog sobat yang terverifikasi.
7. Jika sudah, pilih menu Perayapan > Peta Situs.
8. Sobat klik Tambahkan/Uji Peta Situs dan masukkan sitemap sobat. Contoh: sitemap.xml tergantung sitemap yg sobat akan gunakan. Setelah itu klik Mengirim Peta Situs.

Waktu pengindex-an membutuhkan waktu 1 jam atau bahkan sampai 2 hari jadi harap sabar ya sobat.

Ada komentar?

Mengetahui Sitemap pada Blogger (Cara Baru)

KutuUpdate - Sobat, sebelumnya Kutu Update udah pernah posting tentang Mengetahui Sitemap pada Blogger (Cara Lama). Nah, sekarang kita bahas nih cara mengetahui sitemap cara barunya.

Update 27 Desember 2014:

Sobat, karena Blogger sudah memiliki sitemap dalam bentuk XML maka, kita gunakan dua jenis sitemap apa aja sih? yang pertama itu sitemap dari feed (atom atau rss) dan dalam format murni XML-nya. Atom.xml juga menggunakan ekstensi file xml, tapi berbeda dengan sitemap XML yang asli dalam hal kontennya.

#Catatan: Pada trik lama kita harus membatasi sitemap feed dengan jumlah feed dengan yang baru-baru saja. Sistem ini ada pada trik lama yang sudah Kutu Update jelaskan di Mengetahui Sitemap pada Blogger (Cara Lama) dengan menarik feed hingga 500 atau 9999 (Feed yang ditarik tidak terhingga jumlahnya). Namun, karena sekarang sudah memiliki sitemap XML maka, sobat tidak perlu menggunakan parameter tersebut. Default feed blogger adalah 26 URL terbaru dan itu menurut Kutu Update cukuplah sobat. Sekarang kita masuk ke bentuk sitemap-nya:

Untuk feed tulis secara default.

http://namablogsobat.blogspot.com/atom.xml?redirect=false

atau

http://namablogsobat.blogspot.com/feeds/posts/default?redirect=false

Untuk sitemap XML.

http://namablogsobat.blogspot.com/sitemap.xml

Ganti kata "namablogsobat" dengan nama URL blog sobat.

Sobat, ternyata fitur sitemap.xml hanya bisa digunakan oleh blog berplatform Blogger yang menggunakan domain bawaan Blogger (subdomain.blogspot.com). Jadi, untuk yang sudah menggunakan custom domain, sitemap.xml tidak support. Tetap gunakan cara lama seperti trik post yang lama, agar feed berisi semua url blog tanpa kecuali.

Setelah sobat sudah tau sitemap yang mau digunakan silakan kamu lanjut ke tutorial Daftarkan Web/Blog-mu ke Google Webmaster untuk mengindex sitemap yang sudah sobat pilih tadi ke Google Webmaster.

Ada komentar?

Sumber: http://buka-rahasia.blogspot.com.

Mengetahui Sitemap Pada Blogger (Cara Lama)

KutuUpdate - Assalamualaikum sobat, ketemu lagi nih kali ini Kutu Update akan membahas soal Sitemap! Ada yang tau apa itu sitemap? Yap, sitemap itu adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin pencarian dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya.

Sebelum memulai penjelasan sitemap simak dulu penjelasan tentang Cara Mendaftarkan URL Web/Blog ke Google Search Engine.

Update 5 Februari 2014:

Ini merupakan cara lama dalam menentukkan sitemap blogger sobat langkah-langkahnya adalah sebagai berikut:

http://namablogsobat.blogspot.com/feeds/posts/default?redirect=false&max-results=9999&alt=json-in-script&callback=loadtoc

atau

http://namablogsobat.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Sobat tinggal pilih mau pakai yang mana yang atas atau yang bawah. Lalu, ubah kata "namablogsobat" dengan nama URL blog sobat. Nah, disitu Kutu Update menyarankan menggunakan parameter redirect=false karena banyak yang redirect feed ke feedburner, maka otomatis feed blog akan mengarah ke feed di feedburner.

Baca juga: Mengetahui Sitemap Pada Blogger (Cara Baru).

Setelah sobat sudah tau mana sitemap yang mau digunakan silakan kamu lanjut ke tutorial Daftarkan Web/Blog-mu ke Google Webmaster untuk mengindex sitemap yang sudah sobat pilih tadi ke Google Webmaster.

Nah gimana sobat ada komentar?


Sumber: http://buka-rahasia.blogspot.com