Oi amigo, desta vez vou compartilhar um tutorial para fazer mensagem Opener que cobre toda a aparência do blog. E use o botão para remover a exibição da mensagem de boas vindas.
De fato, algumas das administrador do blog ao entrar festa ou dia histórico muitas vezes criam mensagens na forma de parabéns. A partir de fazer a demarcação, a caixa de diálogo e outros.
Aqui está Como Fazer um Opener Livro No Blog
1. Guarde o seguinte código CSS acima do código </style> ou ]]></b:skin>
#welcomebox {position:fixed;top:15%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center}
#welcomebox p{background:rgba(255,255,255,0.8);color:#777;box-shadow:0 0 10px 0 rgba(0,0,0,0.08);font-family:'Playfair Display';font-size:160%;line-height:1.4em;margin:-5px 0 -60px;padding:20px;padding-top:25px;padding-bottom:70px;border:8px solid #FA5858;}
.welcomeclose {background:#555;color:#fff;padding:20px 25px;text-align:center;margin:0 20px;border-radius:3px;padding:4px 10px;text-align:center; cursor:pointer;display:inline;}
.welcomeclose:hover {border:4px solid #222;background-color:#FA5858}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#EEE;}
2. Salve o seguinte código HTML logo abaixo do código <body>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p><b>“Selamat Datang di Blog Kang PP”</b><br/>
<br/>
Semoga anda betah disini, Silahkan komentar di Blog Kang PP Insya Allah admin akan membalasnya ^_^
</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>Continue Reading</div>
</div>
Claro que você pode mudar as palavras do Opener mensagem. Esperemos úteis ^ _ ^
Código Fonte: www.kompiajaib.com/2014/06/membuat-pesan-pembuka-ketika-masuk-blog.html