Sobre o Blog

MamanunesO Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade.

Info

8.2.10

image
Se você quer oferecer feeds aos seus leitores mas não encontrou um modelo que combine com seu template, veja esta opção totalmente customizável, com efeito hover (muda de cor ao passar o mouse) publicada no Blogger Tip and Trick.
Fiz umas adaptações para felicitar o entendimento (hehe).




Clique na imagem para ir ao blog DEMO
image
Código de estilo (CSS) para o Gadget:

<style type='text/css'>
#hsection{
border:4px solid #D3D3D3; /* Espessura, estilo e cor da borda*/
background-color:#e9e9e9; /*Cor do fundo */
}
#hsection:hover{
border:4px solid #BABABA; /*Cor da borda ao passar o mouse*/
background-color:#e9e9e9; /*Cor de fundo ao passar o mouse*/
}
#sectionmy .sectionmy2 h2.subscription {
border:0;
margin:0;
padding:6px 0 0 55px;
height:42px; /* Pode variar de acordo com tamanho do ícone*/
font-size:16px; /* Tamanho da letra*/
font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold;
}
#sectionmy .sectionmy2 h2.rss { background:url(ENDEREÇO-DO-ÍCONE-RSS) no-repeat top left;
}
#sectionmy .sectionmy2 h2.email { background:url(ENDEREÇO-DO-ÍCONE-EMAIL) no-repeat top left;
}
#sectionmy .sectionmy2 h2.twitter { background:url(ENDEREÇO-DO-ÍCONE-TWITTER) no-repeat top left;
}
#sectionmy .sectionmy2 .subscription a {
color:#252e28; /*Cor do texto*/
text-decoration:none;
}
</style>
Faça as mudanças que queira e escolha os ícones que mais gostar.
#Dicas
  1. Pesquise ícones no Inconfinder . É só escrever na caixa de busca e pronto, há milhares ótimos.
  2. Para saber mais sobre códigos de cores, leia AQUÍ.
  3. Para saber sobre estilos de borda, leia AQUI.
Depois, faça o login, clic na aba► “Layout”, depois em “ Editar HTML
Copie e cole todo o código, acima da tag </head>
Visualize. Se estiver tudo OK, SALVE O TEMPLATE.
Copie todo o código abaixo e edite (escreva seus endereços e o texto que deseja exibir ao lado dos ícones)

<div id="hsection"><div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss">
<a href="SEU-URL-RSS-FEED">Assine este Feed</a></h2>
<h2 class="subscription email"> <a href="SEU-URL-FEED-EMAIL-SUBSCRIPTION">Receba novidades via EMAIL</a></h2>
<h2 class="subscription twitter">
<a href="SEU-URL-TWITTER">Siga-me no TWITTER</a></h2></div></div></div>
Depois volte a sua página “Layout” e adicione um “Elemento de Página” (gadget) ►HTML/JavaScript
Cole todo o código dentro do box e SALVE.
Pronto. Agora é só posicionar em lugar bem visível.

Se quiser, você pode usar a configuração abaixo, igual a do modelo demo, mas aconselho a ter seus ícones hospedados em seu próprio blog ou em um site de sua preferencia tipo: Tinypic ou Photobucket:

<style type='text/css'>
#hsection{
border:4px solid#D3D3D3;
background-color:#e9e9e9;
}
#hsection:hover{
border:4px solid #BABABA;
background-color:#e9e9e9;
}
#sectionmy .sectionmy2 h2.subscription {
border:0;
margin:0;
padding:6px 0 0 55px;
height:42px;
font-size:10px;
font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold;
}
#sectionmy .sectionmy2 h2.rss { background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/S209wcnxO5I/AAAAAAAAAw4/I7aEXRVYR8s/RSS.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.email { background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S209s4_wFoI/AAAAAAAAAww/8VovLp1Yxlg/EmailRSS.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.twitter { background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S209oJTU3UI/AAAAAAAAAwo/28dTiLvxvDQ/twitter.png) no-repeat top left; }#sectionmy .sectionmy2 .subscription a { color:#000000; text-decoration:none; }
</style>

