cara Merubah tampilan youtube di blog /web

 

Bosan dengan tampilan youtube standart??

Kali ini saya akan memberikan turtorial singkat tentang cara membuat atau merubah tampilan youtube di blog seperti pada gambar di samping....

yachh, langsung aja ya....

1. Log in ke blog sobat.... 

2. Masuk ke Template > EditHTML.

3. Gunakan CTRL + F pada kotak box template dan search 
  ]]></b:skin> atau </style>


4. Pastekan scrypt sebelum ]]></b:skin> atau </style> dan save template atau simpan template

.vidyoutube{text-align: center;background:linear-gradient(to bottom, #fefefe 0%, #d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:10px 0 40px 7.5%;padding:8px 8px 5px;width:500px;box-shadow: 1px 30px 30px -26px #818181}
.vidyoutube object{border:0}

 
  5. Buat postingan baru, di tab HTML dan pastekan scrypt berikut..

<div class="vidyoutube">
<object width="500" height="281" data="//www.youtube.com/embed/121WomHqiNk"></object>
</div>

6. Selesai..

Note :

Untuk tulisan merah digant dengan URL youtube sobat (video)....
Width adalah lebar dan Height adalah tinggi...

Untuk Demo silahkan sobat lihat disini

DEMO

Selamat mencoba....

Related Post: