EDITBLOGTEMA

Postingan

Menampilkan postingan dengan label triks

CARA MENGATASI HTML TEMPLATE ERROR ADSENSE1 DAN 2 PADA SAAT DI EDIT

Nah ini ada peristiwa yang mungkin terjadi dan pernah kalian alami pada saat edit template blogger bawaan seperti contempo, emporio, soho, notable, melalui bagian HTMLnya. Misalnya ketika kalian mau menambahkan kode kode widget kalian sendiri, atau hasil copas dari halaman tutorial mbak igniel dan mas sugeng ke dalam HTML, pas ketika di "save" muncul peringatan: The widget settings in widget with id <b>AdSense1</b> is not valid. An internal error occurred. Please try again. Dan walau di ulang ulang, karena mengikuti saran "Please try again" namun tetap saja tidak bisa menyimpan alias "save" itu template. Akhirnya kalian menyerah. Padahal caranya mudah saja. Kalian hanya perlu melanjutkan menambahkan kode tadi, misalnya kode adsense yang biasanya harus diletakan di atara tag <head> dan tag </head>, lalu dilanjutkan dengan mengklik menu adsense di pojok kiri atas untuk menampilkan menu menu HTML seperti pada gambar berikut: Setela

Teruskan Baca »

Cara membuat header blog bergelombang menggunakan kode SVG dan CSS

