Pos

Sevida 2.5: Artikel Hilang Ketika Pasang Google Adsense

Ketika memasang kode Google Adsense di template Sevida v2.5 artikel jadi hilang. Inilah solusinya.
Solusi Artikel hilang saat memasang Google Adsense di template Sevida 2.5 Template Sevida banyak dicari dan banyak yang menggunakannya. Seseorang, Syahrul Shiddiq, mengeluhkan artikelnya hilang/tidak tampil/kosong saat memasang kode Google Adsense. Jika Anda mengalami masalah yang sama, cobalah solusi berikut.

Perhatikan format baris kode/script Google Adsense di bawah. Ini hanya contoh, bukan script Google Adsense sebenarnya.

<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Contoh --> <ins class="adsbygoogle" data-ad-client="ca-pub-111contoh2223334" data-ad-slot="12contoh34" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Silahkan hapus baris berikut:
<…

Solusi Komentar Sevida 2.5 Tidak Muncul

Gambar
Template blogger premium terbaru Sevida 2.5 sudah rilis bulan agustus yang lalu, bertepatan dengan hari proklamasi kemerdekan Republik Indonesia. Dan seperti biasa ada beberapa kesalahan yang perlu diperbaiki. Entahlah, apakah kesalahan itu kelalaian si pembuat template atau hal yang disengaja. Saya cenderung mengatakan bahwa itu adalah hal yang disengaja.

Beberapa hal baru ditambahkan dan diperbaiki, yaitu:

Ditambahkan:
Recommended Post Complex Widget by Labels Style Spot.IM Comment Font Awesome version 4.6.3 Jquery version 1.11.3 Mega Menu carousel Style Diperbaiki:
Schema.org Structure Improve Pagespeed Bagi saya, hal terpenting yang datang pada update kali ini adalah peningkatan Pagespeed. Pada versi-versi sebelumnya template Sevida sangat-sangat lambat/berat.

Kembali ke topik kita kali ini, masalah pada template Sevida 2.5, yaitu komentar tidak muncul meskipun Anda telah mengaturnya di dashboard. Solusi untuk mengatasi masalah ini adalah sebagai berikut.

Pergi Template > Edit HT…

Tampilan Baru Tata Letak Template Blogger

Gambar
Iseng-iseng edit-edit template ternyata ada yang baru di Blogger. Hari ini saya melihat tampilan baru pada tata letak (page element) template Blogger. Saya mengira template yang saya gunakan yang bermasalah ternyata bukan.

Tata letak Blogger sekarang mengadopsi bentuk-bentuk flat (datar) gaya Metro. Mengingatkan saya pada layar Mulai (Start Screen) Windows 8. Tidak hanya Start Screen melainkan juga pada jendela-jendela lainnya. Semua di flat dengan sudut siku 90 derajat. Tidak ada lagi sudut bulat dan efek Chrome (efek mengilap).

Tampilan seperti ini (flat) memengaruhi para pengembang perangkat lunak. Mau tidak mau, suka atau tidak, pada akhirnya mereka juga menyesuaikan antarmuka perangkat lunak mereka menjadi flat. Tidak hanya pengembang perangkat lunak saja yang terpengaruh melainkan pengembang web (situs) juga. Kini antarmuka sebuah situs hampir semuanya flat. Semakin jarang kita temukan situs yang menampilkan elemen-elemen dengan efek timbul

Pengembang template Blogger rupanya ti…

Tutorial Sevida v2.4.2 - Responsive Magazine Blogger Template

Gambar
Salah satu template Blogger premium yang bagus adalah Sevida. Sekarang template ini sudah mencapai versi 2.4.2. Sevida Responsive Blogger Template telah dioptimalkan dari sisi Search Engine dan web-design dan mungkin tema blogspot pertama yang memiliki 3 Comment System (Google+, Facebook dan Disqus), pilihan warna tak terbatas, struktur layout menarik, Support RTL Language, Custom Error 404 Page, Ajax load more post, Auto Featured Post dari JSON, Drop-down Menu, Support shortcodes, Top Social Icon, Professional Social Share Plugin dan masih banyak lagi.

