Pos

Menampilkan postingan dari Juni, 2015

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…

Online HTML to XML parser | Blogger adsense converter | escape tool

Gambar
Converter online ini akan membantu Anda mengonversi HTML menjadi XML agar bisa tampil di halama artikel blogger atau dalam template blogger. Tool ini bisa mengonversi adsense,chitika, adbrite dan HTML lainnya menjadi kode XML. Masukkan saja teks ke kotak yang tersedia maka hasilnya akan ditampilkan saketika.

Parser/Escape HTML (misalnya kode HTML Adsense) Online ini sangat keren. Alih-alih mengonversi kode HTML secara manual Anda dapat dengan mudah konversi dari kode html ke format xml. Tool ini sangat mudah digunakan, cepat, dan akurat. Anda tidak perlu lagi melakukan konversi secara manual yang melelahkan.
Cara menggunakan? Saat Anda memasukkan kode HTML ke kotak Enter Code dan hasilnya akan langsung ditampilkan pada kotak Parsed Code. Template Blogger tidak memungkinkan untuk mengubah kode html ke xml sehingga alat ini sangat penting bagi setiap pengguna blogger. Parser ini akan membuat google adsense, chitika, infolink, adbrite, kode iklan dapat dikonversi untuk diambahkan ke te…

Memasang Syntax Highlighting prism.js di Blogger atau Website

Gambar
Kode yang berwarna-warni adalah contoh syntax higlighting yaitu penandaan sintaks agar berbeda dari teks umum lainnya dalam sebuah halaman blog/web. Misalnya menandai CSS, JavaScript, dll. Pada artikel kali ini saya akan menulis tentang satu plugin syntax highlighting yang bernama PrismJS oleh Lea Verou. Selain camtik plugin ini sangat ringan, jadi Anda tidak perlu khawatir dengan loading halaman web setelah memassang PrismJS.

Tentu Anda sudah familiar dengan syntax highlighter bukan? Ini salah satu contoh potongan JavaScript yang ditandai (higlighted) menggunakan syntax highlighter:

<script language="javascript"> var today= new Date() </script> .... <body onload=alert(today)>
Selain ringan, PrismJS bekerja pada hampir semua platform. Apakah situs Anda memiliki host sendiri atau platform CMS populer lainnya seperti WordPress, Blogger atau Tumblr.
Memasang (install) PrismJS di Web Untuk measang Prism di halaman web Anda membutuhkan file prism.js dan …