Adicionando o botão (Curtir Like) do Facebook

Como indiquei alguns plugins no artigo anterior, agora vamos adicionar o botão Curtir "like" do Facebook ao blog...

Adicionando redes sociais com botões

Olá pessoal! Como já virou mania ou quase regra ter botões de redes sociais em blogs e sites. Tenho uma dica super inportante para passa a vocês. E um código bem simples e com exelentes resultados...

Sidebar com abas e Jquery

Olá pessoal. Vocês já devem ter notado no meu Blog, na sidebar (lateral), abas com três Gadgets, que são: "Destaque", "Recentes" e "Marcadores". É bastante vantajoso você ter em seu Blog...

Caixa de Subscrição para Blogger

Olá pessoal! Acho que muita gente já deve ter visto por alguns blogs/sites, geralmente na parte superior direito uma "Subscription Box" ou Caixa de subscrição...

Quanto vale seu Site/Blog?

Olá pessoal. Achei fantástica a ideia de um site, onde você pode avaliar seu site ao vivo. Sai o resultado na hora. O BizInformation é muito simples e bem fácil de manusear, na verdade o que você tem que fazer é apenas...

Mostrando postagens com marcador Orkut. Mostrar todas as postagens
Mostrando postagens com marcador Orkut. Mostrar todas as postagens

Botão de compartilhamento do Okrut no Blogger (BlogSpot) 0

João Santos | 20:08 | , , ,





Olá pessoal! Aqui no Brasil uma das redes sociais mais usadas é o Orkut, então como já tinha feito anteriormente artigos iguais a esse, como: botões de compartilhamento do FaceBook e Twitter, hoje vamos aprender a postar o do Orkut. Chega de papo vamos a prática?

Logado ao Blogger, Vá em Design ~> Editar HTML ~> Marque a caixinha "Expandir modelos de Widgets". Mais sempre fazendo o Backup antes. Para evitar transtorno futuro, Feito tudo, Copie todo o código abaixo, eu sugiro que leia esse artigo > aqui < os locais ideais para por no seu template. Para que apareça em todas as páginas.


<!-- Google Orkut Share Element -->
<div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('orkut.share', '1');google.setOnLoadCallback(function(){new google.orkut.share.Button({style:mini}).draw('orkut_share');}, true);</script>

Depois de feito tudo, visualize, se estiver tudo bem, salve.

Até a próxima.

Adicionando Redes Sociais Com Botões ao Blogger/BlogSpot 7

João Santos | 11:31 | , , , , ,


Olá pessoal! Como já virou mania ou quase regra ter botões de redes sociais em blogs e sites. Tenho uma dica super inportante para passa a vocês. E um código bem simples e com exelentes resultados. Vamo lá!? Vai em Design adicionar gadgets HTML/JavaScript,  e postar todo o código abaixo nele. depois de fazer isso, você terá que mudar tudo que está em vermelho, pela URL de seu perfil em cada um. Por exemplo: o seu perfil do Twitter é www.twitter.com/seuperfil , você irá postar a sua URL onde está em vermelho, e a mesma coisa com o orkut, facebook e Feed.



<div style="margin: 5px; padding: 10px;"><a
href="ENDEREÇO DO FEED"><img
style="border: 0px solid ; width: 48px; height: 48px; float: left;"
alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlT5xmH-axedsp6sMKo-sGO1GRV_BKh8Z_IEfwNPwZ9voeXLOUk19vFFKoHjT7r6HDUPLwmiDDvAEvKjWOs36Go1Bw1imBSBliXoY1ALLNmC_xvZ4jqPliS-8xtavci417WNOo2s5Dfkv/s1600/RSS-icon.png"><a
href="ENDEREÇO DO TWITTER"><img
style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"
alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4wbdL7d38CbEaJ-2Lkfw-ihtd_xgnt22JhtioAQfUxlhTfyYll_skjNDiXG3LBvgZ9DKnCxYIkNiMRDU8CqjqSOdszG-e_jOL_JmKCFpGvVswlfMqZ4megs68HqBiRtC2fy6HOJsxZWh/s1600/Twitter-icon+%25282%2529.png"><a
href="ENDEREÇO DO ORKUT"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4892xAPdgiWKeIWEnmbpBoYgtUqHF6pvgJWyACiDB8xx1PRknkIa8b-iMZKrPqnmkiwg_6F8dB_MXfOSFFQItzbR4vzAXxsyA3vSCNB9sHmqU4rrmirbjzm4T26YU2pSYe_kFlR-cegpr/s1600/Orkut-icon.png"><a
href="ENDEREÇO DO FACEBOOK"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjODMm-8r_EO0ybL-TG5ZGhWob1KrGX3zrStPJWXNn-Nd31N8fPN6qWwO0vijuCSIgej-tDMgKd8SNQk8oiU08rTZUZ32G7RciXEFbpH3Kj2S1jCcpMVjcnjH3vf0-_giu8wXJZF5_pXjgD/s1600/Facebook-icon.png"><br /></img


É só seguir tudo como expliquei e o resultado vai ser esse:






Qualquer dúvida deixe um comentário. Até a próxima!




 
DiretorioUP Copyright © 2010 is Designed by Lasantha Page Rank Technology Blogs - Blog Rankings Technology (Electronics) - TOP.ORG Home | RSS Feed | Comment RSS