Membuat Tampilan Video Youtube Seperti TV Di Blog

Membuat Tampilan Video Youtube Seperti TV Di Blog - Sahabat dumay Ayo Kita Nonton Youtube Pake Smart TV di Blog!.Berawal dari iseng-iseng ...

Membuat Tampilan Video Youtube Seperti TV Di Blog - Sahabat dumay Ayo Kita Nonton Youtube Pake Smart TV di Blog!.Berawal dari iseng-iseng nyari tutorial blogger untuk memodifikasi tampilan blog di situsnya Maskolis saya menemukan link yang diarahkan ke situs kompiajaib.com dan dari situlah saya mendapatkan tutorial bagaimana cara Membuat Tampilan Video Youtube Seperti TV Di Blog.
Saya sangat tertarik dan berniat untuk mencobaya,pada awalnya saya gagal dan bukanya tampilan  blog nambah keren,yang ada malah semerawutan kaya kapal pecah.Sebenarnya ngak ada yag salah dengan script yang di berikan sama Mas Ady cuman blog saya memang kurang pas dengan ukuran gambarnya karna halaman postingan saya relatif lebih kecil selain itu juga pada waktu itu masih belum punya Photoshop untuk merubah ukuran gambar backgroundnya.
Membuat Tampilan Video Youtube Seperti TV Di Blog
Dengan koneksi yang terbatas susah payah saya download photoshop dengan dengan tujuan ingin menerapkan scrip ini pada blog saya dan alhamdulillah hasilnya ngak sia-sia.Saya sangat berterimakasih sama Mas Ady karna telah membagi ilmunya pada kita semua.

Bagaimana sobat tertarik untuk menerapkanya di blog,kalo tertarik ini dia langkah langkah untuk membuatnaya :


1. Masuk ke blog sobat
2. Pilih Dashboard >> Template >> EDIT HTML
3. Kemudian centang Expand Widget Templates
4. Selanjutnya cari code ]]></b:skin>
5. Letakkan code berikut ini, tepat di atas code ]]></b:skin>


.video-player{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW744yb6f_QcwaVR7dbAAJft2XBu2B6QeA-_BtBpPk8902RsnAbF0PwtnfaZX9LwGZEOR1Tef84rFXkGb54sk0V-x7jAwu5GbyZ2wX7lODS6e4qh8nY2ascGrkRh1hyphenhyphenuozJazgzYiaOiM/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:35px;margin-left:30px}

Kalo sobat mau gambar televisinya di ubah,search ajah di google terserah sobat mau ganti pake gambar apa aja bisa.Usahakan gambar yg akan di pakai breformat PNG transparan supaya gampang dieditnya.Setelah itu upload lagi gambarnya di blog Sobat sendiri kemudian copy url gambar yang telah di modifikasi tadi dan pastekan ke url gambar yang berwarna merah.

Nah untuk memanggilnya di postingan Sobat, silhkan gunakan script di bawah ini pada postingan HTML Sobat,ingat ya bukan di compose
<div class="video-player">
<iframe height="281" src="URL VIDEO" width="500"></iframe>
</div>
Keterangan :
Ganti code yang berwarna merah dengan URL video youtube yang di embed.Lebar dan tinggi videonya harus disesuaikan dengan gambar background begitu juga pada kode CSS-nya. Aturlah angka-angkanya itu biar pas.
Kalo sobat blm tau cara mendapatkan code di embed youtube silahkan klik Cara Mendapatkan Kode Embed Youtube

Untuk demonya saya kasih lagu dari Repvblik - Sandiwara Cinta


NB :
Kalau sobat kesusaha mengatur posisi video supaya letaknya berada di tengah gunakan tambahan kode script <div align="center">Kode Video Yang Tadi</div>
Kira kira kalo di satukan kode scripnya jadi seperti ini :
<div align="center">
<div class="video-player">
<iframe height="281" src="URL VIDEO" width="500"></iframe>
</div>
</div>

Ok sekian saja,maaf maaf aja ya klo ada yang salah.Smoga artikel ini dapat bermanfaat,selamat mencoba...

Sumber : www.kompiajaib.com

COMMENTS

BLOGGER: 11
Loading...
Name

Adsense,1,Android,13,Anti Virus,5,Apps,1,Bitcoin,3,Blackberry,2,Download,88,Entertainment,10,Film,1,Game,3,Instagram,1,Internet,35,Iphone,2,Musik,5,Otomotif,7,Software PC,78,Sport,11,Tekno,3,Tips Dan Trik,22,Trick Komputer,15,Tutorial Blog,22,Twitter,1,
ltr
item
Penghuni Dumay: Membuat Tampilan Video Youtube Seperti TV Di Blog
Membuat Tampilan Video Youtube Seperti TV Di Blog
https://1.bp.blogspot.com/-5pUOXL-OP2M/UURVBv9rPZI/AAAAAAAAAkI/pdjvu2Ys-D8/s462/intro-smartHubTV).png
https://1.bp.blogspot.com/-5pUOXL-OP2M/UURVBv9rPZI/AAAAAAAAAkI/pdjvu2Ys-D8/s72-c/intro-smartHubTV).png
Penghuni Dumay
https://penghunidumay.blogspot.com/2013/03/membuat-tampilan-video-youtube-seperti.html?m=0
https://penghunidumay.blogspot.com/?m=0
https://penghunidumay.blogspot.com/
https://penghunidumay.blogspot.com/2013/03/membuat-tampilan-video-youtube-seperti.html
true
3606268407740588294
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy