O Blogger Templates & Tricks nos oferece um gadget muito interessante que inclui uma caixa de busca acoplada, além dos botões de subscrição do FeedBurner, inscrições via email, botões de redes sociais ( Digg, Twitter , Facebook, Delicious ) para partilhar os seus artigos, entre as redes sociais. Os botões de redes sociais são alimentados por www.addthis.com.
  Vejamos como:




Faça login, clique em "Design" depois em "Editar HTML"
Copie o código abaixo e cole ANTES da tag </head>

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

Salve o template e volte a sua página Design, clique em adicionar um gadget, escolha a opção "HTML/Javascript ", copie o código abaixo e cole dentro do box do gadget. Salve e pronto.
<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXHP-yTs72W_pwCXA7AdFQImEzqMBa4lA5a_XrrbETkMdDdYVQdMCiidLAJSzGN052BVV3QoYGC6VDDxtCcwPGPzyS_Zbaa32iPl9Khal7_Qo3xh1t7HrZYuM9IWyonuwC2YFAicgzGnjF/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_RqT8jUNMgNApnuzIdhlTy1gQ2fC_oQzhKuAO8L9yEQLNHdQj480Wmo8aXIgR0j9mqxKtHdRmPFc3t8P0h8h2aR-fi8vQxCVvjHMAoaTLzm8-CL1__VhBStQJVHSOjJY2IvkcW6g6NQqw/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwiI3w3wrd99I1lOnEDeaMeBK3u6AMaqgTgXJq_HlqVQMdU221wYjvkilEFMpVbvmXJ3w7X0ypW90niHaR27CAuvtuqFivBPn5_FMZY_3uElhJiOr75cu_Eed_YPw5DDvYnEEQwbE_LKp_/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgz2gSaVAUTXfU2vXQqUS6Bw8L68tyoUFj_RfSKiB0dgPfi8R59-xzspDi1SjjR7pfwEPXx2sM2DRCveJlLOW5ZZwMSyPR1S_bQcOd-4rvbaIBtes1vTLvJ0Rx3b_jmrUEigdQ943h-8eT/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9XVJjNGP74irhiPB6xiUecPo1UuO851xDbzjz4r3YZp_fALacVQcAAB8o3otO_UZJKEhqJtyIBtMvLZsuLIl2zTdDhKNwOZsN8aQN9ndhycT25QBaHHf-cFLKAfoI1aIy0DZiRKhWBo/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwqAKisZIYZmNFKFpAfjevRkeEYIOxODJloxKVSHTAjL0tXcE_8IagIyKdBxOH5-CFDmJ2K3Bdc0V1GB5EpDbPkXI-mLsmZ64SZKDr_zUjMVgqOuDgOtwCZiUY-OfRclzERayHwOR_DE/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzECviZ6oR1uOn_Vy5kti2lc1yADVpjawdL8nBvxFf5Rz9Uz3ITzEvNKL8NKvmwf7Lp5zv5kCVuMb2siZXjtFaeOd-HO2CUoJIVph4L8a_GPY6Ll1jmctp7DgddbjlAP9LF4wPdoJFZgo/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtCzAQ3spD6XOJk1n3P71ND0fgCfK-bUV3RolFT3OzodiT1ZFWTOMK8GpJl_S_lr0a7Z_T0gnXEPZAFA4vhCzbuiuhGKq6JeLewmqQcROjz9v-88aOiiECYLk3ieVlccgaqjx5gsTC0PE/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLfjPqU7dk_7OLIY1T7wHrBzWVBMkW6MztqrH_UKHWCFSXqY8oAiwWBoctoTCh1yla3JsbAUF6MUOVxiUNSYSuMotWJ-6U7kXtZqXHTV9TLTLgBf4OYS1SP7NXhOVFbtgAe33z-n_yXU/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhElqXDkWelJDHFEVM-l9BxZcVryN9YsyLYpr5OvWC_dzyo9SpNrq-GudTQNVtTrmn2_7MomkZLUx_jYltV9dhXEy_mN436yq8j6AuIJJ-jYzvmV8HbfA2T2xvITGntavFVfNTNjui0EQ/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10S0ZrA4JI666VrGyPfbu-J4KFh-sdnGzBgdBUf8g01ZdWgMEyStx1ZuGg8UrJ04Z29hZmMp2h_1AX1ftmbEG0ISHtZoXxESApRKUInclGVjFU5IC-3ZMkP5MKws6Q7WoEZkBgE-A8Cw/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>


Configure as partes grifadas:

 FEEDBURNER-ID ► Seu Feedburner ID.(4 vezes).
TWITTER-USERNAME ►Seu Twitter username.
FACEBOOK-USERNAME ►Seu Facebook username.

Caso você tenha algum conhecimento de html e CSS, poderá fazer algumas mudançs para adequar melhor ao seu layout.
Sem Comentários»



0 comentários:

Postar um comentário

Não Exibir Palavrões Por favor.

Não Gostou do Trabalho Entao Nao Comente.

Não Divulgar Outros Blogs.

Não Chingar Usuarios Variados do Blog.

Assinar: Postar comentários (Atom)