Come mostrare nei blog a Visualizzazione Dinamica di Blogger il widget per sottoscrivere il canale di Youtube.
Gli utenti di Blogger sanno bene che i modelli a Visualizzazione Dinamica hanno un sacco di pregi a partire dalla eccezionale velocità di caricamento della pagina ma anche il difetto non irrilevante di avere una scarsa possibilità di personalizzazione rispetto ai classici template.
Bisogna dire però che aguzzando l'ingegno qualcosa si riesce a fare anche con questi modelli. La limitazioni più sentite sono quelle della mancanza di vere sidebar e della impossibilità di inserire widget HTML/Javascript. In verità una specie di sidebar esiste anche nei modelli Dynamic Views che si mostra con effetto slide sulla destra quando ci si passa sopra con il cursore
Vi si possono aggiungere i widget compatibili andando su Layout > Aggiungi un gadget. In questo modo si può inserire il Profilo, presente di default, il badge di Google Plus, l'Archivio del blog, il pulsante +1, il traduttore, il gadget delle Statistiche e il pulsante per sottoscrivere i feed.
Vediamo come sia possibile aggiungere anche il widget per iscriversi al nostro canale di Youtube. Tale gadget verrà visualizzato a scorrimento e avrà questo aspetto
Si va dunque su Layout > Aggiungi un gadget > Base e si scorre fino a trovare Testo che è compatibile con i template a Visualizzazione Dinamica
Si mette un titolo a piacere quindi nell'Editor di Sezioni del sito si clicca su Modifica HTML in modo da visualizzare Formato RTF. Ecco i passaggi da seguire
Il codice da incollare è quello dell'iFrame che permetterà ai navigatori di sottoscrivere il nostro canale Youtube e il widget sarà visibile anche nella finestra se si clicca su Formato RTF
Si va su Salva e si posiziona il widget nell'ordine che si preferisce. Se adesso si passa con il mouse sulla sidebar a scorrimento si potrà visualizzare il widget cliccando sul suo titolo. Il codice è questo
<iframe id="it" src="http://www.youtube.com/subscribe_widget?p=parsifal32" style="overflow: hidden; height: 105px; width: 300px; border: 0;" scrolling="no" frameborder="0"></iframe>
Però la sua visualizzazione probabilmente non sarà ottimale perché di default i widget Testo hanno altre dimensioni. Si va quindi su Modello > Personalizza > Avanzato > Aggiungi CSS e si incolla questo CSS
.text-widget-content {
width: auto;
height: auto;
max-width: 600px;
max-height: 800px;
}
width: auto;
height: auto;
max-width: 600px;
max-height: 800px;
}
per aumentare larghezza e altezza massima dei gadget Testo. Si posiziona il cursore dopo l'ultima parentesi graffa e si pigia su Invio. Si termina andando in alto a destra su Applica al blog. Concludo ricordando che si deve ovviamente sostituire il nome utente nel codice dell'iFrame.
Nessun commento :
Posta un commento
Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy