Blogger Duyarlı Youtube Video Embeb Kodu Paylaşımı

Arlina Design: Blogger Duyarlı Youtube Video Embeb Kodu Paylaşımı 6.5.16
Youtube videolarını bloglara duyarlı olarak görüntülemek ve bloglarda paylaşılan Youtube videolarını çerçeve yada tasarımlı görünmesi artık daha kolay ve kullanışlı.

Blogger Youtube Videosu Embed Kod Paylaşımı

Blogger Youtube Videolarına Çerçeve Nasıl Eklenir?


1. Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinden Şablon > HTML'i Düzenle ve CTRL+F yardımıyla </head> kodunu bulun ve aşağıdaki CSS kodunu </head> kodunun bir satır üzerine ekleyin ve şablonu kaydedin.

.youtubevideo{
    text-align:center;
    background:linear-gradient(to bottom,#eee 0,#ddd 100%);
    border:1px solid #aaa;
    border-radius:4px;
    margin:5px auto 35px;
    padding:10px 10px 5px;
    width:500px;
    box-shadow:1px 30px 30px -26px #666
}
.youtubevideo object{
    border:0
}

2. Aşağıdaki kodu youtube üzerinden blogunuzda paylaşmak istediğiniz videoların embed kodlarını kod içerisinde renkli alana yapıştırın ve blogunuzdan Yeni yayın > HTML diyoruz ve oluşturmuş olduğunuz kodu HTML kısmına yapıştırın ve video ile ilgili başlık, anahtar kelimeleri, arama açıklaması ve içerikle ilgili açıklamaları yazın ve yayınlayın.

<div class="youtubevideo">
<object width="500" height="300" data="//www.youtube.com/embed/001WomHqiAg"></object>
</div>

Yorum Gönder