12 Aug 08
às 21:52
Por Dani Danczuk | Arquivado em Tutoriais

Abrindo os comentários em popup ao invés de abrir na página do blog mesmo e com o post.

Baixe o arquivo comments-popup.php descompacte e envie para a pasta do seu tema.

Agora abra o arquivo header.php do seu tema e antes da tag:

</head>

insira este código:

<?php comments_popup_script('380', '370'); // off by default ?>
 

Agora no css do seu tema insira o código abaixo e altere as cores e letras como desejar:

#commentspopup {width: 370px; margin-top: 10px; margin-bottom: 2px; font-size: 10px; color: #000000; font-family: verdana; background-color: #FFFFFF;}
.blocktitle2 {font-size: 11px; font-family: georgia, "trebuchet ms", arial, tahoma; color: #CCCCCC; font-weight: bolder; background-color: #000000; padding: 3px 2px 3px 2px; border: 1px solid #DADADA; border-width: 0px 0px 1px 0px; text-align: left;}
.commentlist li {margin: 15px 0 3px; padding: 5px 8px 3px; list-style: none;}
#commentlist {margin: 0; padding: 0px 2px 0px 2px; border-bottom:0px solid #E2A8C1; list-style-type: none;}
#commentlist li {border-top: 0px; padding: 5px 8px; background: none;}
.commentdate {background-color: #FFFFFF; color: #7a7a7a; letter-spacing: 0px; font-weight: bolder; border-top: 1px solid #DEDEDE; font-family: verdana; font-size: 10px; padding: 5px 2px 2px 5px; text-align: left;}
.comment-content {background-color: #DADADA; color: #000000; letter-spacing: 0px; font-weight: normal; border: 1px solid #DEDEDE; border-width: 0px 0px 1px 0px; font-family: verdana; font-size: 10px; padding: 5px 3px 2px 4px; margin-top: 0px; text-align: left;}
hr {border: 1px; border-top: solid #88D2CF; height: 1px;}

Posts Relacionados

Comentar





Se seu comentário não aparecer aqui após clicar em "Enviar Comentário", é porque ele foi pro spam ou para moderação.
Mas eu vou ler e depois aprovar ou tirar do spam.