Trik ini telah kami terapkan ke dalam beberapa template blogger editblogtema dan hanya dengan menggunakan teknik SVG dan CSS. Trik ini sangat mudah jika di terapkan ke dalam template contempo dan template Essential, meskipun ia juga dapat di terapkan ke dalam template template bawaan varian terbaru blogger. Kita akan melakukan percobaan terhadap template essential karena ia adalah varian kelima dan paling mirip dengan contempo. Artinya bisa diterapkan ke essential berarti bisa juga diterapkan ke template contempo bahkan bisa juga ke soho, emporio dan notable. Ini hanya percobaan dasar yang saya ambil dari beberapa referensi milik Daniel Österman yang saya modifikasi. Mudah dan hanya dibutuhkan pengaturan CSS. 1. LANGKAH PERTAMA Ok, masuk ke pengaturan blogger blogspot Pilih Tema Pilih Edit HTML Di dalam editor HTML blogger blogspot cari kode </head> dan letakan kode CSS berikut di atasnya: <style>body { margin:0; } h1 { font-family: 'Londrina Solid', cursive; fon

Teruskan Baca »

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

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

Teruskan Baca »

Google Docs cara menulis di blog tanpa harus mengetik

Kemajuan teknologi memudahkan orang membuat konten tulisan, banyak tool yang semakin hari semakin akurat dan bahkan di Jepang komputer mampu menulis karya sastra dan memenangkan hadiah kesusteraan ke 3. Padahal dewan juri menyangka karya sastra tersebut adalah tulisan seorang ahli sastra. Ternyata 100% di tulis oleh A.I. komputer! Seperti kita ketahui A.i. bukan hanya cerdas, akan tetapi nyaris memiliki semua hal yang di miliki oleh manusia ya terang saja karena ia memang di ciptakan untuk menduplikasi, meniru dan bahkan melebihi kecerdasan manusia. Sampai hari ini kecerdasan dan kecepatan A.I. berfikir sudah semakin meningkat. Contohnya karya sastra yang di tulis oleh komputer yang telah kita singgung di atas mampu membuat jutaan orang terharu, menangis, dan bahkan tersenyum! Nah baru baru ini ada sebuah postingan di medsos bagaimana seorang menulis tanpa mengetik lagi melalui google Docs! Ya tinggal buat konten disana ntar di copy dan jadiin konten tulisan di halaman blogger. Oh ya,

Teruskan Baca »

SEDERHANA SEKALI CARA MEMBUAT KONTEN VIDEO MENGGUNAKAN HAPE DENGAN KUALITAS STUDIO

Hape biasa di gunakan untuk kebutuhan sehari hari dan peranannya di zaman sekarang sudah bukan hal yang aneh lagi: Mulai dari membaca berita, menonton video, bermain game, komunikasi online, meeting online hingga mengedit pekerjaan perkantoran buat menopang pekerjaan berproduktivitas sudah dapat dilakukan oleh hape. Segala hal bagi saya terbukti jauh lebih cepat dan menguntungkan ketimbang saya harus bergantung pada Macbook dan PC saya seperti di masa lalu. Pekerjaan saya menjadi jauh lebih mudah dan lebih cepat, di barengi peningkatan pendapatan yang kadang sulit juga saya percayai. 1. Penggunaan hape Penggunaan hape yang paling banyak tentunya buat menelpon atau berkomunikasi suara, baik melalui jaringan seluler maupun jaringan internet. Lalu mengambil gambar dan merekam video melalui kameranya yang semakin mumpuni dan tersemat di hampir semua level dari yang entry level, middle level hingga high level (premium dan flagship) telah tersemat di belakang dan bagian gadget genggam yang

Teruskan Baca »

Cara memanfaatkan chromakey kinemaster untuk membuat latar studio video

Membuat studio adalah impian yang masih sangat jauh dari kenyataan bagi seorang youtuber pemula terutama karena sebuah studio fisik itu pasti mahal ya belum lagi piranti keras elektronik, penerangan dsb. Mahal pokoknya. Dan bagi saya agar tampilan ketika membawakan konten narasi tetap terlihat bagus maka latar ruangan harus di 'modifikasi' sekali lagi modifikasi fisik tidak mungkin saya lakukan karena keterbatasan dana tadi. Akhirnya saya mengakalinya dengan green screen atau blue screen. Saya tempelkan kertas tipis hijau atau biru ke dinding yang akan di sorot kamera hape saya pada saat saya membawakan narasi, semetara latar tersebut telah saya tempelkan kertas hijau atau kertas biru tadi. Mengapa harus warna hijau dan biru? Karena menurut para ahli sinematik, atau desainer multimedia hanya warna hijau dan birulah yang tidak terdapat pada pada kandungan tubuh kita manusia jadi ia akan mudah di hilangkan menggunakan fitur chromakey dan karena saya mengedit video menggunakan ta

Teruskan Baca »

Alasan mengapa kalian blogger juga perlu menjadi vlogger di masa sekarang

Dulu pernah top blogging hape, kini vlogging juga pakai hape, hape justeru semakin murah dan fitur kameranya sudah sangat mumpuni buat menangkap video hingga 4K, jaringan hape juga sudah mulai merambah ke 5G. Artinya zaman vlogging memang sudah mulai semudah - bahkan lebih mudah dari sekedar blogging. Bayangkan di Youtube ada fitur video shorts, tinggal rekam video 20 detik dan terbitkan. Atau kalian bisa mengeditnya terlebih dahulu melalui aplikasi editor video hape seperti kinemaster. Buat saja video unik pendek, berita baiknya Youtube akan memberikan konpensasi berupa uang jika video pendek itu menarik, berkualitas dan asli (bukan video hasil comot video orang). Silahkan kunjungi halaman Youtube untuk informasinya. Dan hal itu tanpa perlu subscriber hingga ribuan, atau jam tayang kalian masih sedikit asalkan video shorts kalian berpotensi maka kalian akan bisa masuk ke dalam program konpensasi ini. 1. Hape (tidak perlu mahal) Asalkan kalian tidak memilih iPhone sebagai pilihan, maka

Teruskan Baca »

Ini dia 4 editor gambar online paling keren buat thumbnail youtube dan blog

Beberapa aplikasi online ini memang ada aplikasi offlinenya yang dapat di download ke laptop PC Windows dan Mac. Akan tetapi kita akan membahas versi onlinenya yang ternyata sangat bagus karena beberapa alasan praktis. Misalnya dengan adanya kecenderungan bekerja online dan semakin populernya penyimpanan di cloud (awan) ini akan menjadi pilihan bagus buat mereka yang menginginkan bekerja dengan tool, piranti dan ruang simpan online sebut saja jika Anda menggunakan laptop chromebook dan tablet yang ruang simpan internal perangkatnya terbatas alias tidak sebesar Laptop PC. Lagi pula menyimpan banyak stuff di dalam perangkat akan meninggalkan banyak residu sekalipun kita telah menghapus banyak properti dan konten offline kita, dan bisa berakibat laptop melambat dengan drastis. Dan itu akan berbeda jika kita memanfaatkan ruang simpan online, perangkat tidak akan terbebani oleh banyaknya properti pekerjaan. Semuanya telah di simpan di 'gudang' di atas awan alias di cloud. Keamananny

Teruskan Baca »

Cara membuat menu hamburger template Blogger terbaru

Cara ini akan membuat halaman blog tampil unik, sederhana dan minimalis. Sebabnya tampilannya akan beradaptasi (adaptif dan responsif) dengan segala ukuran layar perangkat, mau itu laptop, tablet, maupun hape. Pada laptop dan tablet (ketika posisi landscape) tampilan menu akan tampak horizontal di atas halaman, sedangkan pada layar genggam ukuran hape tampilan menu berubah menjadi buka dan tutup hamburger menu yang intuitif ( beranimasi ). Navbar ini dapat di terapkan ke template terbaru seperti contempo, essensial dan varian lainnya dengan sedikit trik. Baiklah sekarang kita cobaan ke template essensial dan Contempo karena dua template ini strukturnya sangat mirip alias identik. Masuk ke pengaturan atau dasbor blog cari menu theme atau tema Pilih edit HTML 1. CSS Setelah masuk ke halaman editor HTML template blogger, cari kode </head> letakkan kode CSS berikut di atas kode tadi: <style> .nav { width: 100%; height: 65px; position: fixed; line-height: 65p

Teruskan Baca »

Cara memodifikasi tampilan Bulleted List dan Numbered List di halaman blog

'Add numbering dan Add bullet' yang sekarang di namai sebagai 'Bulleted List dan Numbered List' pada tampilan antar muka dasbor blogger terbaru. Bulleted List dan Numbered List memberikan fungsi daftar dan penomoran dengan model menurun pada postingan agar terlihat lebih rapi, lebih terstruktur dan lebih tersistematisasi. Sehingga memberikan kesan kuat kepada struktur SEO. Baca juga: Cara memperbaiki add numbering dan add bullet yang tidak tampil pada postingan blog Cara meletakan profile penulis di atas setiap postingan blog Samasekali tidak ribet begini caranya memasang breadcrumb valid HTML ke template terbaru blogger Kita mulai dengan contoh tampilan Bulleted List dan Numbered List yang telah dimodifikasi terlebih dahulu, berikut tampilannya: Contoh gambar Bulleted List: Bulleted List di atas adalah bulleted List yang telah dimodifikasi. Dan berikut adalah contoh Numbered List yang telah di modifikasi juga: Contoh gambar Numbered List: Sudah kita ketahui tampilan

Teruskan Baca »

Apakah Javascript itu dan apa peranannya terhadap HTML?

A pa yang dapat di kita buat dengan JavaScript? JavaScript adalah bahasa pemrograman paling populer di dunia. JavaScript adalah bahasa pemrograman Web. JavaScript mudah dipelajari. Akan tetapi dalam kesempatan ini kita akan membuktikan bagaimana Javascript bisa merubah nilai atribut HTML, menjadikan HTML menjadi dinamis dan menarik. Ya seperti CSS JavaScript bisa merubah nilai Atribut HTML Pada contoh berikut kita tunjukkan bagaimana JavaScript merubah nilai Atribut dari sumber suatu image (gambar) Berikut trik Javascript yang dimaksudkan dengan penjelasan di atas: 'nyalakan lampu' dan 'matikan lampu' dengan cara menekan tombol kanan dan kiri. Lihat contoh penerapannya dalam bentuk lain di: Baca: CARA MUDAH MEMASANG TOMBOL/TOGGLE DARK MODE KE HALAMAN BLOG sumber kode gambar di atas: <center> //hanya untuk re-position//<button onclick="document.getElementById('myImage').src='https://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAA

Teruskan Baca »

Cara menghilangkan warning konten sensitif pada saat halaman blog pada saat di buka pengunjung

Aku cukup terkejut saat membuka halaman blog ada peringatan begini: Peringatan Konten Sensitif Konten ini mungkin berisi konten sensitif... Eh perasaan kebanyakan membuat konten tutorial, tips dan triks kok pada sensi sih? Dan akibatnya pengunjung jadi segan mengunjungi halaman yang sensitif, takut macam macam gitu. OK tidak apa apa anggaplah kali ini sebagai eksprimen saja, padahal... mengapa ada peringata konten sensitif pada halaman blog? Kiranya salah satu dari admin kami telah salah utak atik setelan blog setelah menyetel ulang pengaturan DNS halaman blog akibatnya halaman ini sempat terkunci dan tidak bisa muncul di halaman web. Dan ketika menyetel setingan blog dia tidak sengaja malah mengaktifkan tombol konten DEWASA. Cara mengatasinya. Jika Anda yakin halaman Anda tidak mengandung konten konten sensitif, maka cara mengatasinya sangat mudah, yakni: Masuk ke pengaturan atau dasbor blogger Pilih 'setting' yang awalanya ada ikon bergerigi Muncul halaman pengaturan di kana

Teruskan Baca »

Begini cara memasang related post otomatis ditengah postingan template contempo

Latar tutorial: Ketika menjelajah blog blog para senior aku menemukan beberapa tutorial cara meletakan related post di tengah postingan. Akan tetapi segera aku mengerti tutorial itu lebih cocok di terapkan ke dalam template template lawas yang di buat dengan desain layout versi ke 2. update : Ada instruksi pada pemasangan: cari kode <data:post.body/> dan di suruh hapus kode tersebut lalu gantikan dengan kode berikut..bla bla bla...itu tandanya di dalam template tersebut memiliki beberapa kode yang sama, artinya ia masih desain dengan layout versi 2. Baca juga: Revisi cara menambahkan related posts sederhana ke dalam blogger Cara memasang related post simpel ke dalam template Essential blogger Cara mengatasi gambar thumbnail blank di related posts Sedangkan kalian harus tahu, template versi terbaru zaman now yakni varian terbaru template bawaan blogger hanya memiliki satu satunya kode <data:post.body/> tersebut yang kalau di hapus dan di ganti dengan kode lain akan mempen

Teruskan Baca »

Cara membuat hamburger menu dengan toggle buka dan tutup murni CSS

Model model desain template web tidak dapat ditinggalkan begitu saja. Selama dakade tentunya para desainer telah bekerja keras untuk membuat tampilan dan antarmuka halaman web yang dapat di pergunakan dengan sama baiknya di berbagai ukuran layar perangkat. Sehingga muncul istilah desain responsif dan desain adaptif. Keduanya merujuk pada penggunaan halaman di layar desktop dan mobile. Bisa di pergunakan di layar dengan ukuran besar seperti PC desktop dan laptop, bisa di akses dengan mudah dan nyaman melalui layar tablet dan hape. Baca: Sekilas mengenal desain web responsif versus desain web adaptif Contoh menu yang responsif adalah ketika ia dibuka pada beberapa layar berbeda: Pada PC desktop, laptop, tablet dan hape mobile. Pada PC layar besar menu tersebut tampak horisontal, sedangkan pada layar kecil seperti hape ia menjadi berbentuk menu hamburger yang dapat di klik untuk memunculkan menu menu. Sedangkan pada desain adaptif menu akan terlihat sama baik pada saat di buka melalui l

Teruskan Baca »