Beranda > wordpress > Cara Pasang Video Youtube di Sidebar Blog WordPress.com

Cara Pasang Video Youtube di Sidebar Blog WordPress.com

10 Mei 2011 Tinggalkan Komentar Go to comments

Cara Pasang Youtube di Blog WordPress

Pasang Video Youtube di Blog | Cara Pasang Video di sidebar Blog WordPress

cara mudah pasang video youtube di blog wordpress


Narablog yg budiman,

Banyak tutorial yg saya tulis disini hasil ngintip page source blognya neng Erwin Aziz. Mulai dari masang musik di blog wordpress.com dan cara memasang floating images di wordpress.com. Nah ketika saya blogwalking ke rumah virtual si neng ini, eh ada yang baru rupanya. Yang baru bukan hanya themesnya. Di sidebar kanan ada video youtube yang bertengger dengan manis. Karena penasaran, saya intip page source blog si neng dan voila! Begitu rupanya. Makasih ya win :-*

Tutorial ini bukan tentang cara memasang video youtube di dalam postingan lho yah, melainkan di sidebar blog wordpress.com anda. Kalau blog yg platformnya wordpress.org (hosting sendiri) pasti tidak kesulitan memasang video di sidebar karena wordpress.org bisa pasang kode javascript. Di wp.com engga bisa pake javascript di sidebar. Tapi ini bisa diakalin. Lihat saja video youtube yg saya embedd ke sidebar blog ini :)

Sobat penasaran? saya kasih kode HTML Cara Pasang Video Youtube di Sidebar Blog WordPress.com yah. Video youtube yang saya berikan kodenya adalah Circle of Love: Hypnosis to Attract and Radiate Love (ini salah satu favorit saya):

Caranya:

  1. Login ke halaman admin blog WordPress.com anda
  2. Di sidebar sebelah kiri sorot mouse anda ke bagian ‘Tampilan’  lalu klik tanda [ ▼ ] agar submenu dropdown-nya muncul
  3. Kemudian klik sub menu ‘Widget’
  4. Pada halaman ‘Widget’ pilih widget ‘Teks’
  5. Kemudian tahan dan geser widget Teks ini ke samping kanan pada menu ‘Sidebar’
  6. Setelah anda letakkan di samping kanan pada menu ‘Sidebar’ kemudian klik tanda [ ▼ ] pada pojok kanan atas widgets text tersebut agar area dropdown-nya muncul
  7. ketikkan kode dibawah ini pada area tersebut

kode HTML pasang video youtube di blog wordpressklik gambar untuk memperbesar

