L'anteprima del risultato finale è quella a destra, in pratica si vedrà un tipo di cornice di colore grigio, messa più che altro come esempio dato che se ve la cavate con Photoshop riuscirete sicuramente a realizzare qualcosa di migliore.
Per aggiungere una cornice ai video su Blogger dovete andare su Modello > Modifica HTML, cercare il tag ]]></b:skin> e prima di esso aggiungere questo codice css:
#video_image_border {
width: 425px;
padding-top: 33px;
padding-left: 4px;
height: 335px;
margin-top: 35px;
background: url(http://3.bp.blogspot.com/-NptTtEoMtjo/VCmxyR43iPI/AAAAAAAAZGE/eW5MYOraOyI/s1600/box.png) no-repeat;
}
Il passo successivo è quello di creare un post, scegliete la visuale HTML ed incollare ogni volta questo codice per l'inserimento del video con la cornice:
<div id="video_image_border">
<iframe width="417" height="292" src="//www.youtube.com/embed/lrRqQkn6kZI?rel=0" frameborder="0" allowfullscreen></iframe></div>
Come avrete notato alcuni codici sono evidenziati in rosso. Il primo è il link della cornice, il secondo è invece il codice per incorporare un video di YouTube.
Si ricorda di utilizzare le stesse dimensioni di altezza (292px) e larghezza (417px) del video come nel codice precedente per rendere compatibile la cornice, altrimenti si vedrà sovrapposta. Se riuscite a creare una cornice più grande allora potrete adottare dimensioni maggiori per il video.
Un'altra bella soluzione per i video è il pulsante oscura sfondo per Blogger.
