Minggu, 15 Oktober 2017

Cara Membuat Website Desa?

cara membuat website desa

Bagaimana Cara Membuat Website Desa? Atau Desa kalian sudah memiliki website? Jika belum, maka sudah seharusnya kalian mengingatkan pemerintah desa kalian untuk mulai mengembangkan sebuah website sebagai media penyajian informasi desa.

Besarnya dana yang digelontorkan pemerintah pusat untuk pembangungan desa mengharuskan adanya pengawasan dari berbagai pihak, tidak hanya dari para penegak hukum, akan tetapi dari masyarakat desa dan semua pihak yang terkait.

Pemerintah desa dituntut untuk lebih transparan tentang pengalokasian dana desa, sehingga masyarakat mengetahui dimana dan apa saja yang dikerjakan dengan dana desa tersebut. Website merupakan media yang tepat untuk menyajikan informasi kepada masyarakat tentang berbagai kegiatan pembangunan yang ada di Desa.

Membuat website desa memang tidak mudah, dibutuhkan keahlian khusus untuk bisa membangun sebuah system informasi berbasis website yang baik.

Peraturan pemerintah No. 06 Tahun 2014 tentang desa, mewajibkan pemerintah desa memiliki system informasi desa yang dikelola oleh aparatur desa, sehingga mau tidak mau, dibutuhkan operator desa yang bisa mengelola system informasi desa berbasis website.

Cara Membuat Website Desa.


Cara Membuat Website Desa

Pada dasarnya, pembuatan website desa tidak jauh beda dengan pembuatan website pada umunya, dibutuhkan hosting, domain, dan template desain yang sesuai. Tapi untuk desa, domainnya menggunakan domain khusus, yakni .DESA.ID yang harus didaftarkan pada kementrian komunikasi dan informasi

Pemerintah Desa bisa menggunakan jasa pihak ketiga, dalam hal ini web developer untuk mengembangkan website desa, dengan satu catatan, setelah website online, pihak web developer siap memberikan pelatihan kepada admin website di desa (salah seorang aparatur desa).

Salah satu web developer yang telah banyak membantu pemerintah desa mengembangkan website desa, dan memberikan pelatihan baik dengan pertemuan langsung, maupun via online adalah Sasambo Design. 

Keterangan lebih lengkap tentang layanan yang ditawarkan untuk desain website desa bisa anda lihat melalui link berikut ini : Jasa Desain Website Desa 

Urutan Langkah Membuat Website Desa adalah sebagai berikut:
  1. Mendaftarkan Akun PNS Mail untuk perangkat desa, harus menggunakan persyaratan berupa scan SK Perangkat desa yang ditandatangani Kepala desa. 
  2. Mendaftarkan Domain Desa. Persyaratan yang dibutuhkan adalah SK Kepala Desa yang ditandatangani Bupati, Surat Permohonan domain desa, dan Surat Kuasa.
  3. Membeli hosting tempat menyimpan website desa.
  4. Proses Desain.
  5. Proses Memasukkan konten dan informasi kedalam website.
  6. Publish
Setelah website desa siap, pemerintah desa harus mensosialisasikan kepada masyarakat desa, tentang berbagai fitur layanan yang ada diwebsite desa.

Manfaat Website Desa


Setelah berhasil membuat website desa, apa saja manfaat yang didapatkan dari website tersebut?

Website desa, tentunya tidak hanya berisi publikasi kegiatan-kegiatan desa, tapi juga bisa dimanfaatkan sebagai media promosi keunggulan dan produk-produk masyarakat yang ada di desa teresebut.

Bahkan, jika dimanfaatkan dengan maksimal, website desa bisa dijadikan sebagai media penjualan produk-produk kerajinan masyakarat yang sangat efektif dengan jangkauan pasar seluruh wilayah indonesia bahkan dunia.

Dan masih banyak lagi kemudahan lainnya yang didaptkan dengan adanya website desa.

Jika ada teman-teman dari pemerintah desa yang ingin berkonsultasi tentang pembuatan website, maintanace, dan segala hal seputar website desa, atau website lainnya, bisa menghubungi saya via halaman kontak blog ini. Sekian, semoga informasi Cara membuat website desa ini bermanfaat.




Rabu, 16 Agustus 2017

Cara Menambahkan Pengguna Pada Akun Adsense

Cara Menambahkan Pengguna Pada Akun Adsense

