il link che hai messo richiede delle credenziali , quindi non è visibile...

comunque, sinceramente non ho capito...

poichè il BLOG, in generale, come standard, si presenta già con la stessa identica grafica del sito... 

forse hai usato dei codici extra, che creano conflitto sul tuo... 

Nella tua immagine mi pare non si vedano le immagini...

Hai provato a forzare l'anteprima con CTRL + Anteprima ?

PS: scusa , lo hai protetto... perchè ?

Infatti per il blog ho allegato l'immagine della pagina per mostrare come appare nel browser.

In effetti ho utilizzato dei codici HTML5 extra per ottenere l'effetto zoom sul passaggio del mouse sull'immagine di sfondo e l'effetto di cambiamento d'opacità sull'immagine del logo, non sono quindi due immagini ma due oggetti codice HTML con il file immagine allegato. Pensi che quasto interferisca con l'oggetto blog?

Come potrei fare per evitare un conflitto?

Ho protetto il blog perché vorrei avere il controllo di chi accede al blog stesso al fine di poter evitare qualsiasi forma di abuso o comportamento inadeguato potendo identificare chi accede e verificando la validità dell'indirizzo mail.

non ho guardato il codice ma il blog è in sottocartella, quindi se quei codici hanno dei riferimenti relativi, il problema potrebbe essere quello... devi usare tutti riferimenti assoluti negli url 

Se ti riferisci ad abusi sui commenti , attiva la moderazione... e togli la protezione ...

Io ho inserito il codice HTML e il file collegato come nelle immagini che ti allego, onestamente non saprei identificare se il riferimento non è corretto per il blog, se mi potresti dare una mano tu c'è sempre da imparare.

Allo stesso modo potresti indicarmi come attivare la moderazione, dopo tolgo la pretezione.

cambia così l'indirizzo dell'immagine e guarda se funge... 

se poi manca ancora qualcosa si dovrà vedere il blog... 

per i commenti

Se inserisco il percosrso assoluto succedono delle cose strane: per il logo funziona in tutto il sito e anche nel blog, il codice è:

<style>
.opacity1 img {
opacity: 0.3;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.opacity1 img:hover {
opacity: 1;
}
</style>
<div class="opacity1"><img src="https://ambtest.fredtest.website/files/Logo200.jpg"/></div>

Se faccio la stessa cosa per lo sfondo sparisce in tutto il sito, il codice è:

<style>
.hover1 img {
height: 290px;
width: 1150px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.hover1 img:hover {
width: 1265px;
height: 319px;
}
</style>
<div class="hover1"><img src="https://ambtest.fredtest.website/files/sfondo.jpg"/></div>

Ossignore! Forse è meglio che spenga il computer e che mi faccia una dormita .

Funziona perfettamente.

Si può chiudere questo post, ne avevo aperto insieme un altro riguardo alle registrazioni manuale e automatica della gestione accessi, vedrò che risposte mi arriveranno.

Grazie per il prezioso supporto, buona serata.