Cara menampilkan sidebar di tema contempo pada layar 1366 x 768

Cara menampilkan sidebar di tema contempo pada layar 1366 x 768

Kehadiran tema blogger terbaru yang belum lama dirilis ini mengundang minat kebanyakan blogger. Saya pun termasuk salah satu yang penasaran ingin mencoba penampilan dan performanya.

Sebuah tema yang menarik dan menjadi pilihan pertama buat saya adalah tema Contempo. Desain minimalis dengan background yang elegan menjadi salah satu alasan saya ingin mencoba tema tersebut.

Dan untuk menghindari error pada blog ini (mengelolablog), maka percobaan ini saya terapkan pada blog yang baru saja, alamatnya disini.

Setelah mencoba tema contempo tersebut, ternyata muncul kendala yang tidak saya harapkan. Kendala yang saya hadapi saat mencoba tema contempo tersebut adalah sidebar tidak muncul pada layar ber-resolusi 1366 x 768.

Setelah saya coba men-zoom mundur melalui browser dengan menggunakan "ctrl+ [-]" (menjadi 90%), ternyata sidebar bisa muncul.

Dari situ muncullah pertanyaan di dalam benak saya "kok ngga nyaman juga yah setiap mau lihat tampilan blog secara penuh moso' harus di zoom minus dahulu ?"

Cara menampilkan sidebar di tema contempo pada layar 1366 x 768

Masalah ini ternyata juga muncul pada beberapa tema blogger yang baru lainnya yaitu, Soho dan Notable. Sedangkan untuk tema Emporio pada layar 1366 x 768 ternyata tidak memiliki masalah.

Menurut yang saya ketahui, kondisi yang menyebabkan sidebar tersembunyi umumnya terjadi pada mode "Mobile", sedangkan saat  saya melihat tema contempo dilayar 1366 x 768 (layar laptop), ternyata kondisinya bukan dalam mode "Desktop", tapi tetap dalam mode "Mobile".

Selidik punya selidik, akhirnya saya menemukan bahwa tema contempo dan 2 tema lainnya yaitu Soho dan Notable, "sepertinya" secara default untuk mode Desktop sudah diset pada lebar 1440 X 900 oleh blogger.com. Secara gampangnya bisa disimpulkan seperti ini

Ukuran 1440 x 900 adalah ukuran standard desktop untuk tema Contempo, kurang daripada itu (pada kasus disini 1366 x 768) akan diset sebagai perangkat mobile

Nah untuk mengatasi sidebar sembunyi di lebar layar 1366 x 768, maka pada artikel berikut ini kita akan mensetting tema contempo supaya sidebarnya bisa muncul penuh di resolusi layar 1366 x 768, simak informasinya dibawah berikut


Cara menampilkan sidebar tema contempo di layar 1366 x 768

Untuk memulainya, pastikan Anda sudah memback up template blog Anda terlebih dahulu untuk menghindari error yang tidak di inginkan.

Langkah awal yang perlu Anda lakukan untuk mengedit tema adalah seperti biasanya yaitu, login ke Blogger.com >> pilih blog yang akan diedit >> pilih tema >> edit html.

Setelah Anda masuk di menu edit html silahkan ikuti langkah-langkah dibawah berikut.
  1. Buka aplikasi wordpad pada OS windows yang Anda gunakan
  2. Kembali ke editor html, lalu cut semua kode yang ada dalam kotak editor, gunakan ctrl+A (select All)  lalu ctrl+X (Cut)
  3. Pastekan kode kedalam wordpad (ctrl+V)
  4. Setelah kode tercopy di wordpad, klik ctrl+H untuk mengaktifkan fungsi Replace
  5. Setelah pop up Replace muncul, isikan 1440 pada kolom Find what: (no 1 pada gambar)
  6. Isikan nilai 1024 pada kolom Replace with: (no 2 pada gambar)
  7. Klik pada tombol Replace All (langkah ini berfungsi untuk mengganti default layar Desktop dari 1440px menjadi 1024px), perhatikan gambar berikut
    Mengganti lebar 1440 menjadi 1024
  8. Klik OK setelah pop up bertuliskan "wordpad has finished searching the document" 
    klik ok setelah replace all
  9. Masih pada kotak Replace, isikan kembali pada Find What: dengan angka 1439 (no 5 dalam gambar) lalu pada kotak Replace with: isi dengan angka 1023 (no 6 dalam gambar).Setelah di isi, lanjutkan dengan mengklik Replace All >> OK . Langkah ini berfungsi untuk mengganti lebar maksimal tampilan mode mobile dari 1439px menjadi 1023px.
    replace 1439 menjadi 1023
  10. Pada tahap ini, standard desktop untuk tema contempo sudah bukan di angka 1440px lagi, melainkan sudah diset diangka layar 1024px, ini berarti sidebar akan muncul jika lebar layar diatas 1024px. Langkah selanjutnya adalah,
  11. Copy seluruh kode yang ada di Wordpad
  12. Masuk kembali kedalam editor html blogger.com, lalu pastekan seluruh kode yang sudah Anda copy di wordpad sebelumnya.
  13. Klik save theme untuk menyimpan perubahan lalu lihat hasilnya.
Catatan :
Cara diatas adalah cara termudah untuk mengganti nilai lebar 1440px menjadi 1024px sebagai default mode Desktop tema contempo. Nilai 1024 adalah batas mode desktop minimum dan nilai 1023 adalah batas mode mobile maksimum.

Sampai disini seharusnya sidebar pada tema contempo sudah bisa muncul pada lebar layar 1366 x 768 dan sembunyi jika browser di minimize dibawah nilai 1024px. Berikut adalah tampilan tema contempo pada layar 1366 x 768 sebelum diedit dan sesudah diedit

tampilan tema contempo di layar 1366x768 sebelum diedit
Tampilan sebelum diedit pada layar 1366x768

tampilan tema contempo layar 1366x768 sesudah diedit
Tampilan sesudah diedit pada layar 1366x768


Kesimpulan

Ukuran lebar Desktop yang di set di tema contempo adalah 1440px, sedangkan lebar layar laptop yang saya gunakan maksimal 1366 x 768. Hal ini menyebabkan sidebar di tema contempo menjadi tersembunyi akibat layar laptop ini dianggap sebagai perangkat mobile.

Oleh karena itu, percobaan diatas saya lakukan dengan tujuan agar sidebar bisa muncul secara normal pada lebar layar 1366 x 768 (sesuai dengan lebar layar laptop yang saya gunakan), yaitu dengan cara mengubah setting normal desktop tema contempo dari 1440px menjadi 1024px.

Demikianlah artikel tentang cara menampilkan sidebar di tema contempo pada layar 1366x768 ini bisa saya sampaikan, semoga bermanfaat.
Cara menambahkan pesan komentar di blog

Cara menambahkan pesan komentar di blog

Tujuan utama dari fitur komentar di blog adalah untuk memudahkan pertukaran informasi antara pengunjung dan pengelola blog. Informasi yang disampaikan didalam kotak komentar ini bisa berupa opini, dukungan pembaca, informasi tambahan, kritik dan saran ataupun sekedar basa-basi.

Seiring dengan perkembangan dunia blogging khususnya menyangkut SEO, tak jarang fitur komentar ini digunakan sebagai ajang untuk meletakkan link dalam jumlah banyak (sp*m), promosi blog yang tidak sesuai dengan konten, hingga meletakkan link yang bisa menjebak pengunjung lainnya pada hal-hal yang merugikan (ph*sing).

Meskipun cara ini sebenarnya kurang efektif untuk meningkatkan SEO, namun faktanya masih banyak di temukan link dan komentar di blog yang mirip dengan apa yang sudah saya sebutkan pada paragraf sebelumnya.

Sebagai pemilik blog, tentu kita ingin agar blog yang kita kelola tidak menjadi ajang tempat peletakkan link yang tidak sesuai konteks artikel tersebut, sehingga langkah umum yang dilakukan adalah dengan menerapkan sistem moderasi komentar di blog.

Sistem moderasi di komentar blog pun juga memiliki kelebihan dan kekurangan, salah satunya adalah komentar yang dikirimkan oleh pengunjung tidak bisa langsung dilihat di halaman tersebut akibat harus menunggu persetujuan publikasi dari pemilik blog.

Oleh karena hal tersebut, sebagai salah satu solusi agar pembaca mengetahui dan memaklumi tata cara berkomentar di blog, maka akan lebih baik jika Anda turut menambahkan informasi tambahan terkait cara berkomentar di blog yang Anda kelola.

menambahkan pesan komentar di blog

Untuk blog dengan platform blogspot, tempat meletakkan informasi tambahan terkait tata cara berkomentar sudahlah tersedia dan Anda hanya perlu menambahkan sesuai dengan keinginan.

Penambahan ini bertujuan agar pembaca bisa mengerti apabila komentar yang diberikan tidak langsung diterbitkan. Lantas bagaimana cara menambahkannya ? Simak informasinya seperti dibawah berikut.

Cara menambahkan pesan diatas kolom komentar blog

  1. Login ke blogger.com
  2. Pilih blog yang akan di update
  3. Pilih Settings pada menu disebelah kiri
  4. PIlih "Post,comments and sharing"
  5. Lihat pada "Comment Form Message" di sisi kanan Anda.
  6. Isi pada kotak yang tersedia tentang pesan dan aturan berkomentar sesuai dengan keinginan Anda.
  7. Klik "Save setting" di sudut kanan atas untuk menyimpan perubahan yang dilakukan.

Perhatikan pada gambar di bawah berikut untuk cara pemasangannya
cara menambahkan pesan komentar di blog
Cara menambahkan pesan komentar di blog

Gambar berikut adalah contoh hasilnya
contoh hasil pemasangan pesan komentar di blog
Contoh hasil penambahan pesan komentar


Kesimpulan

Menampilkan pesan diatas form komentar ini merupakan salah satu cara yang baik untuk digunakan diblog karena hal ini bisa memberikan informasi dan anjuran yang jelas kepada setiap pengunjung apabila mereka ingin berkomentar. Demikianlah artikel tentang cara menambahkan pesan komentar di blog ini bisa saya sampaikan semoga bisa bermanfaat.
Pengaruh letak javascript terhadap kecepatan loading halaman

Pengaruh letak javascript terhadap kecepatan loading halaman

Kecepatan loading blog yang diatas rata-rata jelas sangat berpengaruh terhadap pengalaman pengguna. Loading blog yang cepat akan mengurangi tingkat bounce rate secara signifikan, hal ini juga telah disinggung oleh Google sendiri melalui Blog Double Click Publisher bahwa loading blog lebih dari 3 detik memiliki persentase yang lebih besar untuk ditinggalkan pengunjung, yaitu sekitar 53% dari total seluruh pengunjung blog Anda.

Misalkan total pengunjung blog Anda yang seharusnya terhitung masuk berjumlah 1000 pengunjung, namun karena Blog Anda lambat dan lebih dari 3 detik baru bisa terbuka, maka sekitar 530 pengunjung berpotensi "batal masuk" alias tidak jadi masuk.

Artinya hanya 470 pengunjung saja yang terlayani dan bisa mengakses blog Anda. Jika ini yang terjadi, sudah jelas bahwa blog Anda akan mengalami pertumbuhan pengunjung lebih lambat dari yang seharusnya.

Jika Anda pernah membaca tips untuk meningkatkan kecepatan loading halaman di blog ini, cara no #6 ternyata memang terbukti dan bisa diaplikasikan.

Didalam artikel tersebut dijelaskan bahwa meningkatkan kecepatan loading blog bisa dilakukan dengan cara memindahkan javascript eksternal ke dalam halaman template blog. (Buat yang penasaran sama artikelnya Anda bisa membaca di sini : 9 Tips Jitu meningkatkan kecepatan loading blog).

kecepatan loading dan letak javascript

Ya, peletakan javascript didalam halaman dan diluar halaman ternyata cukup berdampak terhadap kecepatan loading blog. Anda bisa mencoba dan melihatnya sendiri dengan melakukan pengetesan kecepatan loading blog menggunakan Pagespeed insight pada kedua halaman berikut ini, Test Sitemap page dan Test Sitemap page2

Awalnya kedua halaman tersebut tujuannya hanya dibuat untuk menjadi perbandingan saat memperbaiki halaman sitemap di blog, namun halaman tersebut ternyata juga bisa dijadikan perbandingan terkait pengaruh letak javascript pada kecepatan loading halaman.

Halaman Test Sitemap page menggunakan file Javascript yang diletakkan diluar template blog ini, yaitu pada situs https://cdn.rawgit.com (file javascript ini disimpannya di situs github), sedangkan untuk halaman Test Sitemap page2 ini file javascriptnya diletakkan langsung didalam halaman tersebut.


Hasil Perbandingan Kecepatan Loading Halaman

Untuk memperkecil ketidak akuratan pengetesan, saya menghapus terlebih dahulu widget iklan di sidebar tepat dibawah label, serta membatasi hanya pada halaman statis (elemen-elemen lain yang tidak diperlukan sengaja saya OFF-kan).