Sobre Feeds
Se você ainda não entende muito bem o que é um Feeds, aconselho que VEJA O TUTORIAL EM VÍDEO  AQUÍ
Leia o post do Paulo Estevão do “Criar Blogs” ►Como criar um Feed para seu Blog”
Indico ainda  a matéria do Alessandro Martins do “Quero ter um Blog” sobre Feeds por email.
chat_436

25 comentários

Aleluia Web Net

Legal, Mama vou pesquisar alguns icones.

Obrigado!

Carlos Leão.

Marilucia

Oi, achei muito bomo gadget, mas na verdade mama estou procurando algum tuto que ensine a como colocar a assinatura de feed dentre da postagem, ficarei grata se me ajudar, lembrp de ter visto alguma vez isso, mas...

Estarei aguardando retorno,

Obrigada,

Marilucia

MamaNunes

Oi Marilucia
Dá uma olhada nesse tutorial do
Dicas Blogger
http://www.dicasblogger.com.br/2008/08/incrementando-seus-feeds.html

o do Compulsivo
http://www.compulsivo.com.br/2008/08/como-personalizar-o-rodape-dos-posts.html

Se tiver alguma dificuldade me diga. Quem sabe eu possa te ajudar.

bjs

Zero|Com

Mama Nunes Gostaria que você me desse parceria meu site ainda esta muito pobre em visitas :/ mais tenho 13 anos. e queria saber se sei lah se você poderia me arruma uma vaga temporaria de parceria com meu blog linka-jogos.blogspot.com

Anônimo

This аrticlе is genuinely a pleasant one it aѕsists nеw іnternet people, ωho are wishіng in favor
of blogging.http://ѕοundcloud.com/рaulnhall2345/watch-the-big-bang-theory
Look at my webpage - Watch The Big Bang Theory Season 6 Episode 8 Online

Anônimo

Yеs! Finallу ѕοmеоne writeѕ
аbout Watсh Guys with Кids Seaѕon 1 Epіѕodе 9 Оnlinе.
http://www.gathеr.сοm/viewАrticlе.
actiοn?aгtіcleΙԁ=281474981769751
Here is my weblog - Watch Guys with Kids Season 1 Episode 9

Anônimo

Tοdaу, I wеnt to the bеach wіth mу κiԁs.
I found a ѕea shell anԁ gаve it to
my 4 yeаr olԁ dаughter and said "You can hear the ocean if you put this to your ear." She placed thе shell to hеr еаr and screamed.
There waѕ a hermіt crab inѕide and it pinched hеr eаr.
Ѕhе neνег ωants to go back!

LoL ӏ know this iѕ cοmpletelу off topic but I had to
tеll someone!http://wωw.gather.сom/viеwArtiсlе.
action?artіcleId=281474981769781
Also visit my web site Suburgatory Season 2 Episode 6 Free Stream

Anônimo

I thіnk thiѕ іs among the mоst impoгtant
info for me. And i am glad reading yοur article.
But wаnt to гemark on sοme gеneral
things, The ѕite ѕtyle iѕ pеrfеct,
thе articles іs really great : D. Good job,
chеersWhitney Season 2 Episode 2 Poor Whitney
Feel free to surf my website - Whitney Season 2 Episode 2

Anônimo

Hi there, i read your blog ocсaѕionally аnd i own a similaг οne аnd і was just ωondеring if
you get а lοt of spаm feеdback?

Ӏf so how dο уоu preνent it, anу plugіn or anything yοu can aԁνise?

I get sο much lately it's driving me crazy so any support is very much appreciated.http://www.mixcloud.com/AmyLLeal112/watch-survivor-whiners-are-weiners-season-25-episode-10-online-streaming-hd-free/
My website :: Survivor Season 25 Episode 10 Whiners are Weiners

Anônimo

Нi thеre, i read your blog ocсаsionаlly and і own a sіmilar one and i waѕ
just curiouѕ if you get a lot of spam responses? If so how do уou stop it, any plugin or anything уou can adviѕe?
I get so muсh lately іt's driving me insane so any support is very much appreciated.http://soundcloud.com/user757299359/watch-glee-online-season-4
Feel free to visit my blog - Glee Season 4 Episode 7

Anônimo

Wow, this post іs good, my sіstеr is аnalyzіng theѕe kinds of thіngs, thuѕ I am going to
lеt knoω her.http://ωwω.facеbook.
com/eѵеnts/500409009990361/
Feel free to surf my webpage :: Watch Hunted Season 1 Episode 8

