Cara memasukkan video youtube ke blog

Jika sobat Super Gaptek ingin tahu cara upload video ke Youtube, silakan buka Cara Memasukkan Video ke Youtube, nah pada postingan ini adalah cara memasang video youtube ke blog.

Gambar merupakan sebuah hiasan blog. Tanpa sebuah gambar blog seakan mati. Fungsi gambar sendiri adalah mendeskripsikan sebuah artikel. Apa jadinya artikel jika tanpa gambar, apalagi blog seperti Tutorial Blogspot seperti blog Super Gaptek. Gambar menjadi panduan buat pengguna yang masih gaptek dan baru memulai.

Begitu pula halnya video. Malah dengan video akan lebih mudah dalam mengikuti tutorial yang diberikan. 

Kamu yang sekedar sharing video pun bisa memasangnya di blog.

Memasukkan video ke blog sederhananya saya bagi dua saja yaitu langsung menguploadnya ke blog dari koleksi video di komputer dan meng"embed" kode video dari youtube kemudian memasang kode tadi di blog. Kamu juga bisa mengikuti tutorial cara upload video ke youtube di postingan sebelumnya.

1. Cara upload video ke posting blog

• Langkah pertama adalah klik entri baru di dasbor blog untuk membuat artikel baru.
• Ketikkan beberapa kata yang sesuai dengan judul blog
• Saatnya memasukkan video ke dalam artikel blog.
• Klik ikon Video disamping icon gambar dan Link

akan muncul tampilan untuk mengunggah video, Klik Pilih video untuk di unggah, Cari file video didalam folder komputer/laptop kamu. Pilih / klik video lalu klik Open. KLik Unggah

Proses upload video terlihat pada gambar di bawah, lama upload tergantung ukuran video dan jaringan internet yang dipakai.

Jika sudah selesai tampilannya seperti dibawah, dan proses upload video dari komputer ke blog selesai.

Kelemahan cara ini adalah loading blog akan terasa lebih lambat di banding jika kita terlebih dulu menguploadnya ke youtube lalu di embed ke blogger. Namun jika Anda mau mau mencobanya dipersilahkan karena tidak ada yang melarangnya, hehehe.

Di bawah ini contoh video hasil upload dari komputer

B. Cara pasang video dari youtube.

Cara memasukkan video dari youtube ke blog ialah dengan cara mengambil kode, istilahnya embed. Lalu mempaste kode embed tadi pada menu HTML saat membuat artikel blog. Namun jika ingin memasang video nya ke sidebar gadget/widget langsung di masukkan saja.

Masuk ke youtube.com

Cari video yang diinginkan di kotak pencarian.

Jika sudah ketemu videonya klik Bagi

Tunggu sebentar, Klik SEMATKAN, akan muncul KODE yang akan kita copy ke postingan blog.

copy kode yang muncul,

Kembali ke blogger saat membuat artikel

Masuk ke menu HTML (Klik HTML samping compose)

Kamu bisa mengubah ukuran tampilan videonya dengan mengubah width / lebar dan height / tingginya, untuk disesuaikan dengan ukuran halaman postingan blog.
sedangkan untuk mengetengahkan video tambahkan kode

<div align="center">
Kode VIDEO

</div>

Kembali ke menu Compose, Klik compose.

Tampilannya akan kelihatan hitam seperti dibawah, Proses menyematkan atau embed video youtube selesai

Diatas adalah contoh hasil embed video dari youtube  penjelasan dari Matt Cutts tentang bagaimana cara kerja search engine Google, silakan di perhatikan penjelasan "Sidin" jika paham bahasa Inggris, heheh

Read more

Cara Menampilkan File Docs (M. Word), PDF Di Postingan Blog

Lanjutkan Edisi Postingan dari Blog sebelumnya tentang Layanan Google Application for Education yang berisi tentang bagaimana cara memamfaatkan layanyan Google drive, diantaranya Cara Hosting CSS Blogger Menggunakan Google drive.

Berikut Langkah-Langkahnya.

Login ke Akun drive.google.com
Upload File yang kan digunakan (Docs, atau Pdf).

Tunggu Proses Upload File anda sampai selesai. Lama Proses Upload Tergantung Kecepatan internet.

Setelah Selesai Proses Upload File, Ubah Settingan share anda Menjadi Public.