Dengan begitu diharapkan perbedaannya akan semakin jelas. Berikut adalah hasil uji coba melalui Pagespeed Insight diantara kedua halaman tersebut.

Hasil uji coba kecepatan loading halaman

Pada halaman Test Sitemap page (javascript diluar - tabel sebelah kiri) memiliki kecepatan loading sebesar 74/100 untuk seluler dan desktop sebesar 89/100. Nilai ini jauh lebih kecil jika dibandingkan dengan halaman Test Sitemap page 2 (javascript didalam - tabel sebelah kanan), yaitu 89/100 untuk seluler dan 95/100 untuk desktop.

Dari kedua halaman tersebut, maka kita akan menemukan perbedaan nilai kecepatan loading halaman sebesar 15 untuk seluler dan 6 untuk desktop.

Sehigga bisa kita simpulkan bahwa halaman yang menggunakan file javascript didalam halaman tersebut memiliki nilai kecepatan yang lebih baik dibandingkan halaman yang file javascriptnya diletakkan di luar halaman.


Penyebab beda nilai kecepatan loading halaman


Jika dilihat dari ringkasan saran dan perbaikan yang harus dilakukan pada halaman hasil di pagespeed insight tersebut, alamat url tempat meletakkan javascript ikut tampil dan menjadi salah satu penyebab terjadinya pemblokiran saat merender halaman.

Pemblokiran ini tidak hanya terjadi pada versi selulernya saja, versi desktopnya pun ternyata juga mengalami hal yang sama. Perhatikan pada gambar yang saya ambil untuk versi selulernya saja seperti dibawah berikut ini (klik gambar untuk memperbesar).

ringkasan perbaikan hasil uji coba kecepatan halaman

Pada gambar diatas terlihat bahwa link https://cdn.rawgit.com (tempat menyimpan file javascript) menjadi salah satu pemblokir proses rendering halaman, hal ini otomatis berimbas pada waktu pemuatan halaman. Sedangkan pada halaman yang javascriptnya dipasang didalam halaman itu sendiri, hal ini tidaklah terjadi.


Kesimpulan

Dari hasil ringkasan dan saran perbaikan, file javascript yang diletakkan diluar halaman (pada alamat url lain) dianggap memblokir proses rendering halaman, sehingga menjadi penyebab turunnya nilai kecepatan loading halaman.

Jika selama ini Anda masih merasa kesulitan untuk menambah dan meningkatkan kecepatan loading halaman blog, maka saya sarankan untuk mencoba trik yang satu ini yaitu meletakkan Javascript kedalam template blog Anda. Namun dengan catatan bahwa kapasitas file javascript yang akan digunakan tidak terlalu besar dan tidak membebani file template secara keseluruhan.

Demikianlah artikel Pengaruh letak javascript terhadap kecepatan loading halaman ini bisa saya sampaikan, semoga bisa bermanfaat.

Catatan:
Pengetesan ini bersifat subyektif sehingga belum tentu berlaku benar untuk kondisi yang berbeda terkait cara test, waktu, serta alat test yang digunakan.

5 pertanyaan penting saat melakukan editing artikel

5 pertanyaan penting saat melakukan editing artikel

Membuat konten dan artikel agar semakin berkualitas dan menarik tidaklah semudah yang dibayangkan. Dibutuhkan konsistensi dan latihan yang tidak sebentar untuk dapat merangkai kata dan menjadikannya bermakna saat dibaca oleh orang lain.

Banyak cara dan pendekatan yang bisa Anda gunakan untuk menciptakan artikel di blog Anda agar semakin baik dari waktu ke waktu tanpa Anda perlu merasa terbebani. Salah satu proses yang bisa Anda dalami agar artikel yang tercipta bisa semakin baik yaitu pada saat proses editing.

Proses editing adalah sebuah proses yang bisa di bilang cukup menjemukan. Anda akan berhadapan dengan pengulangan kalimat, menemukan kesesuaian makna kalimat, disertai beberapa hal lain yang saling berkaitan agar setiap artikel dan konten yang tercipta dapat dinikmati dengan baik oleh setiap pengunjung.

5 pertanyaan penting saat editing

Agar proses editing ini bisa menjadi tempat Anda melatih diri serta meningkatkan keahlian Anda untuk menulis artikel yang lebih baik setiap waktunya, berikut ada 5 pertanyaan penting yang bisa Anda lakukan setiap Anda melakukan editing pada artikel-artikel posting blog Anda.


