Menambahkan Keterangan (Caption) Pada Video

Setelah anda mengetahui bagaimana cara upload, mengubah ukuran , dan letak video kini saatnya anda mempelajari bagaimana cara menambahkan keterangan (caption) pada video yang diupload. Menambahkan keterangan (caption) pada video merupakan pekerjaan yang sangat mudah. Misalnya anda membuat sebuah video yang anda letakkan di tengah halaman artikel dengan keterangan di bawahnya. Maka anda hanya perlu menambahkan elemen div sebelum kode tersebut.

Contoh kodenya seperti ini..

<div style="text-align:center; display: block;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://1.gvt0.com/vi/fsd7BlYSho0/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/fsd7BlYSho0&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/fsd7BlYSho0&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object><div>Coba tuliskan sesuatu disini </div></div>

Pada kode di atas ditambahkan dua elemen div, satu untuk modelnya satunya lagi untuk memberi keterangan (caption) pada gambar. Anda dapat bermain dengan kode tersebut, dengan menempatkan caption pada bagian atas video atau menyesuaikan letaknya di bagian kanan atau kiri (selain di tengah).
Selamat mencoba!
Semoga bermanfaat.
Wassalam.

Baca Selanjutnya » | No comments

Menyesuaikan Letak Video di Artikel

Anda mungkin akan mendapat kesulitan saat ingin menyesuaikan letak video yang anda upload ke dalam artikel, karena video tersebut ternyata tidak bisa anda pindahkan semudah anda memindahkan gambar di artikel. Lalu anda bertanya-tanya, kira-kira bagaimana caranya agar anda bisa menyesuaikan letak video di artikel sehingga artikel anda terlihat rapi.

Ada dua cara untuk mengubah letak video di dalam artikel.

Video yang diupload melalui ikon insert video di blog

Caranya adalah dengan mengklik video yang anda upload lalu klik ikon alignment dan pilihlah salah satu pilihan letak yang anda inginkan (center, right, left).

ikon alignment

Video yang diupload dari YouTube dan situs lainnya

Caranya adalah dengan menambahkan beberapa kode pada kode video. Cara ini sangat gampang, karena anda hanya menambahkan kode div di depan kode video. Contohnya bila saya ingin menempatkan video di bagian tengah artikel.

<div style="text-align:center;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/T6jmyRAmTBA/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>

Maka hasilnya akan terlihat seperti ini..

Bila anda ingin mengubah letak video berada di bagian kanan artikel, maka anda hanya perlu mengubah kata "center" menjadi "right" dan begitupun untuk bagian kiri artikel.

Anda juga dapat menyelipkan video ke dalam artikel dan mensejajarkannya dengan artikel anda (sama seperti yang anda lakukan pada gambar), maka anda perlu untuk menambahkan beberapa kode lagi.

<span style="float:left; display: block; margin:9px;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/T6jmyRAmTBA/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></span>

Sama seperti cara sebelumnya, bila anda ingin mengubah letaknya maka cukup mengganti kata "left" pada kode tersebut dengan "center" atau "right". Anda juga dapat memodifikasi margin (jarak artikel dari video) sesuai dengan yang anda inginkan. Hasilnya seperti gambar di bawah ini. 

Semoga bermanfaat.
Wassalam.

Baca Selanjutnya » | No comments

Mengubah Ukuran Video di Blog

Setelah anda mempelajari tentang cara upload/menambahkan video ke blog dalam berbagai cara, sekarang kita akan selangkah lebih maju dari sebelumnya yaitu memodifikasi video dengan mengubah ukuran video di blog.

Saat anda meng-upload video ke dalam blog dari suatu situs tertentu, maka video tersebut akan nampak dalam ukuran default. Ukuran ini tentu saja tergantung dari tempat anda meng-upload video tersebut, dan anda sendiri, sebenarnya bisa mengubah ukuran video di blog sesuai dengan keinginan anda.

Mengubah ukuran video di blog tidak sesulit apa yang anda bayangkan. Anda hanya perlu sedikit mengutak-atik tinggi dan lebar video agar sesuai dengan apa yang anda inginkan.