Setelah Merubah Settingan Menjadi public, Klik kanan File >> Open with >> Google Drive Viewer.

Setelah tampil file yang anda Upload tadi, Pilih Menu file >> Embed This PDF File.

Dan muncul Pop Up berisi kode embeded, yang siap digunakan pada postingan blog, waktu menggunakan pada postingan blogger gunakan mode HTML.

Semoga Bermamfaat.

Read more

Memasang Syntax Highlighter di Blogger

Pernah melihat kode program di blog yang berwarna-warni layaknya melihat kode program di text editor komputer sampeyan ?... itu namanya Syntax Highlighter. Syntax Highlighter untuk menempatkan kode HTML  yang biasa di posting di blog menjadi sama seperti di text editor layaknya memakai Notepad atau Dreamweaver ataupun program text editor lainnya. Jadi akan terasa lebih indah, berwarna-warni, lebih enak dilihat, dan lebih enak dibaca. Cara membuat untuk blogger berikut ini langkahnya :

1. Backup terlebih dahulu template blogger sampeyan.
2. Setelah dibackup, masuk ke Dasbor - Design - Edit HTML
3. Tekan CTR+F dan cari kode </head> 
4. Pasang code berikut diatasnya;

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER ENDS-->

Cara penulisan untuk menggunakan dalam tampilan posting sebagai berikut;

<pre class="brush:html">
tulis disini kode 'HTML' sampeyan
</pre>

Contoh hasil penulisan seperti srkinsyot dibawah ini... Demikian mase, dipake sukur gak dipake juga gak apa-apa

Read more

Dropbox Cara cepat untuk berbagi file di internet

Online Storage, istilah yang dipakai untuk tempat penyimpanan file di internet, baik itu berbayar maupun gratis.

Banyak sekali kita jumpai blog yang membagi filenya dan bisa di download, hanya saja tempat file itu tidak langsung ditemui, ada perantara sana sini sebelum bisa di download langsung.

Mencari sana-sini dan daftar kemana-mana untuk kebutuhan berbagi file tanpa ada perantara iklan, kode chapta, atau ogin dulu baru bisa download dan lain-lain yang bisa menyebabkan file tersebut agak susah dijangkau/di download secara langsung... ada beberapa online storage yang saya dapat, tetapi tidak sesimpel dan semudah Dropbox, baik cara sharing, penggunaan dan persyaratan pemakaiannya.

Dalam postingan ini saya sangat berharap diberi informasi tentang Online Storage yang bisa kita berbagi bersama, Online Storage yang saya cari adalah yang mirip denganDropbox sesuai ciri-cirinya sebagai berikut :

Dropbox :

Gratis dan diberi 2 GB untuk pertama kali

Jenis Penempatan file Dibagi dalam 3 bagian yaitu :

1. Pribadi (harus login untuk menjangkau file)
2. Semi Umum ( Berbagi file ke anggota lain yang dalam group )
3. Umum ( File dapat dijangkau langsung melalui URL setiap file ) atau kata lainDirect Link.

Yang bersifat Umum ini pada dropbox yang saya sangat sukai, karena :

• File yang disimpan untuk kebutuhan public (umum), url file tersebut langsung mengarah ke file tanpa embel-embel apapun (Direct Link)
• Mendukung file swf, jpg, mp3, pdf, sehingga bila file tersebut kita sisipkan kedalam widget, atau file tersebut bisa di display, maupun diputar langsung di monitor tanpa terdownload. untuk mendowloadnya kita hanya menekan CTRL+S (save)
• Banyak yang mengatakan bahwa bila download yang terpicu langsung tanpa ada halaman perantara akan sangat berbahaya karena mengandung virus atau hal lainnya, tetapi itu saya tidak setuju, karena team dropbox pasti telah menghapus file itu bila memang berbahaya untuk disebar
• Karena filenya direct, maka kita bisa menyebarkannya bukan hanya di blog, tetapi bisa lewat sosial media seperti facebook, myspace dll, artinya kita tidak harus mempunyai blog/site untuk menyebarkan file kita.

Contoh penggunaan dropbox pada blog saya ini adalah :

1. File flash atau SWF bisa dilihat disini
2. File mp3 pada player musik yang saya miliki, bisa dilihat disini
3. File Gambar, bisa dilihat disini
4. File PDF, Word, Excle dan lain-lain juga bisa, tetapi belum ada contoh sampai postingan ini saya publikasi

