JaeyBLOG

Bagi pengguna Blogger tentu pernah melihat kode berikut dalam Template yang biasanya dibuka dengan atribut <![CDATA[ dan ditutup dengan ]]> Kalau dalam HTML kemungkinan fungsinya sama dengan atribut ini <!-- dan ditutup dengan ini --> Jika sebuah susunan kode maupun teks di letakkan diantara pembuka dan penutup tersebut maka kode/teks tidak akan berfungsi atau tidak kelihatan. Dengan kata lain fungsi dari atribut tersebut untuk menyembunyikan sesuatu agar tidak aktif dan agar tidak kelihatan, saya lupa nama tepatnya apa, fungsingya hampir sama seperti kode comment <comment>Komentar yang ditulis disini tidak akan kelihatan.</comment> Itu fungsi utama/umumnya tapi bukan itu yang akan kita bahas melainkan fungsi lainnya, yaitu: Terkadang ada beberapa kode semisal kode javascript yang tidak bisa berjalan/bekerja jika di tambahkan ke dalam Template padahal tidak ada kesalahan atau kodenya bisa bekerja di tempat lain. Itu terjadi karena Blogger sangat ketat keamananny

Mungkin beberapa hal ini terlihat sepele tapi percaya atau tidak saya sempat pusing seperempat keliling, berpeluh mutiara, bermata sayu dan sedikit ngos-ngosan mencari penyebabnya.  Apa saja kah itu? 1. Nama profil tidak bisa di klik. Nama profil yang biasanya terletak dibawah judul postingan itu tidak bisa di klik dalam kondisi tertentu. Sudah di cek semuanya, sudah terpasang dengan benar, tapi tetap saja linknya tak bisa di klik alias menjadi link mati. Ternyata penyebabnya adalah karena blog tempat saya mengedit Template tidak ditampilkan di profil, dengan kata lain hanya blog yang ditampilkan di profil saja yang nama profilnya dapat di klik. Sudah menjadi kebiasaan khususnya saya yaitu blog tempat latihan mengutak-atik Template biasanya tidak saya tampilkan di profil, hehe. 2. Lokasi tidak mau muncul. Di widget profil biasanya ada pilihan "tampilkan lokasi", atau di widget blog juga ada itu. Nah saat di conteng tetap tidak mau muncul. Walaupun tidak penting-penting amat m

Saat upload Template di Blogger > Tema > Pulihkan > Upload, biasanya akan gagal jika terdapat error pada file.xml yang kita upload tersebut. Dan bila menguploadnya lewat ponsel biasanya kita tidak diberi tahu errornya dibagian mana. Saya biasanya mengedit Template menggunakan aplikasi edit teks pada X-Plore atau semacam Notepad tapi dengan tampilan sangat sederhana hanya terdapat fitur pencarian kata saja di editor teks tersebut. Berbeda dengan aplikasi khusus yang biasa digunakan kebanyakan pengedit dalam mengedit template dengan menggunakan ponsel juga namun dengan fiturnya yang segudang. Sebaliknya saya justru bingung dengan fitur segudang jadi makanya saya lebih memilih menggunakan editor teks pada X-Plore yang sederhana. Selain itu di Blogger sebetulnya bisa mengedit secara langsung melalui ponsel di halaman "edit html" hanya saja terasa rumit karena tidak ada fitur "pencarian kata-nya", dimana fitur ini penting sekali agar cepat meloncat ke hal yang i

Beberapa fitur pada situs seperti misalnya Tombol berbagi, Emoticon pada kolom komentar, Widget Terjemahan, semua itu sudah tersedia di Browser utamanya Chrome. Sementara di Firefox Lite dan UC Browser tersedia juga Mode gelap meskipun tidak berfungsi. Jaman dulu hampir disetiap situs biasanya memasang widget counter dan jam yang pada jaman sekarang nyaris tak saya temukan ada yang memakainya lagi. Apakah kira-kira beberapa fitur yang di sebutkan diparagraf awal diatas bakal hilang juga? #Tombol Berbagi. Di semua browser ponsel umumnya sudah terdapat fitur berbagi hanya saja kekurangannya jika aplikasi terkait tidak ada di ponsel maka tidak bisa berbagi, misalnya tidak ada aplikasi Twitter terinstal di ponsel maka tidak bisa berbagi ke Twitter melalui fitur berbagi di browser. Di situs-situs besar tombol berbagi ini terkadang ada yang melayang mengikuti scroll ketika browsing menggunakan ponsel. Sepertinya ini masih diperlukan terpasang di situs. #Emoticon pada kolom komentar. Sewaktu

