(3 votes, average: 5 out of 5)
Loading …O que é ? Plugin costumizável do Plurk para o Wordpress.
Comofäs?
001- Clique aqui para baixar o arquivo. Dezipe e envie para sua pasta de plugins. Feito isso, entre em seu painel de controle e ative o plugin.
Fazendo Funcionar:
001- Copie o código abaixo e substitua o username pelo seu usuário no Plurk:
<div class=“plurklink”><a href=“http://www.plurk.com/user/USERNAME”>me adicione no Plurk^^</a></div></div>
Configurando o CSS:
O CSS abaixo é semelhante ao que eu uso aqui no blog e no estilo do balãozinho do Twitter. Portanto, o esquema de preparo da imagem (balãozinho) é praticamente o mesmo, que você pode segui-lo aqui.
Feito o balãozinho, basta colar o código abaixo no CSS e substituir o endereço da imagem e as respectivas medidas de acordo com suas necessidades:
/* ————— Plurk ————— */
#plurk_div {
background-image: url(‘http://endereçodasuaimagem.com.br/imagem.jpg’);
float: center;
width: 200px;
height: 200px;
margin-top: 10px;
margin-right: 6px;
margin-left: 3px;
font-size : 10px;
font-family : tahoma;
padding : 2px;
padding-left : 3px;
letter-spacing : 1px;
border-bottom : 0px solid #FFD4ED;
color: #3e3e3e;
}
ul.plurk {
font-family: verdana;
margin: 0px 0px 2px 0px;
border-bottom: 0px solid #000000;
display: block;
}
li.plurk-item {
font-family: verdana;
margin: 0px 0px 2px 0px;
border-bottom: 0px dashed #FFFFFF;
display: block;
}
p.plurk-message {
width: 230px;
background: none;
border: 0px dotted #E2E2E2;
margin-top: 10px;
margin-left: 8px;
margin-right: 6px;
color: #3e3e3e;
font-size: 10px;
font-family : tahoma;
text-align: justify;
}
.plurk-timestamp {
font-family: verdana;
color: #3e3e3e;
margin: 0px 0px 0px 0px;
border-bottom: 0px dashed #000000;
display: block;
}
a.plurk-link {
color: #ff96ca;
text-decoration: none;
}
.plurklink {
width: 230px;
margin-left: 8px;
color: #ff96ca;
text-align: right;
text-decoration: none;
border-bottom: 1px dashed #ffc2dd;
}
Para dúvidas, visite o site do autor ou faça uma pergunta para mim !
Victoria
