Google+ Widget para seu blog/site

Notei que muitos blogueiros estão procurando exaustivamente um widget da nova rede social do Google para adicionar no Blogger em especial ou para seu site. Atendendo a vários pedidos feitos aqui no blog fiz esta postagem de como você adicionar um widget do Google+ para seu blog. Com este widget você poderá mostrar aos visitantes de seu blog ou site que você tem uma conta no Google+, podendo assim eles te adicionar na rede social. Portanto, uma grande oportunidade de entrar em contato com o visitante. Primeiro precisaremos do ID da conta do Google+ para isso siga os passos abaixo.

 ○ Pegando o ID:
   • Entre na sua página do Google Plus;
   • Na página do Google+ vá no endereço copie os números entre http://plus.google.com/ e /posts, esses números representam sua ID Google+.

 ○ Adicionando o Widget ao seu blog:
   • Entre no site Widgetsplus
   • Clique em "Get Widget";
   • Em "Basic Settings" de "Settings";

   • Adicione sua ID em "Google+ ID";
   • Em "Text Font" selecione a fonte do Widget, em "Width" selecione a largura que deseja, e em "Language" selecione "Portuguese".
Dica: Se você deseja mostrar o fluxo de atualização de seu perfil Google+ no seu widget, assinale "Include update feed". você pode definir suas próprias opções para o seu Widget Google+ nas guias diferentes. Você pode ainda acompanhar suas estatísticas como: cliques, seguidores, etc. Terminada as configurações desejadas, clique em "Get Code" para pegar seu código. Copie o código gerado.

 ○ Adicionando ao seu blogger:
   • Abra seu blogger, vá em "Design", "Elementos da página", e "Adicionar um Gadget";
   • Selecione "Html/Javascript";
   • Cole o código e clique em "Salvar", visualize para ter certeza que tudo está "OK". 
Atenção Importante: Não se esqueça de nos adicionar aos seus círculos.

Gratuito
Cadastro: Não

Postador por Spectro / Comentários

Botões de redes sociais para seu blog/site

Quem tem blog sabe muito bem quão é importante aderir botões para compartilhamento em rede sociais. Para facilitar a nossa vida, existem inúmeros serviços que nos oferecem widgets práticos para este tarefa. Por que adicionar um widget de partilha em seu blog/site? Um widget de compartilhamento aumenta o número de visitantes aos seus artigos, aumentando assim em 20-50% o número de visitantes. Um dos exemplos é o site ShareSidebar que dispõe de um widget para sua página na web. Mostrarei aqui alguns sites onde você poderá criar seu próprio widget personalizado para assim seus leitores ter opções de compartilhamento do seu post.

○ Way2blogging
Um dos serviços mais usados, e um dos melhores é do site Way2blogging, o Encontre Dicas usa o serviços do site, você pode notar no fim da página, um bookmarking excelente, com um design espetacular.
   • Abra o Blogger, vá em "Design", "Editar Html", e marque a opção "Expandir modelos de widgets".
   • Pressione "Ctrl + F", e procure por: ]]></b:skin>
   • Copie o código abaixo, e cole antes da tag ]]></b:skin>