Salah satu penyebab beratnya loading Blog pada hasil tes di Pagespeed insight adalah karena sizes width heigth gambar yang tidak atau belum ditentukan ukuran pastinya. Khususnya pada halaman Beranda/Arsip/Search/Label, widget PopularPost, widget FeaturedPost. Sementara untuk gambar postingan mungkin dapat dengan mudah diatur karena hanya menggunakan kode html biasa. Berbeda dengan gambar di Beranda misalnya kodenya bukan html biasa melainkan tag khusus jadi rada membingungkan bagi yang belum terbiasa. Saya bukan ahli tapi bisa sedikit wkwk. Berikut contoh tag khusus gambar pada Template Essential/Contempo Blogger. <b:if cond='data:post.featuredImage'> <div class='snippet-thumbnail'> <b:include data='{image: data:post.featuredImage,                                    imageSizes: [100],                                    imageRatio: &quot;1:1&quot;,                                    sourceSizes: &quot;100px&quot;}' name='respons

Dalam me-redesain Template diperlukan pengenalan kode khususnya tag data dari Blogger agar tidak terlalu bingung dalam mewujudkan desain keinginan kita. Kode ini tidak sepenuhnya dijelaskan di Bantuan Blogger atau tidak dijelaskan secara rinci jadi di postingan ini saya mencoba memberikan potongan2 kode yang langsung diambil dari dalam Template. Langsung saja berikut ini beberapa tag kode yang biasa digunakan. Merubah ukuran url gambar dengan kode isResizable. Salah satu penyebab beratnya loading blog akibat gambar karena size kb/mb nya terlalu besar. Meskipun width/height kecil tapi kalau kb/mb besar akan tetap terdeteksi sebagai berat. Kode berikut hanya contoh, diperlukan penyesuaian dengan css agar kode bekerja lebih baik. <b:if cond='data:post.featuredImage.isResizable'> <img expr:src='data:post.featuredImage' sizes='256' alt='Gambar'/> </b:if> ATAU <b:if cond='(data:postDisplay.showFeaturedImage ?: true) and data:post.featu

Saya sempat kebingungan bagaimana cara menampilkan gambar Avatar atau Author image di Template Essential maupun Contempo karena kode bawaan dari kedua tema tersebut tampaknya tidak bekerja. Setelah mencoba mengambil kode dari Template Notable dan memasangnya pada kedua template tersebut barulah gambar avatarnya mau muncul. Berikut ini kodenya: <b:include data='{image: data:post.author.authorPhoto.image,imageRatio: &quot;1:1&quot;,imageSizes: [50],sourceSizes: &quot;50px&quot;,imageClass: &quot;author-image&quot;}' name='responsiveImage'/> Hasilnya akan seperti gambar dibawah ini. Cara pasang Author image di Template Essential / Contempo Kode tersebut dapat dipasang dimana saja apakah diatas postingan disebelah nama dan tanggal ataupun diakhir postingan. Namun lebih afdolnya pasang dalam area <b:includable id='postFooterAuthorProfile' var='post'> yang nantinya akan muncul diakhir postingan. Lihat gambar dibawah ini. Pad

Template Blogger Premium terbagi dua jenis yaitu Berbayar dan Gratis. Gratis maksudnya yang berbayar tapi di gratiskan. Hal ini biasa terjadi ketika seseorang membeli Template lalu kemudian selain dipakai sendiri juga dibagikan secara gratis, hal semacam ini sebetulnya kurang baik karena dapat merugikan si penjual. Tapi kita bukan akan membahas itu, melainkan akan membahas soal membantu mempromosikan Template hasil karya teman2 dipostingan ini. Bagaimana caranya silakan saja baca diakhir postingan ini dan sebelumnya mari lihat dulu berikut ini daftar karya dari teman2 yang dipromosikan di Blog ini. Daftar Template Blogger Premium 1. BabyFace 2. Masih kosong 3. Masih kosong Berikut Tata Cara berpromosi di postingan ini: 1. Gambar Template (Max: 100kb). 2. Url demo/contoh. 3. Nama Template. 4. Kirim ke-3 data tersebut di FP-FB. 5. Selanjutnya akan dipublis dipostingan ini.

Dapatkan Template Blogger cepat dan responsif. Dirancang khusus untuk segala jenis niche blog serta sesuai selera gaya umum masa kini. CEPAT Benar-benar cepat, untuk tampilan desktop mencapai kecepatan 99% dan mobile 95%. (Berdasarkan alat Pagespeed Insights). RESPONSIF Tampilan otomatis menyesuaikan untuk semua perangkat di layar desktop, laptop, tablet dan smartphone. (Mobile friendly berdasarkan alat Search Console). TAMPILAN Pada tampilan dengan lebar 1000px keatas menjadi 2 kolom dan 800px kebawah menjadi satu kolom. Lebar dapat juga diatur melalui "Alat Sesuaikan". Kecepatan dan Responsifnya diharapkan dapat menunjang SEO menjadi lebih baik, dimana SEO cukup baik sebagai kebutuhan Bloging. Dan tampilannya yang sederhana diharapkan mempermudah pengunjung menavagisi atau menjelajah atau menikmati membaca konten di blog. Pada intinya ini ramah bagi mesin pencari maupun bagi manusia. Desain Fleksibel alias mudah disesuaikan menjadi bentuk apapun, ini kelebihan dari Template