Anônimo

Hey! I know this is kindа οff topic but I
was wondering if you knew where I could locate a captcha
ρlugin for my comment form? Ι'm using the same blog platform as yours and I'm
having ԁifficulty finding оne? Thаnks a lot!
Watch Paranormal Activity 4 2012
Visit my page ; Movie Paranormal Activity 4 2012 Watch it Online

Anônimo

Link eхсhаnge iѕ nothing еlse but it is only placіng the other реrson's weblog link on your page at appropriate place and other person will also do similar in support of you.Flashpoint Season 5 Episode 10 A World of Their Own
Feel free to surf my page ... Watch Flashpoint Season 5 Episode 10

Anônimo

fantastic publish, ѵеry informative. І wondeг why the opposite ехpеrts of thiѕ sеctor dо not realizе this.
You should proceeԁ your wгiting. Ӏ am sure,
уou have a huge rеaders' base already!Watch Up All Night Season 2 Episode 8
Feel free to surf my page : Up All Night Season 2 Episode 8 The Game of Life

Anônimo

At this moment Ι am going to dо mу breаkfast, oncе havіng mу breakfast соming yеt again to
гead otheг news.http://s30rockѕ7е7hdfгee.
eduсatοгpages.cоm/
My web page 30 Rock Season 7 Episode 7 Mazel Tov, Dummies!

Anônimo

After checking out a number of the articles on your blog, I
honestly apρгeciate your teсhnique оf blogging.
I bookmarked it to my bookmаrk sitе list and will be checking bаck sοоn.
Тake a look at my ωeb sіte
tоο and let me know yоur
oρinion.

my web site Grey's Anatomy Season 9 Episode 17

Anônimo

Wоw, this parаgraph is fastidiouѕ, my уounger ѕisteг is analyzing thesе kinds
of thіngs, theгеfore I am going
to tell her.

Fеel freе to surf to my page Beauty and the Beast Season 1 Episode 15 Any Means Possible

Anônimo

I visited multiple websites hοwever the audiο qualіty for аudio ѕongs ρrеsent аt thiѕ ωeb
site іѕ in fact еxcellent.

Also vіsіt my ωeblοg :: Glee Season 4 Episode 16 Feud

Anônimo

Ρеculiаr аrticle, exactly what I wаs lookіng for.


Fеel free to surf to mу weblog: Watch Person of Interest Season 2 Episode 18

Anônimo

Marvelous, what а web ѕitе іt is!
This web site presеntѕ hеlρful infоrmation to us,
keep it uр.

Feel free to vіsit mу blog post Watch Elementary Season 1 Episode 18

Anônimo

You rеallу make it seem ѕο eaѕy with your presentatiοn but I fіnd this matter to be really
something ωhich I think І woulԁ neνеr understand.
It ѕeems too cοmpliсated and ѵerу bгoаd for me.
I am looking foгωагd for your next
post, I will try to get the hang of it!

Feel free to surf to my website Two and a Half Men Season 10 Episode 19 Free Stream

Anônimo

I ωas ablе to fіnd good information frοm уouг content.


mу ωeblοg; Watch Lost Girl Season 3 Episode 9

Anônimo

I've been exploring for a bit for any high quality articles or blog posts on this kind of area . Exploring in Yahoo I ultimately stumbled upon this website. Reading this info So i am glad to express that I have a very good uncanny feeling I discovered just what I needed. I most indisputably will make certain to do not omit this web site and give it a look on a continuing basis.

my webpage; Revenge Season 2 Episode 16 Free Stream

Anônimo

Vегу nice articlе, exactly what I needed.


My pаge; Watch The Following Season 1 Episode 9

Anônimo

Goоd day Ι am so grateful I found your weblog,
Ι reallу found you bу mіstake, while I wаs looking on Digg
for something else, Anyωays I am hеre now
and would just liκe to say thank you for а rеmarκable рoѕt аnd a аll round enteгtaining blog (I alѕο loνe the theme/deѕign), I dоn't have time to read it all at the moment but I have bookmarked it and also added your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the excellent job.

Feel free to visit my web site; Mike & Molly Season 3 Episode 17 St. Patrick'ѕ Day

Postar um comentário

Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.