Agak berbeda dari versi-versi sebelumnya, versi 2.4.2 ini tidak menyertakan documentation terbaru melainkan documentation versi 1.7. Mulanya, saya agak kesulitan menerapkan beberapa pengaturan. Namun setelah mempelajarinya dari halamn demo perlahan-perlahan saya bisa. Jadi artikel ini sedikit tutorial bagaimana menggunakan/mengatur Sevida v2.4.2 (Sevida v2.4.2 - Responsive Magazine Blogger Template Documentation).

Sevida Blogger Docum…

Solusi Widget Tidak Muncul di Link /?m=1

Gambar
Seorang pengunjung, HS Mail, bertanya kepada saya, katanya:

Gan kenapa ya kok template ********** saya widgetnya gak jalan pas mode mobile ni linknya http://*******.blogspot.com/?m=1 kan beda kalo pas mode desktop http://*******.blogspot.com/?m=0 wdgetnya pada jalan semua tuh.. masalah di css(media-queries apa di xmlnya?)
Secara default, template mobile blogspot memang tidak menampilkan widget melainkan badan artikel saja. Tujuannya tentu untuk menyesuaikan layar perangkat mobile (ponsel) yang sempit. Menampilkan widget mungkin tidak efisien karena waktu muat (loading) web akan bertambah. Padahal kemampuan ponsel menangkap sinyal data internet masih terbatas dibandingkan modem.

Tetapi sekarang perangkat mobile (ponsel, tablet,dll) sudah jauh lebih maju. Ponsel-ponsel modern memiliki kemampuan internet yang cepat dan layar yang lebih lebar. Jadi, mungkin lebih baik menampilkan widget blog.
Bagaimana menguji tampilan mobile blog Kita bisa mencoba--menyimulasikan--tampilan mobile tanpa …

Cara Membuat Template Kosong Blogger

Template Blogger menggabungkan elemen HTML dan CSS dalam satu tempat plus CSS default. Pertama kali melihatnya mungkin Anda akan terkejut saking banyaknya kode-kode tersebut.

Pernahkah terpikir oleh Anda ingin membuat template sendiri mulai dari awal, mulai dari nol? Anda mungkin menjawab ya jika Anda sudah sering mengutak-atik template Blogger. Jika demikian maka Anda sebaiknya memulai dari template kosong, sebuah halaman HTML kosong.

Jadi pada artikel kali ini saya akan berbagi cara membuat template kosong kepada sobat Blogger semua. Sebelum itu sebaiknya Anda baca-baca juga artikel saya yang berjudul: Struktur dasar template blogger.

Sebuah halaman situs memiliki struktur HTML seperti berikut.

<html> <head> <title>My Awesome Blank Blog</title> </head> <body> </body> </html>
Situs Blogger juga memiliki stryktur seperti itu. Tetapi jika Anda mengedit/menghapus template blog Anda dan menggantinya dengan struktur itu maka Anda akan m…

Loading Blogger Lebih Cepat dengan Disable CSS Template Official

Gambar
Dibandingkan WordPress, Blogger masih kalah dalam hal mengatur bagaimana agar loading situs bisa dipercepat. Meskipun begitu, pengguna blogspot masih bisa melakukan hack agar loading situs lebih cepat. Cara mempercepat loading blog salah satunya adalah dengan menghapus/men-disable CSS Official (bawaan) blogger.

File CSS Blogger tersebut adalah:

https://www.blogger.com/static/v1/widgets/XXXXXXXXX-widget_css_bundle.css
Bisa jadi template Anda memiliki lebih dari satu. Blog kita akan memuat atau memanggil file-file CSS tersebut saat halaman blog dibuka. Artinya, jika file-file tersebut dihapus maka tidak ada pemanggilan file-file tersebut. Oleh karena itu loading blog bisa lebih cepat. Link tersebut dapat Anda temukan dalam kode sumber (source code) halaman. Tekan Ctrl+U untuk membuka source code sebuah halaman situs.

Perhatian! File CSS Blogger berisi gaya (style) Widgets Blogger asli atau bawaan. Jika Anda menggunakan Template bawaan Blogger dan menonaktifkan Style Sheet (CSS) ini, sit…