Hal yang Harus Diperhatikan Sebelum Mengubah Ukuran Video

Mengubah ukuran lebar dan tinggi secara proporsional.

Bila anda adalah seorang yang peduli dengan kualitas video yang muncul pada artikel anda, maka hal ini penting untuk anda perhatikan (tidak selalu penting untuk dilakukan). Saat anda berencana untuk mengubah ukuran video, maka yang harus anda perhatikan adalah rasio ukuran dari video tersebut. Karena bila salah satu ukuran lebih panjang dari yang lain akan membuat gambar terlihat seperti merenggang, dan nampak sangat tidak baik saat ditonton. Bila anda ingin meningkatkan atau mengurangi ukuran lebar dari video, maka untuk mendapatkan ukuran tinggi dari video, anda harus mengalikan nilai ukuran lebar video dengan 0.8235. Ini adalah rumus agar rasio lebar dan tinggi video anda tidak berubah saat anda mengubah ukurannya.

Menyesuaikan dengan lebar halaman post

Agar video benar-benar terlihat bagus di halaman post anda, maka sebelum anda mengubah ukuran lebarnya, pastikan bahwa ukuran lebar video anda tidak melebihi ukuran halaman post (khususnya untuk ukuran lebar). Bila anda tidak tahu seberapa besar ukuran lebar halaman post, anda dapat melihatnya di halaman HTML pada menu template dengan mencari kode main-wrapper atau main.., biasanya nilai lebar dari halaman post terletak dibawah kode tersebut.

Mengubah Ukuran Video di Blog

Setelah anda mengupload sebuah video ke dalam blog, anda dapat melihat kode video tersebut pada halaman HTML (yang terletak disamping compose)

Selanjutnya, anda dapat mengubah angka pada kode script video yang anda upload.

Video yang di Upload dari Youtube

Kode yang terlihat seperti ini (contoh)

<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/T6jmyRAmTBA/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object>

Di sini anda bisa mengubah ukuran dari video dengan mengubah angka yang diberi warna merah sesuai dengan yang anda inginkan. 

Selain cara tersebut, anda juga dapat mengubah ukuran video melalui ukuran yang telah disediakan oleh YouTube.

Video yang di Upload Melalui Blogger Menggunakan Ikon Insert Video

Kode yang terlihat seperti ini (contoh)

<object id="BLOG_video-a1562bgf51359f46" class="BLOG_video_class" contentid="a1562bgf51359f46" width="320" height="266"></object>

Angka yang diberi warna merah dapat anda ganti untuk ukuran video yang anda inginkan. 

Pada dasarnya seperti itulah cara untuk mengubah ukuran blog. Darimanapun anda mengupload video, anda dapat melakukan hal yang sama seperti di atas. Hanya tinggal mengubah ukuran lebar dan tinggi video saja.

Semoga bermanfaat.
Happy blogging!
Wassalam.

Baca Selanjutnya » | 1 comment

Upload/Menambahkan Video Ke Blog

Setelah anda mengetahui bagaimana cara upload gambar ke blog, kini saatnya saya memberitahu anda tentang bagaimana cara upload/menambahkan video ke blog. Menaruh sebuah video dalam blog tentunya akan sangat menarik, apalagi bila blog anda mengandung artikel tentang traveling, tutorial, masak-memasak atau semacamnya. Tidak hanya dalam bentuk gambar, pengunjung juga dapat menikmati artikel anda dengan video yang anda pasang di artikel. Hal ini akan membuat pengunjung tertarik untuk datang kembali ke blog anda karena pengunjung akan merasa bahwa blog anda sangat lengkap.

Cara Upload/Menambahkan Video Ke Blog

Upload/Menambahkan Video dari Laptop/Komputer

Klik ikon video > Upload > Choose a video to upload > Pilih video > Upload

Upload/Menambahkan Video dari YouTube

Klik ikon Video > From YouTube > Masukkan URL Video > Klik ikon Search > Pilih Video > Select

Upload/Menambahkan Video dari Webcam

 klik ikon Video > From Your Webcam > Allow > Close > Record