1. Apakah bahasanya bisa di mengerti banyak orang


Pertanyaan penting pertama saat melakukan editing dan koreksi adalah penggunaan bahasa. Konten yang baik adalah konten yang bisa di mengerti dengan mudah oleh orang lain.

Artinya, tanpa perlu berfikir rumit, orang yang membaca artikel kita bisa mengerti tentang apa maksud yang ingin kita sampaikan.

Penggunaan bahasa-bahasa asing yang jarang di mengerti oleh kebanyakan orang bisa membuat artikel Anda akan sedikit "aneh" dan menjadikan orang lain malas untuk melanjutkannya .


2. Apakah kalimat sudah mengalir dengan benar


Kalimat demi kalimat dalam artikel akan membentuk isi artikel secara keseluruhan. Pastikan setiap tulisan yang sudah Anda buat, bisa mengalir dari satu kalimat ke kalimat lain yang berurut secara perlahan dari satu topik ke topik lainnya tanpa membuat bingung pembaca.

Gunakan kalimat sederhana yang mudah dipahami tanpa bantuan penjelasan lebih lanjut.

Tips mudah untuk menerapkan pertanyaan ini adalah dengan membaca semua konten Anda, perlahan-lahan sehingga bisa didengar dengan kedua telinga Anda. Dengarkan dengan seksama, apakah konten Anda terdengar alami?


3. Apakah penting untuk disampaikan


Setiap tambahan dari penggalan-penggalan informasi yang meliputi isi artikel secara keseluruhan, menuntut beberapa jumlah perhatian yang mungkin tidak dapat Anda hindari.

Sering terjadi, kita memasukkan informasi-informasi tambahan yang melebar jauh dari topik artikel namun tetap memaksakannya untuk tetap ada didalam artikel.

Cobalah pikirkan kembali poin penting yang ingin Anda sampaikan dalam Artikel Anda. Fokus untuk menghilangkan setiap informasi yang tidak sesuai dan menyimpang jauh dari inti pembicaraan akan membawa dampak besar bagi kualitas artikel Anda.

Baca juga :  Pentingnya proses editing artikel blog

4. Apakah informasinya bisa di pecah menjadi beberapa bagian


Artikel pada postingan blog memiliki konsep baca yang berbeda, ia tidak sama seperti pada artikel dalam majalah atau surat kabar (hardcopy).

 Sebagian besar pembaca konten web/blog umumnya melakukan skimming (membaca cepat) terhadap artikel dan konten yang tersaji.

Bila memungkinkan, pecahlah artikel menjadi beberapa paragraf dan membaginya kembali menjadi beberapa poin dengan menggunakan sub judul dan poin-poin baru.

Gunanya untuk menarik perhatian mata pembaca saat proses skimming berlangsung. Dengan cara tersebut, diharapkan pengunjung dapat membaca konten Anda secara penuh.


5. Apakah ada yang tertinggal


Judul yang menarik perhatian, paragraf pembuka yang penuh kejutan, pemilihan gambar yang sesuai serta adanya penutup artikel yang jelas mengindikasikan bahwa Anda sudah mulai memiliki pola untuk membuat artikel yang berkualitas.

Pertanyaan terakhir yang perlu ditanyakan saat melakukan editing artikel adalah apakah ada lagi yang tertinggal ?

Memeriksa bagian-bagian penting yang menjadi poin dan topik utama artikel adalah keharusan untuk menjaga kualitas artikel tetap sama dan selalu baik.

Anda dapat mencoba untuk memeriksa kembali artikel yang sudah dibuat di lain waktu atau pada saat Anda sudah tidak jenuh dengan artikel tersebut.



Kesimpulan

Proses editing artikel adalah langkah tepat yang bisa Anda sempurnakan untuk melatih kemampuan dalam menciptakan artikel dan postingan blog yang berkualitas.

Dengan mengetahui apa dan bagaimana proses editing yang harus dilakukan melalui 5 pertanyaan penting seperti yang sudah saya sampaikan sebelumnya, akan memperkecil kecenderungan konten yang dibuat terkesan asal dan tidak bermanfaat.

Demikianlah artikel 5 pertanyaan penting saat melakukan editing artikel ini bisa saya sampaikan, semoga bermanfaat dan selamat mencoba.