Google Adsense masih menjadi pilihan favorit para blogger untuk mendapatkan penghasilan tambahan dari blog mereka. Selain karna telah banyak yang terbukti berhasil, jasa periklanan milik google ini, memang merupakan cara yang paling cepat dan gampang dalam memonetize blog terutama bagi blog yang sudah memiliki trafik yang tinggi.

Bagaimana dengan blog dengan trafik rendah?

Blog dengan trafik yang masih sedikit tentu memiliki peluang untuk menghasil uang dari Google Adsense juga akan sedikit. Untuk diketahui, berdasarkan harga mata uang dolar saat ini, untuk bisa mencairkan uang di akun Adsense, balance harus mencapai IDR. 1.300.000,-

Dengan biaya per-klik iklan misalkan sebesar IDR. 500,- Sampai IDR. 5.000,- pada blog berbahasa indonesia, tentu dengan trafik blog yang rendah, akan memakan waktu cukup lama untuk bisa menarik uang tersebut dari akun Adsense.

Solusi Untuk Blog Trafik Rendah.

Berusaha meningkatkan trafik blog menjadi solusi utama. Perbanyak postingan pada blog dengan memperhatikan kualitas konten, praktikkan SEO onpage dan SEO offpage untuk mendapatkan trafik dari mesin pencari, share ke situs bookmark terkenal dan jangan lupa untuk memanfaatkan sosial media.

Selain cara tersebut, ternyata Anda juga bisa bekerja sama dengan teman atau siapa saja yang memiliki blog, untuk menampilkan iklan dari akun Google adsense Anda tersebut. Sehinga iklan dari satu akun adsense, bisa ditampilkan pada beberapa blog yang berbeda.

Pada postingan cara Menambahkan Pengguna pada Akun Adsene ini, akan dijelaskan bagaimana cara mengundang teman blogger lain untuk mengelola akun adsense. Dengan cara ini, tentunya peluang untuk dapat menarik dana tiap bulan pada akun Adsense juga akan semakin besar.

Tentu tidak sembarang orang, dan tidak sembarang blog yang bisa untuk diajak bekerja sama. Kebijakan dari google adsense tentang persyaratan blog juga perlu diperhatikan.

Tapi jika ingin bekerjasa dengan cara bagi hasil dengan blogger lain yang anda tidak kenal secara langsung, tentu bukan seperti ini caranya, dengan menambahkan mereka menjadi pengurus pada akung Adsense Anda.

Pada akun Adsense ada fitur untuk menambahkan situs/blog siapa saja, tentunya dengan harus memasukkan kode verifikasi adsense terlebih dahulu kedalam blog tersebut. Dengan cara ini, anda bisa menerapkan kerjasama bagi hasil kepada pemilik blog lain dengan syarat dan ketentuan yang disepakati bersama.

Menambahkan pengguna pada akun adsense, hanya jika Anda berada satu tim dengan blogger tersebut, atau jika anda memiliki akun gmail pribadi lain untuk blog yang berbeda.


Menambahkan Pengguna Pada Akun Adsense Google

Jika Anda sudah mempertimbangkan untuk tetap menambahkan akun gmail lain menjadi pengurus Adsense anda, berikut adalah panduannya:

Silahkan masuk ke aku Google Adsense Anda. Akses pengaturan User management periklanan google pada kolom sebelah kiri dengan mengklik menu "Setting + Access and Authorization +  User management "

User managemen pada akun Google Adsense


Pada kolom "Enter email address" masukkan email address yang ingin diajak bergabung untuk mengelola akun Adsense. Tekan tombol invite untuk mengirimkan undangan. Centang pada pilihan administrator untuk menjadikannya Admin, jika anda menghendakinya.

Akun gmail tujuan akan dikirimkan email berisiundangan, ikuti link aktivasi pada email undangan tersebut. Berdasarkan kebijakan google, maksimal 100 akun gmail yang bisa anda tambahkan.

Demikian, postingan Cara Menambahkan Pengguna Pada Akun Adsense ini, jika ada hal yang masih kurang jelas, silahkan tinggalkan pesan Anda pada kolom komentar. Jangan lupa untuk like fanpage facebook Lombok blogger, dapatkan informasi terbaru seputar Tips Blogger, SEO, Adsense, dan masih banyak lagi yang lainnya. Terimakasih

Rabu, 25 Januari 2017

Cara Mendaftarkan Blog pada Feed Burner

