Selamat datang di Dunia Tutorial :D Tidak banyak yang akan temukan ditempat ini, Mungkin hanya ide-ide dan pemikiran kecil ditengah keterbatasan kami. Tetapi bagi kami, keterbatasan bukanlah suatu alasan untuk berhenti saling berbagi.

Cara Menambahkan Kode Embed Youtube ke Blogspot

Do you like this post?
Metode sederhana ini sangat membantu sekali dalam meletakkan kode embed dari Youtube. Alat ini sangat penting untuk setiap blogger. Ketika kamu meletakkan alamat video dan klik Ok, kode embed akan muncul dalam kotak teks.

  • Login ke dashboard --> Layout --> Elemen Halaman
  • Klik "Tambah Gadget"
  • Pilih "HTML/Javascript" dan letakkan kode dibawah ini lalu simpan

<script>function go(){var x=document.theform.url.value;var YT=(function(){return {getId:function(u){var a=u.match(/(\/vi\/|v=)([^&]+)/);return (a&&a[a.length-1]);}};})();document.theform.thelink.value=('<object width="'+document.theform.width.value+'" height="'+document.theform.height.value+'"><param value="http://www.youtube.com/v/'+YT.getId(document.theform.url.value)+'&searchbar=0&iv_load_policy=3&ap=%2526fmt%3D18" name="movie"></param><param value="true" name="allowFullScreen"></param><param value="always" name="allowscriptaccess"></param><embed allowscriptaccess="always" width="'+document.theform.width.value+'" src="http://www.youtube.com/v/'+YT.getId(document.theform.url.value)+'&searchbar=0&iv_load_policy=3&ap=%2526fmt%3D18" allowfullscreen="true" height="'+document.theform.height.value+'" type="application/x-shockwave-flash"></embed></object>');}</script><form action="#" name="theform" onsubmit="return go();"><input onfocus="this.value='';this.style.color='#72a8d2'" style="font-size:110%;color:#aaa" value="" name="url" size="50" type="text"/> <input style="font-size:110%;" value="Ok" onclick="javascript:go();document.theform.thelink.select()" type="button"/><br/>Width: <input onfocus="this.value='';this.style.color='#db0000'" style="color:#444;" value="660" name="width" size="3" type="text"/> &nbsp; Height: <input onfocus="this.value='';this.style.color='#db0000'" style="color:#444;" value="544" name="height" size="3" type="text"/><br/><div class="code-block-corner"></div><br/><div class="code-block"><div class="code"><br/><div style="background:#f3f6f7;padding:5px;"><textarea style="width:80%;height:100px;overflow:hidden" name="thelink"></textarea><br/><div style="text-align:center;color:#000;font-style:italic;font-size:130%;"></div></div></div></div></form>

  • Hasilnya akan tampak seperti gambar dibawah ini

SELAMAT MENCOBA!!

Artikel Terkait

1 komentar:

aldar mengatakan... Balas

bohmi sudere

Beri Komentar