div.sexy-bookmarks { height:54px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_th_mxkgsErBoirfJBC5mwIDQi_XeBvoG6cVWInxJKeYjrzva7Eh16SafrkDrXULTLRnMgMAL8egPFoNfYJqjTJBQJO_e3lT0pwYmRSC24Rt3xdn2uGbFC8dIwRqIkThYA4Fbevk2-bD0/') no-repeat left bottom; position:relative; width:540px; }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_th_mxkgsErBoirfJBC5mwIDQi_XeBvoG6cVWInxJKeYjrzva7Eh16SafrkDrXULTLRnMgMAL8egPFoNfYJqjTJBQJO_e3lT0pwYmRSC24Rt3xdn2uGbFC8dIwRqIkThYA4Fbevk2-bD0/') no-repeat right bottom; position:absolute; right:-17px; }
div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; }
.sexy-furl, .sexy-furl:hover,
.sexy-digg, .sexy-digg:hover,
.sexy-reddit, .sexy-reddit:hover,
.sexy-stumble, .sexy-stumble:hover,
.sexy-delicious, .sexy-delicious:hover,
.sexy-yahoo, .sexy-yahoo:hover,
.sexy-blinklist, .sexy-blinklist:hover,
.sexy-technorati, .sexy-technorati:hover,
.sexy-facebook, .sexy-facebook:hover,
.sexy-twitter, .sexy-twitter:hover,
.sexy-myspace, .sexy-myspace:hover,
.sexy-mixx, .sexy-mixx:hover,
.sexy-script-style, .sexy-script-style:hover,
.sexy-designfloat, .sexy-designfloat:hover,
.sexy-syndicate, .sexy-syndicate:hover,
.sexy-email, .sexy-email:hover { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEM2QhMc_Qv9yJLcZubTJX2ZqSc42zAb9yWGeNaeHF2n2f2DvwdmZSLW0YH0XmzGYIQWVaq4tMFcKWACsR4L2663amTUjMMcF0rGdBYXkWahJxMsaE3ZBw0Cm6yKt_7uTVFzLp-xtnLkD/') no-repeat !important; }
.sexy-furl { background-position:-300px top !important; }
.sexy-furl:hover { background-position:-300px bottom !important; }
.sexy-digg { background-position:-500px top !important; }
.sexy-digg:hover { background-position:-500px bottom !important; }
.sexy-reddit { background-position:-100px top !important; }
.sexy-reddit:hover { background-position:-100px bottom !important; }
.sexy-stumble { background-position:-50px top !important; }
.sexy-stumble:hover { background-position:-50px bottom !important; }
.sexy-delicious { background-position:left top !important; }
.sexy-delicious:hover { background-position:left bottom !important; }
.sexy-yahoo { background-position:-650px top !important; }
.sexy-yahoo:hover { background-position:-650px bottom !important; }
.sexy-blinklist { background-position:-600px top !important; }
.sexy-blinklist:hover { background-position:-600px bottom !important; }
.sexy-technorati { background-position:-700px top !important; }
.sexy-technorati:hover { background-position:-700px bottom !important; }
.sexy-myspace { background-position:-200px top !important; }
.sexy-myspace:hover { background-position:-200px bottom !important; }
.sexy-twitter { background-position:-350px top !important; }
.sexy-twitter:hover { background-position:-350px bottom !important; }
.sexy-facebook { background-position:-450px top !important; }
.sexy-facebook:hover { background-position:-450px bottom !important; }
.sexy-mixx { background-position:-250px top !important; }
.sexy-mixx:hover { background-position:-250px bottom !important; }
.sexy-script-style { background-position:-400px top !important; }
.sexy-script-style:hover { background-position:-400px bottom !important; }
.sexy-designfloat { background-position:-550px top !important; }
.sexy-designfloat:hover { background-position:-550px bottom !important; }
.sexy-syndicate { background-position:-150px top !important; }
.sexy-syndicate:hover { background-position:-150px bottom !important; }
.sexy-email { background-position:-753px top !important; }
.sexy-email:hover { background-position:-753px bottom !important; }

    • Ainda em "Editar Html", procure por: <data:post.body/>
    • Copie e cole o código "Abaixo" da tag

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Delicious' rel='nofollow'/></li>
<li class='sexy-digg'>
<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This Post' rel='nofollow'/></li>
<li class='sexy-technorati'>
<a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Technorati' rel='nofollow'/></li>
<li class='sexy-reddit'>
<a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Reddit' rel='nofollow'/></li>
<li class='sexy-stumble'>
<a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This Post' rel='nofollow'/></li>
<li class='sexy-designfloat'>
<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on DesignFloat' rel='nofollow'/></li>
<li class='sexy-facebook'>
<a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Facebook' rel='nofollow'/></li>
<li class='sexy-twitter'>
<a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Twitter' rel='nofollow'/></li>
<li class='sexy-furl'>
<a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Furl' rel='nofollow'/></li>
<li class='sexy-syndicate'>
<a href='http://feeds.feedburner.com/encontredicas' title='Subscribe to RSS' rel='nofollow'/></li>
<li class='sexy-email'>
<a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Email' rel='nofollow'/></li>
</ul>
<span class='sexy-rightside'/>
</div>

   • Atenção: Lembre-se se substituir o http://feeds.feedburner.com/encontredicas pelo do seu blog/site.
   • Dica: Se você quer mostrar esse widget apenas na página da postagem em seguida, adicione o código abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Ponha o código do widget aqui -->
</b:if >

   • Pronto, salve o modelo, e visualize.

○ ShareThis
Um outro site excelente de botões de compartilhamento é o Sharethis. Com várias opções muito boas, escolha seu modelo, e tenha um design inovador.
   • Entre no site clicando aqui!
   • Primeiro escolha a opção "Website".
   • Depois escolha o estilo que mais lhe agrada, existem 4 modelos. Dependendo do estilo escolhido, você pode usá-lo tanto na vertical quanto na horizontal.
   • Terminada a personalização do seu widget, clique em "Get The Button". Note que é necessário o cadastro, preencha-o e pressione "Register".
   • Após realizar o cadastro, aparecerá dois códigos, o primeiro você deve colocar onde quer que o widget apareça. Recomendo que coloque abaixo de: <data:post.body/> ou abaixo de: <div class='post-footer'>, ou em outro local de sua preferência!
   • O segundo código você deve colocar "Acima" da tag </head>
   • Pronto, salve o modelo, e visualize se está tudo OK.

○ ShareSidebar
Tem um blog/site? Adicione o ShareSidebar ao seu blog, aumentando assim o número de seus visitantes, o ShareSidebar tem uma barra lateral muito fácil de usar, e totalmente gratuita. Basta entrar no site e pegar seu widget.
   • Entre no site ShareSidebar, e pegue seu código.
   • Em "Side of the page" selecione onde quer que a barra fique em seu site, esquerda ou direita;
   • Em "Services" escolhe as rede sociais que deseja, facebook, google +1, twitter, delicious, stumbleUpon, entre outras.
   • Pressione "Get the Code", copie e cole o seguinte código em seu site, antes da tag de fechamento

</body>

   • Pronto, salve o modelo, e visualize.

Aproveitando o post, ajude-nos a compartilhar, compartilhe também!

Postador por Spectro / Comentários

Caixa estática do facebook com efeito jquery hover

O facebook é uma ótima rede social para compartilhar seus links, fazer amigos, entre tantas outras utilidades, inclusive para blogueiros. O facebook já tem um widget super legal, mas que tal o bom ficar ainda melhor? Isso é possível. O site Way2blogging modificou o widget padrão tornando assim o widget mais profissional. Com este widget você terá um novo design em seu blog. Tenha uma caixa com um simples efeito jquery hover, mas muito interessante. Saiba como adicionar uma caixa estática do facebook com efeito jquery hover.

Vamos começar:
1 - Adicione o plugin JavaScript Jquery [Ignore este passo, caso seu blog já tenha um plugin jQuery]
• Abra o painel do blogger, vá em "Design", "Editar html".
• Pressione "Ctrl + F", e procure por </head>
• Agora antes da tag </head> copie e cole o código seguinte:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

2 - Agora adicione o código do Widget. É muito simples. Substitua o URL da página do facebook abaixo com a URL para sua página.

Url da sua página do Facebook :

Atenção: Tem que ser URL da página, e não do perfil do facebook. Se gostou comente!

Fonte: Way2blogging.org

Postador por Spectro / Comentários

OpenBEXI editor WYSIWYG

Criar uma Webpage não é nada fácil, e para esta tarefa precisa de um editor fácil de usar, e poderoso. OpenBEXI é um editor com estas duas qualidades, editor WYSIWYG, ele permite que você edite e veja os textos, fotos, widgets, exatamente como eles aparecerão numa página da web.

Com o OpenBEXI você pode publicar e gerenciar seu site de forma simples. Ou, se você não tem seu site ainda, poderá criar seu site com este programa, pois ele vem com todas as ferramentas necessárias para criar, gerenciar, e publicar artigos na internet.

Edite sua página, redimensione widgets, imagens, caixas de texto, e muitas outras opções. Ferramenta ótima para configurar seu site em FTP. A ferramenta pode ser usada no idioma português. Para os iniciantes, esta ferramenta não é muito fácil de usar, testamos e concluimos que é complicado o usá-la.

Gratuito
Versão: 3.1
Tamanho: 59,30 MB
Sistema: Windows Todos
Empresa: OpenBEXI

Postador por Spectro / Comentários

Krento 2.1 novo visual em seu desktop

Quer mudar a design do seu desktop e não sabe como? Então conheça o Krento 2.1.0.0. Krento irá modificar o modo como você navega entre os ícones de sua área de trabalho. Baixe e confira agora mesmo!

Com esse programa você poderá colocar ordem em seu desktop definitivamente, com ele é muito fácil de encontrar seus softwares, ter acesso muito mais rápido aos seus sites favoritos, se tornando divertido o uso do Krento. Krento um organizador moderno que com certeza combinará com as funcionalidades e aplicativos do seu Windows, com uma engine poderosa. Ao contrário de outros programas semelhantes Krento melhora muito mais na funcionalidade do que propriamente na decoração.

Krento funciona como Widget. Exibindo e carregando widgets ricos e interativos na sua área de trabalho. Os widgets fazem qualquer coisa, exibem a data atual, o tempo, atalhos para outros programas e sites favoritos para serem aberto em seu navegador. Além de já está disponível vários widgets, o número cresce a todo momento.

Alterando Skin:

Ative Aplicação Anel do Krento . Pressione o botão esquerdo do mouse quando o mouse aponta para a sua área do círculo dentro do Gerenciador.

Requisitos:

• Sistema Operacional: Windows XP (SP1), Windows Vista, Windows 7 (32 bits e 64 bits)
• 32 bits de profundidade de cor de tela
• Microsoft. NET Framework 2.0

Gratuito

Versão: 2.1.0.0

Tamanho: 8,30 MB

Sistema: Windows XP/Vista/7

Desenvolvedor: Serhiy Perevoznyk

Postador por Spectro / Comentários

Postagens com aúdio em seu site/blog?

Isso mesmo, você pode colocar um botão em seu site/blog para que seus leitores ouçam as postagens.

O site VozMe oferece esse serviço que é muito útil, pense eu todos os seus leitores, todos os seus seguidores, há aqueles que por algum motivo sentem certa dificuldade em ler determinada postagem, nada melhor do que colocar um botão para que eles ouçam suas postagens, e assim não fiquem com água na boca. Conheça agora mesmo o vozMe e o adicione em sua página da Web.

Como Adicionar no Blogger?

• Acesso Modelos> Editar HTML.
• Marque a opção "Expandir HTML".
• Encontre a linha: <span class='post-icons'>
• Antes desta linha, inserir o código:

<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger("" + data:post.id + "","pt","ml");"' href='javascript:void(0);' style='margin-left:1.5em;'>((&#8226;)) Ouça este post</a>

• Visualize, se estiver tudo correto, salve as alterações.
• Obs.: Caso queira mudar para voz feminina, basta alterar "ml", por "fm".

Se quiser colocar o vozMe com imagem siga os passos acima e acrescente mais alguns códigos.

1. Encontre a linha: <div class='post-footer'>.
2. Antes dessa linha crescente o seguinte código abaixo:

<div id='voice'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/> <a expr:onclick='"get_blogger("" + data:post.id + "","pt","ml");"' href='javascript:void(0);'><img src='http://vozme.com/img/paper_sound32x32.gif' align='left' alt='' border='0' style='margin-right:0.4em;'/></a></script>
<a expr:onclick='"get_blogger("" + data:post.id + "","pt","ml");"' href='javascript:void(0);' style='font-size:10px;'>Ouça<br/>este post</a>
</div>

• Para alterar a imagem substitua, http://vozme.com/img/paper_sound32x32.gif, para uma imagem a seu gosto.

Como Adicionar no WordPress?

• Baixar vozme.zip(versão 1.5) ou vozme.tar.gz (versão 1.5).
• Extraia o arquivo compactado. Você receberá uma pasta chamada vozme.
• Enviar a pasta vozme para /wp-content/plugins/.
• Comece no Wordpress administração ferramenta > Plugins e clique no link "Ativar" dentro do plugin Vozme
• Acesso a "Opzioni> vozMe" e escolha o seu favorito opções.

Adicionando Gadget.
Se quiser apenas um Gadget do vozMe acesse o site clicando aqui.

Postador por Spectro / Comentários

Krento 2.0 Novo visual no seu desktop

Quer mudar a design do seu desktop e não sabe como? Então conheça o Krento 2.0.

Com esse programa você poderá colocar ordem em seu desktop definitivamente, com ele é muito fácil de encontrar seus softwares, ter acesso muito mais rápido aos seus sites favoritos, se tornando divertido o uso do Krento. Krento um organizador moderno que com certeza combinará com as funcionalidades e aplicativos do seu Windows, com uma engine poderosa. Ao contrário de outros programas semelhantes Krento melhora muito mais na funcionalidade do que propriamente na decoração.

Krento funciona como Widget. Exibindo e carregando widgets ricos e interativos na sua área de trabalho. Os widgets fazem qualquer coisa, exibem a data atual, o tempo, atalhos para outros programas e sites favoritos para serem aberto em seu navegador. Além de já está disponível vários widgets, o número cresce a todo momento.

Alterando Skin:

Ative Aplicação Anel do Krento . Pressione o botão esquerdo do mouse quando o mouse aponta para a sua área do círculo dentro do Gerenciador.

Requisitos:

• Sistema Operacional: Windows XP (SP1), Windows Vista, Windows 7 (32 bits e 64 bits)
• 32 bits de profundidade de cor de tela
• Microsoft. NET Framework 2.0

Gratuito

Versão: 2.0

Tamanho: 8,20 MB

Sistema: Windows XP/Vista/7

Desenvolvedor: Serhiy Perevoznyk

Postador por Spectro / Comentários

Widgets para todos os gostos

Um widget é um componente de uma interface gráfica do usuário, o que inclui janelas, botões, menus, ícones, barras de rolagem, etc. 

Widgets são mini aplicativos que são geralmente usados em blogs, e sites, e servem para muitos fins, exemplo: exibir notícias, fotos, jogos, e muito mais. Aqui você encontrará vários widgets para seu blog, ou site, todos os widgets são gratuitos.

Escolha seu widget, e depois clique em "Get Widget", após, escolha os respectivos tamanhos que mais combinam com seu blog, clique onde está inscrito "For most other sites, use the code below" copie e cole em Design>Elementos da página>Adcionar gadget>html/javascript, e pronto, seu widget estará instalado. Veja a imagem abaixo como exemplo:

 ACESSO

Link: Widgipedia

Gratuito 

Postador por Spectro / Comentários