Postingan

Menampilkan postingan dengan label blogspot

CARA MENGATASI KODE TULISAN BLOCKQUOTE MELEBAR UNTUK SCRIPT DI POSTINGAN BLOGGER TEMPLATE MEDIAN UI VERSI MOBILE

Gambar
Ini terjadi pada saat saya jatuh cinta pada template median UI buatan Mas Muhammad Maki. Template ini sangat lengkap dari 2 lusin template yang saya beli dan telah saya pelajari. Akan tetapi template ini juga memiliki sedikit kekurangan pada bagian kebergunaan selulernya. Yakni jika kalian suka membuat konten tulisan tutorial dan menambahkan tulisan kode kode script ke dalam postingan blog. Kode script di tulis, atau di copy dari sumber lain dan di paste kan ke dalam postingan, lalu di sorot dan di tekan tombol 'kutip' pada tool di atas halaman postingan agar ia tampil sebagai kutipan 'blockquote'. Kalian mungkin sudah memahami hal ini. Kode kode tersebut mungkin tampil dengan baik pada halaman tampilan desktop, laptop dan tablet karena layar mereka besar, tapi ketika di buka melalui hape kode terpotong, alias melebar berantakan keluar layar sehingga tidak bisa di baca atau bahkan di copy oleh pengguna yang membutuhkannya (namanya juga konten tutorial ya harus bisa di c

CARA EMBED VIDEO YOUTUBE KE HALAMAN POSTINGAN BLOG

Gambar
Jika kita memiliki channel youtube dan halaman blog sekaligus  dan memiliki topik yang sama. Tentunya kita ingin agar video youtube kita dapat ditampilkan dengan baik, rapi dan apik ke halaman blog kita, bukan? Dan tentunya video tersebut dapat melengkapi postingan blog, misalnya blog tutorial. Pengunjung akan lebih dimanjakan dengan kemudahan penjabaran melalui tulisan sekaligus demo melalui tutorial dalam bentuk visual gambar bergerak di video Youtube. Namun kita bisa juga embed video dari channel orang lain, hanya saja sayangnya menurut pengalaman penulis kadang video tersebut di hapus (baca di komplin) oleh pemiliknya.  Dan agar halaman blog bisa terhubung dengan halaman Youtube, meng'embed' video akan membuat tampilannya terlihat lebih baik. Apa beda menyisipkan (insert) dengan 'embed' video youtube? Berikut ini perbedaan cara Sisip video versus embed video secara teknisnya. 1. Insert (sisipkan) Video Menyisipkan video dari Youtube sangatlah mudah, cukup melalui da

CARA MENGHAPUS DESKRIPSI DI BAWAH JUDUL BLOG TEMPLATE CONTEMPO

Gambar
Sebenarnya berlaku untuk hampir semua template. Sejauh ini ada dua cara yang dapat kita lakukan untuk itu.  1. Melalui pengaturan dasbor blogger biasa: Masuk ke dasbor blogger Pilih layout atau tataletak Klik widget header pada ikon pensilnya Kosongkan bagian deskripsi di bawah judul blog atau hapus yang telah ada Lihat gambar: Cara ini akhir akhir ini ada saja blogger pemula yang kesulitan menemukannya akibat antarmuka pengaturan dasbor blogger telah berubah.  2. Cara kedua sembunyikan parmanent melalui halaman editor HTML Cara ini juga di nilai sulit karena selama ini mecari kata kunci 'description' di dalam timbunan kode kode HTML adalah sulit. Kecuali jika kalian memiliki triknya.  Masuk ke halaman pengaturan blogger Pilih tema Pilih edit HTML Di halaman editor HMTL blog klik kursor mouse lalu tekan CTRL+F pada keyboard laptop (atau tablet jika menggunakan keyboard bluetooth), ketikan ='description' lalu enter beberapa kali sampai ketemu kode berikut: <p>

CARA MEMBUAT INSTANT ARTICLES DI FACEBOOK DENGAN HALAMAN BLOGSPOT UPDATE TERARU

Gambar
Instant Articles adalah produk Facebook. Ia diperuntukan menampilkan halaman website secara tepat, efektif dan interaktif kepada pengguna Facebook caranya dengan memfilter bagian bagian tertentu website pada saat di akses oleh Facebook.  Hal ini akan membuat kecepatannya meningkat drastis sebelum akhirnya seluruh halaman website terbuka normal. CARA MENDAFTAR INSTANT ARTICLES UNTUK BLOGGER BLOGSPOT: Memiliki facebook business suite Memasang aplikasi Facebook Mobile Sudah Memiliki akun fanspage Punya website, misalnya blogger blogspot, atau Wordpress. Jika sudah lengkap syarat di atas tinggal mendaftar saja, caranya: Masuk ke instan Article  atau bisa juga dengan mendownload aplikasinya di Play Store dan memasangnya di perangkat seluler atau perangkat mobile kalian. Masuk ke menu Monetisation > Monetisation with Facebook. Pilih fanspage eligible yang ingin Kalian daftarkan untuk artikel instan Kalian. Langkah selanjutnya adalah:  mengikuti review term & condition.  menambahkan s

INI BEDANYA BIKIN TEMPLATE WORDPRESS DAN TEMPLATE BLOGSPOT

Gambar
Menurut standar template web itu ada penjelasanya: Template web adalah sebuah pola atau cetakan bagi sebuah halaman web yang terdiri dari atau berisi konten konten.  Template di buat berbahan material script dalam bentuk bahasa kode yang memberikan perintah perintah untuk membentuk suatu layout. Sehingga tampilan halaman sebuah web secara personal dapat terbentuk sedemikian rupa.  Pembuat template adalah orang yang menguasai bahasa kode kode ini, atau paling tidak mampu menggunakan bahasa bahasa perintah ini yang terdiri dari HTML, CSS dan juga Javascript. Mereka juga bisa di sebut sebagai desainer template. Kalian blogging dan halaman kalian para blogger walaupun pada dasarnya sama, namun memiliki tampilan dan layout yang berbeda. Itu namanya desain template. Dan untuk blog di dunia ini ada dua platform besar blog yang sangat terkenal seperti ibaratnya Apple dan Android, yakni Wordpress dan Blogspot. Bagaimana template template mereka di bentuk? 1. WORDPRESS Sebagai platform besar Wor

PERTANYAAN SEPUTAR STATISTIK BLOGGER BERBASIS BLOGSPOT

Gambar
Karena sampai saat ini belum tahu cara penghitungan statistik blogger ini, saya ingin mengajak pembaca juga untuk memberikan masukan, jawaban dan juga kritikan demi kemajuan kita bersama juga kok. Pada blog stats terbaca begini: Stats warna abu abu sangat dominan. Jika menilik gambar di atas stats yang di tandai dengan warna warni tersebut hanya satu yang bikin saya panasaran, yakni yang terakhir atau paling bawah: other. Itu banyak banget, trus detailnya bagaimana. Timbul kecurigaan, kalau yang lainnya jelas bagaimana dengan yang abu abu ini, jingling? Namun setelah memeriksa stats blog lain hasilnya juga sama. Malah yang ini terlihat parah, namun ia adalah blog baru. Yang menjadi pertanyaan saya: Burukah warna abu abu yang demikian dominan? Soalnya dari google saja baru 38.2K, si abu abu malah sudah mencapai 428K?  Siapa si abu abu ini? Bagaimana itu di mata Google? Saya belum mengerti jadi terpaksa mengajukan pertanyaan disini, siapa tahu ada yang bisa menjawabnya. Ikuti terus tri

Mengapa Seluruh image atau gambar di Blogger tidak muncul hari ini?

Gambar
Hari ini minggu 2 Mei 2021 saya sudah bangun jam 4 pagi dan setelah cuci muka membuka macbook dan seperti biasa browsing lalu melihat halaman blog. Saya terkejut ternyata seluruh halaman tidak menampilkan gambar apa apa, saya memeriksanya berulang ulang dan bertambah heran situs situs yang menggunakan platform wordpress tidak terkena dampak Gambar menghilang ini. Jadi sayapun memposting gambar dan artikel yang sama disana, lalu image atau gambar dari WS saya linking ke blogger agar gambar bisa muncul: Karena kalau saya insert gambar melalui laman blogger, gambar akan menjadi blank, jadi saya pinjam akun wordpress saya dulu buat menampilkan gambar. Saya membuka situs situs besar seperti kompas, detik, CNN, wah mereka aman aman saja. Jadi jelas kalau mereka tidak pakai platform blogger ya...Tidak juga mungkin saja mereka memiliki server dan hostiong mereka sendiri. Masih panasaran karena saya  menggunakan pinterest saya ingin tahu apakah image blog yang saya bagikan disana juga menghilan

CARA MEMASANG TOMBOL MENU SOSIAL DI BAGIAN HEADER TEMPLATE BLOGSPOT NOTABLE

Gambar
Trik ini saya modifikasi bagian CSSnya di sesuaikan dengan kebutuhan template baru yang lebih modern. Menu sosial adalah sekelompok ikon yang kita butuhkan agar halaman web terhubung ke media sosial milik kita sendiri sehingga blog memiliki sumber trafik organik yang tinggi. Demikian harapannya. Tapi itu memang bisa berguna, karena akan menyintas jalan dari halaman web ke halaman medsos milik kita seperti Facebook, IG, Twitter, Pinterest dll. Cara pemasangannya adalah sebagai berikut: (note: credit pic: Freepik) 1. Masuk kepengaturan atau dasbor blogger Pilih tema Pilih (cari) tombol edit HTML 2. Tambahkan CSS Pada halaman editor HTML blogspot cari kode </head> dan letakan kode CSS berikut ke atas kode tersebut. <style>#social-icons { margin-top:-30px; width:100%; clear:both; z-index: 999; position: fixedrelative;} .social-media-icons { display:table} .social-media-icons ul { text-align:right; padding:5px 5px 0 0 list-style-image:none; list-style-position:outside; list-styl

BEDANYA MENULIS CARA COMPOSE VIEW DENGAN CARA HTML VIEW DI BLOGSPOT

Gambar
Pada umumnya secara normal para blogger menulis atau membuat konten tulisan sembari menyisipkan konten gambar atau video di blogger blogspot melalui mode "compose view". Namun begitu bagi blogger lanjutan, terutama yang menulis konten konten tutorial sesekali harus menulis melalui mode "HTML view" juga.  perlu di ingat penulisan mode HTML view sering dilakukan bagi mereka yang sudah terbiasa dengan kode kode HTML. Penulisan mode HTML view ini tidaklah terlalu penting bagi para blogger dengan niche niche penulisan blog gado, traveling, blog style, dll. Ia biasanya dilakukan oleh blog blog tutorial yang menyajikan konten konten tutorial terkait bahasa bahasa markup, front end di website. Apa perbedaan keduanya? 1. Compose View Secara bawaan (default) ketika membuka dasbor dan membuat postingan dengan mengklik tombol paling atas yang bernama "New Post" atau "Postingan baru". Melalui cara inilah seorang penulis di blog menggunakan tool yang ada untuk

Bisakah template blogspot di pergunakan di Wordpress?

Gambar
Ada yang pernah mencoba mengkonversikan template blogger blogspot ke blogger wordpress,  atau sebaliknya? Atau dengan kata lain bagaimana caranya menggunakan template blogspot ke wordpress? Dasar kurang kerjaan, mending buat template berdasarkan CMS masing masing jauh lebih simple, bukan?  Akan tetapi dalam beberapa kasus mengkonversikan template Blogger blogspot menjadi template wordpress adalah mungkin. Dan demikian juga sebaliknya. Tapi itu tadi yaaah... Kurang kerjaan apa. Sekedar pingin tahu boleh saja. Tapi kalau mau optimal buatlah template Blogger blogspot untuk Blogger blogspot, dan buatlah template blogger wordpress untuk blogger wordpress.  Masih ingin menggunakan template HTML Blogger blogspot ke blogger wordpress? Anda harus merobah halaman yang akan di salin menjadi halaman statis terlebih dahulu dan ini dapat dilakukan melalui beberapa tool online yang tersedia. Namun yang paling populer adalah situs HTTrack.  1. Mengkonversikan halaman menjadi file halaman statis HTTrac

Membuat template berbasis default template PT. Keren Sekali

Gambar
T emplate ini templat tua generasi kedua dengan layout versi 2 yang saya rombak strukturnya agar menjadi lebih responsif dan mobile friendly. Oh ya aslinya di desain oleh Tina Cheng tapi saya gak kenal dia he he he..mungkin salah satu desainer template yang bekerja di perusahaan google kali, atau mungkin sekarang mbak Tina sudah resign alias berhenti lalu menjadi ibu rumah tangga agar tenang menimang anak dan cucu..eh jadi ngelantur. Nah setelah template ini saya rombak tampilan lebih kurang memiliki fitur begini: Punya breadcrumb Punya related post Punya kotak pencarian yang bisa mengajukan diri (lol) soalnya posisinya fix jadi kalau pada tampilan mobile setelah di scroll ia akan muncul, ide ini entah darimana datangnya saya lupa. Navigasi menunya fix mendorong header ke atas setelah header menghilang dia tetap saja disana (lol) Memanfaatkan dua sidebar (tadinya mau niru gaya halaman web Medium tapi gagal) DLL Coba lihat  DEMO -nya Bagaimana ada saran gak, template desain Tina Cheng i

Cara memasang tombol berbagi sederhana dan ringan di Blogspot tahun 2021

Gambar
Sebenarnya menurut saya, tombol berbagi (share button) pada template varian terbaru blogger blogspot sudah cukup bagus dan ringan, akan tetapi jika Kalian masih menginginkan tampilan lain dari tombol berbagi sebaiknya kalian perhatikan hal hal berikut: Gunakan tombol berbagi custom buatan sendiri atau buatan para senior blogger saja (cari tutorial di google, termasuk tutorial editblogtema, cieelah :D) Jangan sertakan lagi tombol Gplus karena itu hanya sia sia, google plus telah lama mati. Jangan sertakan tombol Linkedin karena akhir akhir ini linknya sudah tidak bekerja sebagaimana mestinya Hindari tombol berbagi yang di 'embed' melalui cara pemasangan link eksternal, misalnya hindari menggunakan tombol berbagi pihak ketiga seperti sharethis, addthis addtoAny dll ke dalam template karena itu sangat merugikan kecepatan halaman blog. (Saya tidak melarang ya, cuma menyarankan kepada Kalian yang mulai perduli terhadap kecepatan loading halaman blog) Kalau dari kami (ediblogema) men

Sejarah template default blogspot dari masa ke masa

Gambar
Hari ini kita mengetahui bahwa selain berbeda varian, jenis dan versinya  template template default juga di bedakan dengan versi layoutnya. Misalnya, blogger layout generasi ke-2 versi pertama atau template template default blogger dan template blogger layout generasi ke 3 yang terbaru.  Terlebih dahulu kami jelaskan darimana dapatnya istilah template default blogger layout generasi ke 2 dan template default blogger layout generasi ke 3? Template template default artinya adalah template template bawaan yang masih asli yang telah disediakan oleh Google Blogger pada saat pertama kali kita membuka dasbor blogger atau pada saat pertama kali seseorang memulai membuat halaman blog pertama mereka di blogger blogspot. Template template ini juga berjalan dan berkembang seiring waktu bersama sejarah blogger.  Karena Sejarah akan terus berlanjut, dan postingan ini akan selalu kami posting ulang untuk mengikuti update blogger Blogspot, baiklah kita mulai dari template Blogger terbaru hingga ke

Cara membuat double navigasi menu ala editblogtema

Gambar
Menurut saya ini adalah menu navigasi blog yang terbaik yang dapat di terapkan ke halaman blogspot, templatenya jadi ada rasa Wordpress dan teknik pembuatannya terbilang mudah dan mendasar sekali. Khasiatnya juga telah kami buktikan. Halaman Blog terasa menjadi lebih optimal. Mudah diterapkan ke template template bawaan Blogger dari versi lama hingga template varian terbaru blogspot. Tampilan menu navigasi ala editblogtema Itu juga alasannya mengapa kami menggunakannya sekarang. Kami telah berkali kali merobah tampilan antarmuka halaman blog, dengan tujuan mengoptimalkan halaman ini di halaman website, akhirnya kami menemukan sebuah cara - atau lebih tepatnya trik yang dapat di terapkan dengan mudah ke setiap model template bawaan blogger - blogspot. Yakni menu navigasi yang sedang kami pergunakan sekarang ini. Baiklah saya akan mencobakannya ke template contempo yang sebelumnya: Saya buang headernya Saya buang tombol pencarian bawaanya. Jangan kuatir, Keduanya dapat dilakukan melalui