Cara mendaftarkan blog pada feed burner
Tutorial lengkap cara mendaftarkan blog pada feedburner google.

Bagi para blogger yang sudah malang melintang di dunia blog, tentu tidak asing lagi dengan istilah feed buner. Tapi lain pasalnya bagi para blogger pemula, istilah, rss, feed, feed burner mungkin masih asing terdengar.

Apa yang dimaksud Feed burner?

Wikipedia : FeedBurner merupakan layanan manajemen umpan web (web feed), yang terdiri dari RSS feed dan alat pengelola (management tools) untuk blogger dan podcaster, dan aplikasi publikasi lain yang berbasis web. Layanan ini menyediakan analisis lalu lintas pengunjung situs dan sistem periklanan yang dapat dipilih.

Anda tambah bingung setelah membaca keterangan dari wikipedia diatas. Barangkali Anda akan lebih faham jika mengetahui apa manfaat dari mendaftarkan blog pada feed burner tersebut.

Manfaat Mendaftarkan Blog pada feed burner.


  1. Layanan Subscribe atau berlangganan via email. Untuk memudahkan membuat layanan berlangganan tulisan pada blog Anda. Fitur Subscribe untuk berlangganan email yang ada pada akun feedburner harus anda aktifkan terlebih dahulu, baru anda bisa pasang pada blog Anda. Pada akun feedburner, anda juga bisa melihat siapa saja yang telah melakukan subscribe, dan trafik dari feed blog anda.
  2. Auto Share ke Twitter. Pada Feedburner terdapat layanan autoshare postingan blog ke twitter, bagi pengguna twitter, tentu layanan ini sangat memudahkan Anda.
  3. Custome Url Feed. Dengan mendaftarkan blog ke Feedbuner, Anda akan mendapatkan url feed baru yang bisa anda custome.
  4. Memudahkan anda untuk menampilkan Recent post dan recent Comments menggunakan rss feed pada blog. Dan masih banyak lagi.

Cara Mendaftarkan Blog pada Feed Burner

Setelah mengetahui manfaat yang didapatkan dengan mendaftarkan blog pada feed burner, berikut ini adalah langkah-langkah cara mendaftarkan blog pada feed burner.

Langkah pertama, silahkan kunjungi situs feedburner www.feedburner.com, login menggunakan akun google anda.

Mendaftarkan Blog pada feedbruner
Cara mendaftarkan blog di feedburner google

Setelah halaman feedburner terbuka, pada pilihan Burn a feed right this instant, masukkan alamat blog anda, kemudian klik tombol next untuk melanjutkan.

Cara mendaftar feedburner
Centang pada pilihan pertama, kemudian klik tombol next untuk melanjutkan.
Selanjutnya, silahkan anda centang pada pilihan pertama, jika anda menggunakan blogger. Klik tombol next untuk melanjutkan ke langkah berikutnya.

mendaftar feed burner google
Pilihan untuk merubah nama dan alamat feed.
Selanjutnya isikan nama dan alamat feed yang anda inginkan. Nama dan alamat sebaiknya sesuai dengan tema atau judul blog yang anda buat. Alamat feed nanti bisa anda akses dengan url,

http://feeds.feedburner.com/alamatfeedblog.

Klik tombol next untuk menyelesaikan pendaftaran di feedburner.

Samapai pada langkah ini, anda sudah berhasil membuat feed blog pada feedburner, dan sekarang anda sudah bisa menikmati fitur-fitur yang ada pada feddburner. Selamat mencoba, salam lombok blogger.

Senin, 16 Januari 2017

Membuat Form Kontak Pada Blogger

Gambar 1. Panduan lengkap membuat form konta pada blogger

Ada dua cara yang bisa digunakan untuk membuat form kontak pada blogger, yakni dengan menggunakan jasa layanan pihak ketiga atau dengan menggunakan fitur bawaan dari blogger.

Layanan pihak ke-3 yang bisa anda gunakan diantaranya :
  • FOXYFORM
  • 123 Contact Form
  • FormSpring
  • Kontactr
  • PagePow
  • My Contact Form
  • Email Me Form
  • etc

Tapi pada kesempatan ini, Lombok blogger akan membahas bagaimana membuat form kontak pada blogger menggunakan fitur bawaan dari blogger.

Pada postingan sebelumnya, Lombok blogger pernah membahas Bagaimana Membuat Formulir online menggunakan google form, silahkan anda lihat postingannya melalui link berikut : Membuat formulir online menggunakan google form.

Membuat form kontak diperlukan ketika anda membuat halaman statis seperti “contact us” atau “hubungi kami” yang didalam halaman statis tersebut anda ingin menampilkan formulir kontak agar pengunjung bisa lebih mudah menghubungi anda via email langsung dari blogger. Atau anda yang memiliki blog jualan, dan ingin menampilkan form kontak pada postingan jualanan anda.

Anda juga bisa menampilkan form kontak langsung pada widget blog anda, dengan langsung menambahkan widget “formulir kontak”, maka formulir kontak akan langsung tampil pada bar sisi Blog. Jika nantinya pengunjung mengisi formulir tersebut, blogger akan langsung mengirimkan email ke email yang anda gunakan untuk login ke blogger.com

formulir kontak
Gambar 2. Menampilkan formulir kontak pada widget blogger


Cara Membuat Form Kontak pada Blogger


Untuk menampilkan formulir kontak pada halaman statis blogger, atau pada halaman postingan, Langkah pertama anda harus menambahkan widget “formulir kontak” terlebih dahulu seperti pada gambar.2 diatas.

Setelah anda berhasil  mendambahkan widget Formulir kontak pada bar sisi, langkah selanjutnya adalah menyembunyikan widget formulir kontak tersebut.

Cara menyembunyikan formulir kontak dari bar sisi adalah dengan menambahkan kode css berikut pada css template blog Anda.

Kode.1 css :

#ContactForm1,#ContactForm1 br{display:none;visibility:hidden}

Bagi anda yang belum terbiasa bongkar pasang kode css pada template, silahkan ikuti langkah berikut. Login ke Blogger Anda, Masuk ke menu TEMPLATE + EDIT HTML

Selanjutnya klik pada kode template, tekan  tombol Ctrl+f pada keyboard dan temukan kode berikut  

]]></b:skin> 


Setelah kode tersebut anda temukan, tepat diatasnya, pasang Kode.1 css untuk menyembunyikan formulir kontak dari bar sisi blog anda.

Kenapa disembunyikan?

Karna kita ingin menampilkan formulir kontak pada halaman statis dan postingan, maka jika kita biarkan terlihat di bar sisi blog, maka akan terdapat double formulir kontak dalam satu halaman.

Kita akan menampilkan formulir kontak pada halaman statis dan postingan, kenapa harus menambahkan widget terlebih dahulu, lantas setelahnya disembunyikan?

Jika kita hanya menambahkan kode formulir kontak saja, tanpa menambahkan widget pada bar sisi,
maka formulir kontak pada halaman statis atau pada postingan tidak akan bekerja, sehingga pesan yang dimasukkan pengunjung tidak akan terkirim.

Langkah kedua, pasang kode formulir kontak dibawah berikut ini pada halaman statis atau postingan. Misalkan anda ingin memasang formulir kontak pada halaman "kontak" blog anda.

Silahkan buat halaman baru, beri nama halaman "hubungi kami" atau "contact", aktifkan mode pengeditan HTML, kemudian pasang kode formulir kontak dibawah ini.

Kode.2 Formulir Kontak :

<form name="contact-form">
Name
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" /> 
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
.post-body input {width:initial;}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>


Demo bisa anda lihat pada halaman kontak lombok blogger. Email yang dikirim dari kontak formulir akan masuk ke email pada tab Sosial.

Bagi yang masih kurang jelas bagaimana membuat formulir kontak pada blogger, berikut video tutorialnya.


Video Tutorial Cara Membuat Form Kontak Pada Blogger



Jika sobat blogger menyukai apa yang kami tulis di blog ini, jangan lupa untuk like fanpage facebook Lombok blogger, sekian terimakasih.

Kamis, 12 Januari 2017

Cara Mengganti Alamat Url Fanpage Facebook


Kebijakan terbaru dari facebook, alamat url fanpage facebook otomatis akan menjadi username dari fanpage facebook tersebut. Maka pastikan anda sudah  membuat username dari fanpage facebook yang anda kelola, sebuah nama unik dan benar-benar mewakili thema dari fanpage, agar memudahkan siapa saja untuk menemukan fanpage tersebut.

Contoh jika Url facebook Anda : https://web.facebook.com/username

Jadi pengguna facebook bisa menemukan, atau memberi tag ke fanpage facebook Anda dengan mengetikkan @username  pada sebuah status facebook.