<code><span class=’embed-youtube’ style=’text-align:center;display:block;’>[/youtube=http://www.youtube.com/watch?v=Tj08M9X398Q&amp;w=250&amp;h=250]</span></code>

Keterangan:

  • yg dibold warna biru adalah alamat video tersebut di youtube. Coba sobat ketikkan kode berwarna biru itu ke browser. Pasti ketemu dengan videonya di youtube
  • yg dibold warna merah adalah lebar (w) dan tinggi (h) videonya di sidebar. sobat sesuaikan saja dengan sidebar di blogmu, karena tiap blog di wordpress.com punya ukuran sidebar yang berbeda. Apalagi yg memakai 3 column themes, pasti harus mengecilkan ukuran  w=280 dan h=280 diatas. untuk theme yg saya pakai ini (INove), ukuran pasnya adalah 250 x 250.
  • jangan lupa hapus tanda “ / ” di kode HTML ini agar kodenya dapat berfungsi
  • Jika video diatas ingin diganti dengan video lain maka yg harus sobat lakukan adalah mengganti kode HTML yg dibold biru itu dengan video lain. Misalnya sobat ingin ganti dengan video Briptu Norman yang lagi asyik nyanyi caiya caiya… trus sobat browsing di Youtube dan ketemu kode HTML-nya : http://www.youtube.com/watch?v=a-m4SxEvnXA&feature=related. Hapus yang saya bold ungu, lalu kopi paste ke kode HTML yang saya bold biru di atas. Video sobat langsung berganti dengan yang baru!
  • btw, engga semua video bisa sobat embedd dengan sukses karena ada video youtube yg mensyaratkan sobat harus ngeliad langsung di youtube-nya .

Nah gimana sob? gampang kan cara memasang video youtube di sidebar blog wordpress? mau coba? Semoga berguna yah! Jangan lupa mampir kblognya neng erwin juga, sapa tahu sobat bisa mendapatkan ilmu baru seperti saya ini (uhuuy) :D

Tutorial ngeblog di wordpress.com lain yang mungkin berguna : klik disini

tags: Cara Pasang Video Youtube di Sidebar Blog WordPress | cara pasang youtube di sidebar wordpress.com | pasang video youtube di blog

Categories: wordpress Tag:, , , , , ,
  1. Dewi Ratih
    14 Mei 2012 pada 10:45 | #1
    Balas | Kutipan

    kok saya mlh gre getan meliahat bundaran love’( INSYA ALLAH NGGA KENA HIPNO nya ach heeeee hiiiiii>>>>>><<<<< mantpz dech slm sy kembali(DOB)

  2. ricky27
    5 Mei 2012 pada 19:16 | #2
    Balas | Kutipan

    punyaku g bisa dipasang tuh…??

  3. sangpertamaxx
    15 April 2012 pada 10:50 | #3
    Balas | Kutipan

    Mantep Kang Infonya
    Mampir Ke Blog ane http://sangpertamaxx.wordpress.com

  4. let’s creative
    2 Februari 2012 pada 19:20 | #4
    Balas | Kutipan

    mantab .. thanks atas infonya

  5. ilazohgla
    29 Januari 2012 pada 09:53 | #6
    Balas | Kutipan

    thank’s 100% work .. !!

  6. shandhy
    31 Desember 2011 pada 12:32 | #7
    Balas | Kutipan

    Apa iya

  7. kejutanmenarik
    25 Desember 2011 pada 23:25 | #9
    Balas | Kutipan

    Makasih ya,,, aku udah bisa masukin video di wp ku… :)
    Sangat bermanfaat..
    Mampir di blog ku juga ya.. http://kejutanmenarik.wordpress.com/

  8. Desudjia / DSK
    6 November 2011 pada 14:04 | #11
    Balas | Kutipan

    makasih ya informasinya aku segera mencoba :)
    salam kenal :)

  9. indrasetiawan17
    28 Oktober 2011 pada 17:22 | #12
    Balas | Kutipan

    mantaf info nya gan :D

  10. hendri
    21 Oktober 2011 pada 22:50 | #13
    Balas | Kutipan

    mas… gimana cara membuat 5 buah video youtube muncul bergantian di blog ?

  11. BUJU-BUJU
    8 September 2011 pada 19:29 | #14
    Balas | Kutipan

    thankzz sobat ini sangt memabntu buat aku,,,,,good jobb

  12. what is cancer
    7 September 2011 pada 05:28 | #15
    Balas | Kutipan

    sdh aku coba,,,,nice bro

  13. Dwi Hatmoko The Luffy
    19 Agustus 2011 pada 11:14 | #16
    Balas | Kutipan

    makasih sobat……….udah dicoba…..dan….berhasil….berhasil….berhasil…..meski ukuran kecil sesuai themes.

  14. Mading SMP Al-Qalam
    28 Juli 2011 pada 11:22 | #18
    Balas | Kutipan

    Terimakasih banyak, sangat bermanfaat… ^_^

  15. riez
    14 Juni 2011 pada 20:29 | #19
    Balas | Kutipan

    terima kasih pencerahannya

  16. karimunjawa paradise beach
    20 Mei 2011 pada 08:51 | #20
    Balas | Kutipan

    Infonya sangat membantu :)

    thank gan.

    jangan lupa juga ya, mampir ke Site ku http://karimunjawabeach.wordpress.com/ Barang Kali ada yng berminat Untuk berwisata.

    Salam Hangat,
    Karimunjawa Paradise Beach

  17. menone
    12 Mei 2011 pada 10:26 | #21
    Balas | Kutipan

    okey sobat menone akan coba hehehehehehe…………….

    salam persahabatan selalu dr MENONE

  18. bustanul
    12 Mei 2011 pada 09:23 | #22
    Balas | Kutipan

    mantep brooooo

  19. red
    11 Mei 2011 pada 11:29 | #23
    Balas | Kutipan

    ●●●ЄЯШЇЙ●●● :
    :-*

    peluk, cium trus lempar dari atas menara eiffel hahaha :mrgreen:

  20. Asop
    11 Mei 2011 pada 10:48 | #27
    Balas | Kutipan

    Asiiiiik makasih Bang Ed! :D :D

  21. achoey el haris
    11 Mei 2011 pada 10:05 | #28
    Balas | Kutipan

    Keren2
    Saya seneng banget ada info ini
    Makasih ya :)

  22. Marchei Riendra
    11 Mei 2011 pada 07:27 | #29
    Balas | Kutipan

    Siiiph…oke ntar kpan2 aku coba. sekarang belum ada ide video apa yang mau dimunculin.

  23. Adi Nugroho
    11 Mei 2011 pada 07:09 | #31
    Balas | Kutipan

    wah si mbakyu erwin ancene top, wkwkwk

  24. Kamal Hayat
    11 Mei 2011 pada 05:34 | #33
    Balas | Kutipan

    Gampang yaa masang video youtobe.. Makasih yaa iomunya..
    salam kenal

  25. Syamsu
    10 Mei 2011 pada 23:14 | #35
    Balas | Kutipan

    Makasih atas infonya.. luar biasa….

  26. ●●●ЄЯШЇЙ●●●
    10 Mei 2011 pada 21:10 | #36
    Balas | Kutipan

    Aku kemarin cari tutorial ini nggak ketemu, tp aku otak-atik sendiri kok muncul videonya ya… :D

  1. 10 Mei 2011 pada 21:11 | #1
    Bunga kopi , dapatkah dikoreksi sobat sekalian…..? | Indonesia Search Engine
  2. 11 Mei 2011 pada 08:20 | #2
    Cara Pasang Video Youtube di Sidebar Blog WordPress.com « Blog History Education
  3. 21 Mei 2011 pada 00:31 | #3
    Sharing Ide Tentang Ngeblog « Rahasia Otak
  4. 2 September 2011 pada 19:19 | #4
    Perbandingan Kecepatan Loading Blog-Blog Seleb! « Rahasia Otak
  5. 14 November 2011 pada 00:13 | #5
    Apa yang Membanggakan dari Blogmu? « Rahasia Otak
  6. 29 November 2011 pada 21:50 | #6
    Apa yang Membanggakan dari Blogmu? | Bloger
  7. 22 Desember 2011 pada 16:27 | #7
    Tips Mempercantik Blog WordPress.com « Rahasia Otak
  8. 28 Desember 2011 pada 14:21 | #8
    Tips Mempercantik Blog WordPress.com « giearyasiva
  9. 9 Januari 2012 pada 11:12 | #9
    Mempercantik Tampilan Blog WordPress « choluoxy
  10. 21 Januari 2012 pada 13:51 | #10
    Agar Tampilan Blog WordPress Semakin Cantik « Mr. T Meteor
  11. 6 Februari 2012 pada 14:30 | #11
    Tips Mempercantik Blog WordPress.com | kopoypoy
  12. 22 Februari 2012 pada 19:49 | #12
    Cara-cara Masukkan Video Youtube ke Dalam WordPress « Pemulihan SK Peserai
  13. 26 Februari 2012 pada 07:49 | #13
    cara memperindah blog « ayyasalfaruq
  14. 26 Februari 2012 pada 18:54 | #14
    Tips Mempercantik Blog WordPress « fuaznk
  15. 26 Februari 2012 pada 19:06 | #15
    Tips Mempercantik Blog WordPress.com « Maksumwidodo's Blog

Mari Berdiskusi !

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Ubah )

Batal

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 1.246 pengikut lainnya.