Sebuah Template Contempo asli bernuansa Aqua yang coba saya modifikasi dengan menambahkan beberapa fitur diantaranya Related Posts, Tautan otomatis menuju Posting Selanjutnya dan Sebelumnya, serta beberapa Widget HTML/Javascript dan Tambah Gadget yang berguna mempermudah pemasangan script tertentu yang bisa copot pasang semaunya buat penyuka kesederhanaan seperti saya tanpa harus masuk ke pengeditan Template yang rumit. Tanpa mengurangi fitur bawaan pada versi aslinya dengan versi modifikasi ini kita bisa menambahkan Kode HTML langsung melalui Tata Letak yang masing-masing dapat dipasang di bagian Header (Atau diatas badan halaman), Dibawah Kolom Komentar (Atau diatas Postingan Populer) dan Tambah Gadget Pada Footer yang tampil pada setiap halaman Blog. Keterangan Template 1. Related Posts tampil dengan 3 buah post acak dari label/kategori terkait. Untuk menampilkan lebih dari 3 buah post, jumlah karakter cuplikan, lebar/tinggi thumbnail dan sebagainya silakan edit pada editor template

Template terbaru buatan Mas Sugeng salah satunya bernama VioMagz versi AMP. Google AMP atau Accelerated Mobile Pages merupakan proyek open source dari google untuk membantu publisher/webmaster membuat halaman web versi mobile menjadi super cepat secepat kilat. Baca selengkapnya tentang AMP di https://www.ampproject.org/id/learn/overview/ Dengan kata lain template ini memiliki kecepatan loading tinggi. Bagi anda yang berminat, kata pemilinya template ini gratis dengan catatan beli dulu versi yang sebelumnya yaitu VioMagz tanpa AMP. Baca selengkapnya di https://sugeng.id/tentang-google-amp-template-blogger-viomagz-amp/ Fitur dan kelebihan template VioMagz AMP: *. Halaman Valid AMP di URL versi mobile: https://amp.viomagz.com/?m=1 *. Halaman non-AMP di URL versi desktop: https://amp.viomagz.com/ atau https://amp.viomagz.com/?m=0 *. Loading cepat *. Desain bersih dan rapi *. Dll.

Ada dua koleksi favorit saya dari desain Arlina yaitu Simplify 2 Responsive dan Vikka Fast and Responsive. #Simplify 2 Responsive, Features: Responsive Google Testing Tool Validator SEO Friendly Mobile Friendly Dynamic Heading Adsense Valid  Schema.org High CTR Personal Blog 2 Column Auto Read More with Thumbnail Responsive Ad Slot Breadcrumbs Footer Link Related Posts with Thumb Search Box Social Share Button Responsive Sticky Navigation Back to Top Button Shortcodes Unlimited Page Numbered Recent Post with Thumbnail Custom Contact Form Widget Responsive Sitemap Widget #Vikka Fast and Responsive, Features: Responsive SEO Friendly Google Testing Tool Validator Mobile Friendly Valid HTML5 Valid CSS3 Dynamic Heading High CTR Responsive Ad Slot Personal Blog 2 Column Light Base Theme Color Breadcrumbs Related Posts with Thumb Search Box Social Share Button Responsive Dropdown Menu Custom Subscribe Box Widget Smooth Back to Top Sitemap Widget Short codes Berikut ini dua buah contoh gambarn

Template ini salah satu favorit saya karena tampilan dan warnanya sesuai selera saya dan juga gratis. Di buat oleh Mas Sugeng. Fitur unggulan: *. SEO sudah dioptimalkan. *. Desain Responsive. *. Mudah dimodif lewat fitur perancang template. *. Auto Read more. *. Tersedia Breadcrumb. *. Tersedia Related Post juga sudah tersedia. *. Social Share Buttons. *. Facebook Comments. *. Loading super cepat. *. Meningkatkan CTR. *. Tempat Iklan. *. Dan masih banyak lagi. Mungkin akan error bila di test di structured-data testing-tool Google Webmaster tapi bisa diatasi dengan mengubah format tanggal bulan tahun sesuai standar yang telah ditetapkan alat tersebut salah satu format yang diterima ialah 8/17/1945. Cara mengubahnya: 1. Login ke Blogger. 2. Setelan. 3. Pemformatan dan Bahasa. 4. Pilih formatnya. 5. Simpan pengaturan. Agar tampilannya semakin cantik nonaktifkan versi mobilenya karena pada dasarnya tampilan desktop juga responsive bisa otomatis menyesuaikan dengan perangkat mobile. Caranya