Probando la incorporacion de la imagen, mas que se habra la ventana.
Ahora el código quedaría así: 
El codigo para que se abra la ventana es el siguiente y colocar como está arriba.
<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400,top=100px,left=100px'); return false;"><img src="IMAGEN PARA PINCHAR"/></a>
Ahora vamos a escribir un texto para que aparezce en un scroll bar dentro de la entrada o post. Utilizar para el caso de listados largos que no valen la pena que ocupen gran parte de la entrada y ésta no se haga tan larga.-
Esto esta fuera del scroll
La sentencia para el Scroll de ventana es el siguiente:
<div id="scroll">
<p>Contenido del scroll </p>
</div>
Para añadir bordes a la ventana scroll
Y si nos queda tiempo añadirle borde:
border-top: 2px solid #308014;
border-left: 2px solid #308014;
border-right: 2px solid #308014;
border-bottom: 2px solid #308014;
quedaria de esta forma
#scroll {
width:400px;
height:200px;
overflow:auto;
color:#308014;
background:url('url_imagen'); ----> esto es para poner una imagen en el fondo de la ventana
border-top: 2px solid #000000; ---> todos 0 son bordes de color negro.
border-left: 2px solid #308014;
border-right: 2px solid #308014;
border-bottom: 2px solid #308014;
}
vamos a probarlo.