Bagi sobat blogger yang belum memiliki fanpage facebook, silahkan dibaca postingan Lombok blogger sebelumnya tentang Cara membuat fanpage facebook, dan kelebihan apa yang bisa didapatkan.

Cara Membuat Username Fanpage Facebook


Bagi yang baru membuat fanpage facebook, sosial media facebook tidak secara otomatis membuat username fanpage tersebut. Dibutuhkan tindakan dari admin fanpage tersebut untuk memberikan username.

Silahkan buka fanpage yang baru saja anda buat, tepat dibawah photo profile fanpage klik link create page @username, silahkan  klik dan ikuti petunjuk selanjutnya.

Gambar 1. Membuat username fanpage facebook

Perhatikan gambar di Atas!,

Gambar di atas adalah contoh fanpage facebook dengan nama Berita positif indonesa. Bisa diperhatikan, fanpage ini belum memiliki username.

Untuk membuat username, silahkan isikan usernama pada kolom isian Username diawali dengan tanda @. Maksimal isian 50 karakter.

Setelah anda mendapatkan nama yang cocok, klik tombol create username. Facebook akan memberikan notifikasi jika nama yang anda ajukan diterima atau ditolak. Jika ditolak silahkan pilih usernme yang lain, dan ulangi langkah seperti yang disebutkan diatas.

Cara Mengganti Alamat url Fanpage faceboook [Mengganti username]


Bagi sobat blogger yang sudah memberikan nama pada fanpage facebook sebelumnya, jika ingin mengganti username atau url dari fanpage facebook, silahkan masuk ke fanpage.

Tepat dibawah gambar cover fanpage, klik tombol MORE untuk memunculkan pilihan yang disediakan.

Kemudian klik pada pilihan, edit page info. Selanjutnya akan muncul window pengaturan. Kemudian Scroll kebawah sampai terlihat tombol See All Information.

Selanjutnya Anda akan dibawa ke kehalaman pengeditan informasi dasar fanpage facebook Anda.

Gambar 2. Mengganti Url/Username fanpage facebook

Perhatikan gambar diatas!

Arahkan kursor/pointer anda pada menu username. Klik tombol edit, selanjutnya akan muncul window seperti pada gambar 1.

Isikan username yang ingin anda gunakan. Facebook akan melakukan review beberapa saat pada username baru yang anda gunakan, 1-10 menit.

Anda akan mendapatkan notifikasi, apakah diterima atau ditolak. Jika ditolak silahkan ulangi menggunakan username yang baru.

Penutup

Bagi sobat blogger yang ingin serius menekuni blogging atau dunia internet marketing, keberadaan fanpage menjadi suatu keharusan untuk bisa mengembangkan bisnis lebih cepat, lebih luas dan tentunya jauh lebih hemat.

Itu dia tutorial membuat dan mengganti url/username fanpage facebook, jika masih ada yang kurang jelas dan perlu ditanyakan, silahkan tinggalkan pesan anda pada kolom komentar. Terimakasih

Selasa, 10 Januari 2017

Membuat Formulir Online menggunakan Google Form

membuat formulir online menggunakan google form

Bagi pengguna platform blogger.com, membuat formulir online menggunakan Google form merupakan salah satu cara terbaik untuk membuat formulir seperti menu booking, registrasi atau berbagai macam formulir lainnya pada blog.

Bagi pengguna CMS wordpress, ada banyak sekali plugin yang bisa digunakan untuk membuat formulir online secara cepat dan instan, diantaranya yang paling terkenal adalah contact form 7, ninja form, jatpack form, dan lain sebagainya.

Bingung memilih platform blog? Blogger.com atau wordpress, silhakn baca selengkapnya pada tulisan perbedaan wordpress dengan blogger.com

Kelebihan Membuat Formulir online menggunakan Google Form

  • Mudah digunakan : Membuat formulir menggunakan google form bisa dibilang sangat mudah. Semua konfigurasi sudah berbasis GUI yang sangat user friendly.
  • Tampilan Custom : Anda bisa mengganti warna, dan merubah background formulir Google form, untuk mempercantik tampilan formulir pada blog.
  • Database tersimpan di Google drive : Setiap pengunjung yang mengisi formulir, maka Anda akan mendapatkan notifikasi pada akun google anda, baik email maupun google drive. Dan database formulir tersebut akan tersimpan dengan aman pada akun googe drive anda.
  • Data Bisa disimpan ke dalam dokumen Spreadsheet /Excel : Data pengisian formulir bisa anda export kedalam dokumen spreadsheet atau Excel sehingga akan memudahkan anda membaca data masukan dari formulir. 

