displaying un div solo en la página de inicio del blog de tumblr?

Tengo un conocimiento bastante novato de CSS y HTML, y estoy tratando de hacer algo que creo que debería ser relativamente simple (en un tema personalizado de tumblr que estoy creando), pero no puedo encontrar una respuesta directa. Tengo la sensación de que podría haber una manera súper fácil de hacer lo que quiero en JavaScript.

Me gustaría mostrar unaDIV solament en la página de índice principal (es decir, la página de inicio) del blog de tumblr. Parece que la documentación que proporciona tumblr le permite hacer esto hasta cierto punto (a través de la variable {Block: IndexPage}), pero el problema es que el código dentro de este elemento se muestra entodo páginas de índice (es decir, en lugar de aparecer solo en el nivel raíz en / page / 1, aparecerá en páginas de "índice" posteriores como / page / 2, etc.

Aquí está el código que tengo, que no muestra correctamente el div en las páginas de enlaces permanentes:

{block:IndexPage}
    <div class="mid2">
        <div class="midLeft2">  
            <p>test</p>
        </div>   
    </div>
{/block:IndexPage}  

¿Algunas ideas? ¡Cualquier ayuda es muy apreciada

Respuestas a la pregunta(18)

Su respuesta a la pregunta