Bila anda ingin memutar kembali video yang telah anda buat klik Play. Bila anda telah selesai klik Select


Bagaimana? Cukup mudah bukan?.. Bila anda tidak memiliki video anda sendiri untuk di upload, maka anda dapat mencarinya di youtube, tapi, jangan lupa untuk menyertakan sumbernya di artikel anda.
Semoga bermanfaat.
Wassalam. 

Baca Selanjutnya » | No comments

Menghilangkan Border/Bingkai Pada Gambar di Blog

Border pada gambar dalam Bahasa Indonesia seringkali disebut dengan bingkai gambar. Bingkai gambar ini tidak selalu bagus bila digunakan pada gambar di artikel. Dalam kondisi tertentu misalnya blog dengan latar belakang warna gelap, gambar yang memiliki bingkai tentu saja akan lebih baik dibandingkan gambar tanpa bingkai, akan tetapi, pada blog yang berlatar belakang warna cerah, gambar berbingkai seringkali terlihat kurang menarik. Sebagai contoh, perbandingan dua gambar di bawah ini.

Dengan Border	Tanpa Border

Nah, memilih menggunakan border pada gambar di artikel sepenuhnya tergantung dari keinginan anda. Namun bila anda berkeinginan untuk menghilangkan border/bingkai pada gambar di blog maka caranya adalah sebagai berikut.

Menghilangkan Border/Bingkai Pada Gambar

Catatan!
Sebelum anda melakukan perubahan pada template anda, ada baiknya anda mem-backup template anda terlebih dahulu.

Step 1

Masuk ke halaman dashboard > Template > HTML > Expand widget template

Step 2

Cari kode .post img { kode lengkap seperti di bawah ini

.post img {

padding:4px;

border:1px solid $bordercolor;

}

Ganti angka yang diberi warna merah dengan angka "0"

Step 3 

Bila anda tidak menemukan kode seperti di atas, coba anda mencari kode ini .post-body img kode lengkapnya

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);

background: $(image.background.color);
border: 0px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
box-shadow: 1px 0px 0px rgba(0, 0, 0, .1);
}

Ganti angka yang diberi warna merah dengan angka "0"

Step 4

Save Template

Catatan !
Kode di atas bisa jadi berbeda pada template yang berbeda juga.

Setelah selesai, coba perhatikan gambar yang ada di artikel anda, bordernya sudah hilang bukan?
Selamat mencoba!
Wassalam.

Baca Selanjutnya » | 5 comments

Backup dan Restore Template Blog

Mengubah desain blog adalah hal yang lumrah bagi anda yang sangat suka mendesain sebuah blog agar terlihat cantik saat dibuka. Pada waktu anda mengubah desain blog, anda mungkin akan mendapati bahwa kebanyakan widget yang akan dipasang di blog mengharuskan anda untuk mengubah ataupun menambahkan kode script HTML pada template blog. Namun, tidak jarang terjadi kesalahan atau error saat anda memasukkan kode script HTML pada halaman template. Oleh karenanya untuk berjaga-jaga bila terjadi error saat anda memasang kode script HTML, maka anda perlu untuk mem-backup template blog anda terlebih dahulu, lalu mengembalikannya kembali/restore template blog saat anda memerlukannya.

Backup Template Blog

Masuk ke halaman dashboard > Template > Backup/Restore > Download Full Template > OK

Restore Template Blog

Masuk ke halaman dashboard > Template > Backup/Restore > Browse > cari file template anda yang berekstensi .xml > Open > Upload


Nah, dengan terlebih dahulu membackup template anda, anda bisa menyelamatkan desain template anda dari kesalahan atau error yang terjadi saat anda memasukkan kode script.
Happy Blogging!
Wassalam. 

Baca Selanjutnya » | No comments

Menambahkan Kode Script di Halaman Template Blog

Bila anda tipe orang yang senang mengutak-atik blog dan mendesain blog, maka tutorial yang satu ini tentunya akan sangat berguna bagi anda. Saat anda memasukkan beberapa widget di blog anda akan menemukan bahwa beberapa widget yang akan anda pasang perlu untuk mengubah atau menambahkan kode script tertentu di halaman template di blog.

Cara Menambahkan Kode Script di Halaman Template Blog 

 Step 1

Sebelum anda menambahkan kode script anda harus membackup template blog anda terlebih dahulu.

Step 2

Masuk ke halaman dashboard >  Template > HTML > Expand widget template

Step 3

Paste kode script ke tempat yang dimaksud

Step 4

Sebelum anda meng-klik Save template sebaiknya anda klik preview untuk melihat hasil sementara.

Step 5

Save template

Bila anda sudah sampai di tahap ini, artinya anda telah berada di tahap lanjut dalam belajar membuat blog anda lebih indah dan menarik.
Happy blogging!
Wassalam.

Baca Selanjutnya » | No comments

Upload/Menambah Gambar Ke Blog

Gambar, adalah salah satu elemen penting dalam sebuah artikel. Gambar ini biasanya digunakan untuk membantu agar orang yang membaca artikel bisa lebih memahami isi dari artikel. Dengan menggunakan gambar maksud dari penulis seringkali bisa tersampaikan dengan lebih mudah. Hal ini karena bahasa gambar biasanya jauh lebih komunikatif dibandingkan dengan kata, lisan, ataupun tulisan. Bila anda adalah salah satu tipe orang yang suka menulis sebuah artikel dengan gambar, maka tutorial kali ini mungkin akan sangat berarti bagi anda.

Setelah anda belajar tentang cara membuat blog pada kesempatan kali ini, saya akan mengajarkan anda bagaimana cara upload/menambah gambar ke blog. Bila anda masih pemula dalam hal menulis artikel di blog, maka hal ini bisa jadi sangat penting bagi anda, karena bila anda menuliskan sebuah artikel, anda mungkin akan berpikir untuk memasukkan gambar  ke dalam artikel anda.

Sebagai permulaan, saya hanya akan mengajarkan anda tentang bagaimana cara upload/menambah gambar di blog, untuk memodifikasi gambar, akan saya jelaskan di artikel saya berikutnya.

Cara Upload/Menambah Gambar di Blog

Upload/Menambah Gambar dari Komputer/Laptop

klik ikon insert image > Upload > Choose files > Pilih gambar yang akan di upload > Open > add select

Upload/Menambah Gambar dari Blog Anda Sendiri

klik ikon insert image > pilih gambar > add select

Upload/Menambah Gambar dari Picasa Web Album

klik ikon insert image > pilih gambar > add select

Upload/Menambah Gambar dari Webcam

klik ikon insert image > allow > close > take snapshot > pilih gambar > add select

Upload/Menambah Gambar dari Situs/URL

Copy URL gambar dari hasil googling > klik ikon insert image > paste URL > add select

Cara Mengatur Gambar di Artikel Blog

Ukuran Gambar

Untuk mengubah ukuran gambar pada artikel, klik pada gambar yang telah anda upload, lalu pilih pilihan ukuran yang anda inginkan (small, medium, large, x-large, original size)

Tata Letak Gambar

Bila anda ingin mengatur letak gambar anda dalam sebuah tulisan, maka anda hanya perlu memilih salah satu pilihan tata letak yang anda inginkan (left, center, right).

Menambah Keterangan Gambar

Bila anda ingin menambahkan keterangan di bawah gambar, klik add caption. Bila anda ingin menghilangkan keterangan di bawah gambar maka anda cukup meng-klik remove caption.

Membuat Title dan Alt Gambar

Title dan alt gambar pada sebuah artikel memiliki fungsi SEO tersendiri. Mengenai fungsi Title dan Alt pada gambar, saya akan menjelaskannya kepada anda nanti di artikel saya selanjutnya. Cara memasangnya adalah dengan memilih properties, isi saja kolom title dan alt dengan judul artikel anda. Contohnya seperti gambar di bawah ini.

Nah, sampai disini saya rasa anda sudah sangat mengerti. Semoga artikel tersebut bermanfaat untuk anda.
Happy writing sobat!
Wassalam.

Baca Selanjutnya » | No comments