Cara Membuat Formulir dengan Google Form 


Berikut adalah video tutorial panduan lengkap cara membuat formulir online menggunakan Google Form. Tapi sebelum itu pastikan anda sudah memiliki akun gmail untuk digunakan login ke Google drive dan Google Form.

Silahkan login ke Google drive, selanjutnya ikuti tutorial pada video dibawah berikut




Berikut adalah salah satu contoh Formulir yang dibuat menggunakan Google Form, ketika pengunjung mengisikan formulir dan menekan tombol kirim, maka notifikasi akan langsung terlihat pada halaman Google form. Masukan dari user tersebut selanjutnya bisa di simpan ke dalam file spreadsheet atau excel.





Jika ada yang kurang jelas dengan tutorial Cara membuat formulir online menggunakan Google form ini, silahkan tinggalkan pesan anda pada kolom komentar. Jangan lupa untuk like fanpage facebook Lombok blogger, dan dapatkan informasi up2date seputar dunia blogger. Saalam blogger dan terimakasih

Selasa, 27 Desember 2016

Percepat Loading Blog dengan Optimasi CSS Delivery


Bagi pengguna flatform blogger kecepatan loading blog dari sisi server memang tidak perlu diragukan lagi. Walaupun gratis, akan tetapi perusahaan raksasa seperti google tentu memiliki kualitas server yang terjamin, dan ini terbukti. 

Berbeda jika anda menggunakan self hosting, dan menggunakan CMS seperti Wordpress, anda harus mebayar biaya cukup mahal untuk bisa mendapatkan kualitas server yang bagus.

Untuk memaksimalkan kecepatan loading blog pada blogger lebih jleb lagi, ada beberapa hal penting yang harus dilakukan, dua diantaranya pernah dibahas pada postingan sebelumnya.
  1.  Remove Render Blocking Javascript
  2. Cara Mengoptimalkan Gambar, dapatkan lampu Hijau pada Google Page Speed Insight

Silahkan dibaca terlebih dahulu kedua postingan tersebut. Masih berkaitan erat dengan kedua postingan diatas, berikut ini akan dibahas cara yang tak kalah penting untuk meningkatkan kecepatan akses blog dengan mengoptimlkan CSS Delivery.

Ok, sebelum pembahasan ini lebih jauh, silahkan cek speed blog anda terlebih dahulu pada Google Page Speed Insight, Jika hasil test terdapat laporan seperti gambar dibawah berikut ini, maka anda membaca tutorial yang tepat untuk menyelesaikan permasalahan tersebut.
Pada gambar diatas kita bisa perhatikan text yang berwarna biru " Optimize CSS delivery" yakni untuk file CSS Bundel (pada kotak warna merah).

CSS bundel merupakan file css yang dimiliki oleh template blogger yang secara default sudah terpasang. Salah satu fungsi utamanya adalah untuk mereset tampilan blog ke format standar blogger. 

Untuk memperbaiki error yang tampak pada gambar diatas, ternyata kita harus me-remove css bundle tersebut dari template blog yang anda gunakan.

Berikut 3 alasan kenapa sebaiknya anda me-remove CSS bundle dari template anda.
  1. Jika anda menggunakan custome template, tidak ada alasan bagi anda untuk tidak menghapus CSS bundel dari blog anda.
  2. Jika anda anda adalah seorang Template Designer atau bagi anda yang hoby edit template blogger, pekerjaan anda akan menjadi lebih sulit dengan adanya CSS bundle, karna jika tidak sesuai maka tampilan akan diresete ke tampilan standar blogger.
  3. Ini akan mempercepat loading blog anda cukup signifikan, buktikan setelah anda menghapus CSS bundel, lakukan pengecekan ulang pada Google page speed insight.

 Cara Me-Remove CSS Bundel


Silahkan login ke Blog anda, setelah anda berada pada halaman dashboard silahkan buka menu Template + Edit HTML. 

Cari code <head>, Kemudian ganti dengan kode &lt;head&gt;

Setelah itu cari lagi kode </head> Kemudian ganti dengan Kode &lt;/head&gt;&lt;!--<head/>--&gt;

Terakhir, simpan perubahan. Sekarang silahkan anda periksa kembali speed blog anda pada google page speed insight, dan lihat hasilnya.