Bukti bahwa dropbox memiliki direct link, Berikut saya sesuaikan contoh diatas :

1. Direct Link File swf yang ada pada contoh no 1 diatas bisa dilihat disini
2. Direct Link mp3 bisa dilihat disini ( Satu lagu mp3 dengan besaran 1,2 Mb )
3. Direct Link File gambar bisa dilihat disini  
4. Direct Link File PDF bisa dilihat disini
5. Dan jenis file lainnya...

Contoh diatas menampilkan file secara mandiri dan bisa didownload setelah filenya disave ( CTRL + S ) pada kayboard anda.

Sedang contoh lain yang langsung di download adalah file exe, JS, zip, rar atau file lainnya. Berikut adalah ( File adalah zip dari Windows_8_tweaker_v1.1 dengan besaran 27 kb ) bisa diklik disini

Satu hal yang saya sukai, adalah sifat pada file SWF, dimana melalui dropbox ini kita bisa membuat sesuatu seperti web penuh, tanpa harus terikat pada blog/site tertentu, contohnya adalah online bookmark yang saya buat bisa dilihat :

• Online bookmark yang melekat pada salah satu page blog ini, bisa dilihatdisini
• Online Bookmark yang URLnya mandiri tanpa terikat di blog/site manapun, bisa dilihat disini

Kedua contoh Online bookmark diatas adalah merujuk pada File yang sama.

Bila anda tertarik pada Dropbox, anda bisa daftar disini

Aplikasi Desktop dari Dropbox

Kelebihan dari aplikasi ini, memudahkan pengaturan file di web dengan file yang ada dikomputer. Pencerminan data di web dengan data di beberapa komputer dan hadphone, sehingga flashdisk tidak diperlukan lagi dalam hal transfer atau backup data. 

Semenjak saya menggunakan aplikasi ini, flashdisk dipakai untuk mengisi film, program, dan lain-lain yang ukuran filenya besar saja. Untuk file dibawah 2 Mb, seperti file word, excle, ataupun program-program dari microsoft lainnya, saya memakaidropbox, untuk meringankan pencerminan data dari komputer ke handphone.

Dengan kata lain Flashdisk sudah tidak saya pakai lagi untuk menyimpan data

Untuk lebih detail dari fungsi ini, akan saya uraikan di postingan lain.

Kembali ke pembahasan awal,

Kalaupun ada Online Storage lain yang sifatnya memiliki public direct link pada file kita, saya sangat berharap anda membagikan informasinya di kolom komentar atau di sini, karena sampai saat ini belum ada yang saya dapati seperti Dropbox.

Bukanya saya mendewakan Dropbox, tetapi keinginan pribadi saya sangat sesuai dengan fasilitas yang dimiliki dropbox, walaupun saya terdaftar sebagai user yang gratisan kepada mereka.

Ada issu yang beredar beberapa bulan lalu bahwa folder yang umum itu akan di tiadakan, ternyata hal itu tidak benar, dan memang tidak benar.

Mengenai daftar Online Storage yang ada beserta ciri-cirinya bisa dilihat disini dandisini. akan tetapi itu adalah postingan tahun lalu, dan tentunya sudah banyak terjadi perubahan, untuk mengetahui hal yang terupdate, akan saya bahas di postingan yang akan datang setelah ini, karena saya harus mendaftar dulu di bulan ini kepada tiap-tiap mereka untuk mengetahuinya (terutama sifat Public link).

Semoga bermanfaat..

Read more

Tab Menu Komentar Hilang Pada Dashboard Blog

Tab Menu Komentar Hilang Pada Dashboard Blog, Setelah anda mengaktifikan Komentar dengan Google Plus, Pada halaman artikel Komentar Tidak ada yang tampil dan anda juga mengalami kebingungan saat anda masuk ke dashboard Blog anda, Menu Komentar Hilang dan Tidak tau cara mengembalikanya.

Yang sebenarnya adalah saat anda mengaktifkan Komentar Google+ anda, tidak dibarengi dengan mengatur pada edit HTML-nya, makanya Komentar tidak ada yang tampil di Halaman Blog, Namun pada bahasan adalah membahas Bagaimana Mengembalikan Komentar Yang Hilang Dari Blog, dan Untuk Menampilkan Komentar Dengan Google+ akan di bahas setelah artikel Ini.

