EDITBLOGTEMA

Video memiliki nilai sangat tinggi di mesin pencarian bahkan trafik konten tulisan kini hampir sudah tidak apa apanya lagi jika di banding dengan nilai pencarian video dan gambar yang terus meningkat dari waktu ke waktu. Maka tidak salah jika seseorang ingin menyalurkan kreatifitas, aspirasi, curhat berisi pengatahuan, maka media gambar bergerak lebih dapat mengakomodir hal tersebut di zaman sekarang. Meskipun belum sepenuhnya dapat menggantikan tulisan, tapi potensinya di akui oleh para pakar dan ahli yang membenci fakta ini sekalipun. Nah salah satu cara mengimbangi kesenjangan tersebut media tulis menulis dapat di kombinasikan dengan media dalam bentuk penyampaian video yang mana pada saat sekarang struktur HMTL masih sangat mendukung teknik 'embed' Contoh hasil embed video dari IG (instagram): Lihat postingan ini di Instagram Sebuah kiriman dibagikan oleh editblogtema (@editblogsite) Contoh di atas adalah embed instagram, dan untuk embed youtube caranya

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

Halo Zen G,... Perhatikan video aku di atas, ia fit di halaman ini menurutku bukan hanya responsif, tapi juga 'adaptive' melalui pengaturan embed yang akan segera aku jelaskan melalui postingan ini. Seperti yang kalian lihat halaman blog ini adalah halaman full tanpa tampilan sidebar. Tampilan blog personal seperti ini adalah tampilan terbaru jika dibanding dengan tampilan model klasik yang masih menampilkan sidebar di kanan halaman postingannya. Agar video dapat tampil fit alias full dan 'pas' ukuran dan posisinya di halaman postingan blog maka ada beberapa cara yang sering di anjurkan oleh para master atau para pelaku blogger senior. Misalnya menambahkan pengaturan CSS dan menambahkan script Js ke dalam template blog. Tetapi cara tersebut memilki banyak kelemahan terutama ketika struktur dasar template berubah langsung melalui sumber kodenya. Atau melalui update Google terhadap seluruh halaman web yang sedang mereka kelola. Contohnya cara pemasangan Javascript untuk m

Salah satu faktor ranking website adalah konten video, disamping konten gambar dan tulisan. Dan oleh karena tipe website modern memiliki fitur penyokong teknologi web yang lebih maju,  kaya dan lebih bervariasi daripada tipe web zaman old,  maka konten video memiliki tempat yang penting untuk SEO.  Akan tetapi ada pertanyaan, konten video yang diposting dalam bentuk embed atau di upload langsung ke halaman web atau blog?  Di embed berarti kita mengkopi sekumpulan kode HTML berikut link asal video untuk ditayangkan ulang ke dalam halaman kita.  Contoh: <iframe src="https://youtu.be/kMiHAn6ZxFg"frameborder="0" allowfullscreen></iframe> Contoh video yang saya upload ke Youtube dan di embed ke halaman ini: Sedangkan upload berarti video di upload langsung dari ruang penyimpanan komputer atau hape ke dalam halaman blog.  Di dasbor blogger sendiri terdapat kedua opsi tersebut, bisa pilih video dari youtube, bisa langsung upload dari komputer.  Jadi mana yang l

S aya baru terpikir perihal judul di atas, padahal sudah mengutak atik codepen milik admin dalam beberapa bulan terakhir. Padahal Editor HTML Codepen memiliki antar-muka yang sangat user friendly, simpel dan mudah di fahami. 1 . Langkah pertama silahkan masuk ke CodPen  terlebih dahulu. Jika telah masuk Anda akan mengunjungi halaman awal codepen dalam bentuk tampilan antarmuka editorial HTML: Silahkan klik 'Pen' yang dilingkari merah, anggaplah itu adalah rancangan atau desain yang akan kita buat menggunakan bahasa pemrograman web dan akan kita tampilkan pada halaman blog. 2 . Setelah lembar kerja berbentuk blanko kosong terbuka kita dapat menuliskan perintah perintah atau pengaturan HTML kedalam blanko tersebut, seperti di tunjukan pada gambar berikut: Contoh di atas adalah penulisan yang telah jadi yang saya buat untuk menampilkan sumber kode sekaligus demo pada tutorial membuat menu sidebar yang telah saya posting di halaman blog ini.  3 . Untuk membuatnya tampil alami di ha