Postingan

Menampilkan postingan dari Juni, 2018

Penggunaan atribut 'async' dan 'defer' pada HTML Script untuk Javascript External Blogger JSON

Gambar
Anda mungkin seseorang yang peduli dengan nilai atau kualitas page speed setelah menguji dibeberapa page speed analyzer seperti PageSpeed Insights , GTMetrix , Pingdom , dan lain-lain, serta dengan hasil kurang memuaskan dengan membawa masalah Blocking Rendering atau serupa. Disaat pengembang web atau blogger templates yang ingin menggunakan Javascript external , tapi tag HTML <script> diletakkan di pertengahan konten HTML lainnya bukan terletak di bagian akhir HTML konten atau di sebelum akhir tag penutup body yaitu </body>. Pengembang web atau blogger templates tidak bisa mengelak, harus menggunakan Javascript external di posisi tersebut dan setelah melakukan pengetesan page speed , hasil yang didapat buruk. Nilai buruk ini biasa dipoinkan PageSpeed Insights dengan poin masalah Blocking Rendering atau pada GTMetrix dengan poin masalah Optimize the order of styles and scripts . Ini memang biasa terjadi, natural dan lumrah, karena akibat dari penggunaan Javascript ...

Mom, I'm Fine

Gambar
Hi Mom, I am so sorry I haven't been able to see you in awhile. I didn't realize as an adult how much less I would end up seeing you and dad.... It's hard to get use to, but I want you to know I am doing fine. I love you to pieces and I miss you more than you know. But thank you for preparing for the real world to where I was able to take it on head on without having to rely on anyone else but myself. Thank you for being the mom I miss more than anything. Thank you for being the mom I want to call whenever I need advice and I know will always support me no matter if you agree with my decisions or not. I am sorry I am not as present in your life as I want to be. I will work on it but I want you to know I am doing just fine. You raised me to be strong and independent and I promise that's what I am. I am going out into this world to try and make a difference and I owe it all to you. Your love and help through my life has impacted me more than you'll ever kn...

Jangan terlalu serius dengan Page Speed Analyzer. It's a joke for Blogger

Gambar
Page Speed Analyzer merupakan salah satu kebutuhan penting bagi pengembang web untuk mengembangkan sebuah halaman web agar lebih cepat diakses secepat mungkin, meminimalkan waktu load , meminimalkan script code writing sebisa mungkin, DNS lookups , dan lain-lain. Dengan mendapatkan akses cepat tersebut, pengguna dapat menggunakan atau membuka halaman web nya lebih cepat, juga untuk kebutuhan salah satu Search Engine Optimization agar sebuah halaman web lebih terpriotaskan daripada halaman web yang sama dengan load time yang lebih lama. Juga seperti pengaturan lain disarankan yang didapat dari beberapa Page Speed Analyzer seperti Page, dapat mengoptimalkan penggunaan informasi bahkan untuk mengurangi bandwidth penggunaan seperti browsing caching , optimize images , optimal render page seperti pada penambahan atribut width dan height secara langsung pada tag image dan lain-lain. But, do we need that all of them? Tergantung dengan konten yang dibutuhkan pada setiap halaman web, namun...

Menggunakan Blogger JSON Feed API

Gambar
Blogger JSON Feed API merupakan hal penting dan inti bagi para blogger template developer untuk membuat widget-widget unik atau konten-konten tertentu yang tidak bisa dilakukan pada settingan blogger biasa. Dengan Blogger JSON Feed API, kita dibolehkan Retrieves informasi data setiap postingan di blogger. Layaknya, seperti database SQL yang di fetch dengan PHP. Perlu pengetahuan dasar Javascript khususnya pengetahuan tentang looping rules agar dapat melakukan hal ini. Namun, cara belajar masing-masing orang berbeda-beda. Ada yang memahami dengan praktek, lalu teori dan sebaliknya. Jika kamu familiar dengan retrieve data seperti dengan SQL dan PHP, rasanya ini sangat mudah. Yang perlu diketahui adalah cara pengambilan setiap data dan cara penyampaiannya dengan Javascript terhadap tulisan HTML yang akan ditulis nantinya. Ada beberapa query untuk mendapatkan setiap informasi dari sebuah post Objek Deskripsi Example json.feed.id.$t Blog ID tag:blogger.com,1999:blog-12345 json.feed.u...

So, this is my first post

Gambar
Memulai blog yang sebenarnya sudah cukup lama diinginkan, baru bisa terwujud pada saat ini. Blog dibangun dengan membuat tampilan layout atau template sendiri. Sebenarnya memulai dunia blogging tulis seperti blogger dari google ini sudah saya tau sejak dulu bahkan saya gunakan sekitar tahun 2010. Blogger jadul, dengan tampilan dashboard yang jadul juga. Identik dengan warna biru gelap diheader tampilannya. Saat itu umur saya masih 12 tahun dan menginjak kelas 1 SMP atau kelas 7. Menjadi pertanyaan, kenapa baru memulai menulis blog baru saat ini? Jarak yang tak bisa dibilang dekat, dari tahun 2010 hingga sekarang. Awal-awal saat saya menggunakan blogger , saya pernah penasaran mengenai sebuah web/blog setelah membuka situs blogspot juga untuk membaca manga ilegal, khususnya manga Naruto di dotkop.blogspot.com (saya ingat, blog berhenti kira-kira 2 tahun sebelum blog itu dihapus antara di tahun 2012 - 2014. Mungkin pembaca manga jadul mungkin juga tau alamat blog it...

Cara Membuat Smooth Parallax Scrolling Effect

Gambar
Baru mendengar istilah ini? Parallax Scrolling adalah sebuah trend baru pada website modern dimana konten background (gambar) bergerak mengikuti dengan kecepatan sama sesuai saat men-scrolling. Bisa dilakukan dengan CSS. Jika kamu orang baru mendengar istilah atau belum tau dasarnya. Berikut contohnya yang telah disiapkan oleh w3schools www.w3schools.com/howto/tryhow_css_parallax_demo.htm Ingin baca tutorial dari sana ? (yang pasti sih, English haha) www.w3schools.com/howto/howto_css_parallax.asp Jika sudah melihat demo yang diberikan w3schools. Saya ingin mencoba membuat tutorialnya sendiri. Sebenarnya sama saja yang pasti dengan tutorial di w3schools. Karena HTML CSS itu semua sama. Tapi jika kalian ingin ada penjelasan (dari saya, hehe), bagus. Simak berikut ini Pertama buatlah elemen baru untuk background dengan lebar 100% dan tinggi juga 100%. Juga elemen baru untuk konten. Dan html, body juga dibuat dengan tinggi 100%, agar elemen untuk background dengan posisi relatif bisa dibu...