Silahkan ikuti Langkah Bagaimana Mengembalikan Komentar Yang Hilang Dari Blog Seperti berikut ini ;

1. Masuk ke Dashboarb Blog Sobat, Gunakan Email dan Sandi Masing-masing
2. Klik Menu Google+ Maka akan tampil seperti gambar Berikut ini :

3. Hilangkan tanda centang pada Box Kecil "Use Google+ Comments on this blog"
4. Selesai, Silahkan di Cek Blog anda.

Read more

Cara Copy/Paste Tulisan yang Dikunci Oleh Sipemilik Blog

Menjelang Ujian Akhir sekolah ada saatnya harus bergelut dengan buku dan tugas, dan menurut penelitian ternyata Zaman sekarang para pelajar kurang memperhatikan buku (entahlah), sebagai alternatif yang digunakan adalah Internet dan Tanya sama mbah google katanya, biasanya cara ini digunakan oleh orang2 yang malas untuk mengetik ulang.. 

Ternyata internet merupakan sesuatu yang umum di pergunakan. apalagi saat ini Warnet dimana-mana dan paket internet pun merajalela dengan promosi murahnya. Karena Copy-paste bukan merupakan sesuatu hal yang terlarang di dunia maya, Tapi harus diingat juga sebagai tukang copas haruslah menjunjung tinggi etika dan norma yang terkandung didalamnya, misalkan dengan cara mencantumkan nama link penulis atau sumber artikel atau karya tulisan yang dicopy paste agar si penulis artikel merasa dihargai atas jerih payahnya mengetik.

Walaupun ada banyak cara untuk melindungi hasil tulisan ataupun artikel di blog, misalnya saja menonaktifkan klik kanan di blog, atau kursor tidak bisa memblock tulisannya atau bahkan tidak bisa menekan ctrl + C atau ctrl + A (untuk memblock atau men-drag tulisan secara keseluruhan.. untuk bisa melakukan teknik tersebut diatas silahkan sobat blogger search saja di google. disini saya mau sedikit share saja cara copy paste tulisan yang dikunci Oleh Sipemilik Blog karena tidak sedikit blog yang melakukan teknik supaya blog yang di kelolanya tidak dapat di copy paste.

Dibawah ini adalah solusi untuk copy/paste tulisan yang dikunci caranya sangat mudah.

1. Langkah pertama masuk ke salah satu blog yang tidak dapat di copy paste atau klik kanannya tidak diaktifkan.
2. Kemudian Pada keyboard tekan secara bersamaan ALT + T + O  atau bisa juga pada menu >> tools >> Options >> content. tampilannya seperti dibawah ini brow:

Perhatikan tiga pilihan yang di centang seperti Block Pop-up windows, Loads image automatically, dan enable Javascript. hilangkan semua centangnya kemudian klik OK.

Sebelum melakukan copy/paste Jangan lupa untuk di refresh atau di reload current page dulu pada blog yang mau di copy paste tersebut.

Jika blognya sudah di refresh, maka silahkan copy/paste dengan cara diblock atau men-drag isi tulisan yang mau di ambil sesuai kebutuhan saja yah, silakan coba mendrag/block kembali artikel tersebut. jika klik kanan nya masih tidak berfungsi maka silahkan tekan CTRL+C saja.

sumber: cobadibaca.com http://www.cobadibaca.com/2013/04/cara-copypaste-tulisan-yang-dikunci.html#ixzz2nK09fYVO 
Under Creative Commons License: Attribution

Read more

[Tutorial] Menggunakan Feedburner

Melengkapi tulisan tutorial tentang “Mendapatkan Uang dari Feed Blog WordPress.Com“, kami mencoba untuk menyuguhkan tulisan tentang bagaimana menggunakan Feedburner (atas permintaan salah satu pembaca blog).

Apa itu feed?
Berdasarkan kata dasar feed diterjemahkan sebagai umpan adapun secara istilah feed dimaksudkan format data yang digunakan jika sebuah situs/blog melakukan update. Orang terkadang tercampur istilah dengan RSS, padahal RSS adalah salah satu bentuk feed. Sehingga feed seperti semacam pemberi kabar jika sebuah situs melakukan update.

Read more