Tutorial - Caixa Feed com Extras
Autor: PedroWeb | Publicado: 2012-03-13T20:26:00-07:00


Descrição: Tutorial Caixa de feed com publicidade 125x125 com botões de redes sociais usado no Template do furia Download 3d&nbsp;

Primeiramente Faça o Backup de seu Template para que não haja perdas em seu blog?

Va em seu blog/click em Design/depois em editar html.

Agora procure pela seguinte Tag
]]&gt;&lt;/b:skin&gt;
e cole o seguinte codigo acima desta tag&nbsp;
/
*----------------------------------------------------
&nbsp; &nbsp;{--------} &nbsp;Botoes Redes Sociais &nbsp;{--------}
----------------------------------------------------*/
.facebook {
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/facebook.png) no-repeat;
width:52px;
height:76px;
display:block;
clear:both;
position:absolute;
margin:130px 0 0 930px;
}
.facebook:hover {
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/facebook-hover.png) no-repeat;
}
.orkut {
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/orkut.png) no-repeat;
width:52px;
height:77px;
display:block;
clear:both;
position:absolute;
margin:130px 0 0 865px;
}
.orkut:hover {
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/orkut-hover.png) no-repeat;
}
.youtube {
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/youtube.png) no-repeat;
width:52px;
height:76px;
display:block;
clear:both;
position:absolute;
margin:130px 0 0 800px;
}
.youtube:hover {
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/youtube-hover.png) no-repeat;
}


/*----------------------------------------------------
&nbsp; &nbsp;{--------} &nbsp;Publicidade 125 x 125 &nbsp;{--------}
----------------------------------------------------*/
.banner1-125 {
background:url(http://dl.dropbox.com/u/21905643/FG/Banners/Banner-125-x-125---Furia-GTA.gif) no-repeat;
width:125px;
height:125px;
display:block;
clear:both;
position:absolute;
margin:236px 0 0 638px;
}
.banner2-125 {
background:url(http://dl.dropbox.com/u/21905643/POP%20Create/banner%20125%20x%20125.jpg) no-repeat;
width:125px;
height:125px;
display:block;
clear:both;
position:absolute;
margin:236px 0 0 788px;
}
.banner3-125 {
background:url(http://2.bp.blogspot.com/-xWejfKfy1NI/TjsYYzgu2dI/AAAAAAAACrY/TLdqTljn5JI/s1600/BANNER+ONLINE+PARA+DOWNLOADS+125X125+BY+BAIXE+RENDERS.png) no-repeat;
width:125px;
height:125px;
display:block;
clear:both;
position:absolute;
margin:377px 0 0 638px;
}
.banner4-125 {
background:url(http://dl.dropbox.com/u/21905643/banner125.gif) no-repeat;
width:125px;
height:125px;
display:block;
clear:both;
position:absolute;
margin:377px 0 0 788px;
}
/*----------------------------------------------------
&nbsp; &nbsp; &nbsp;{--------} &nbsp;RSS FEED &nbsp;{--------}
----------------------------------------------------*/
#assine-feed{
background:url(http://alexoliveira.webs.com/Furia%20Downloads%203D/quadro.png) no-repeat;
width:422px;
height:100px;
padding:497px 0px 0px 35px;
margin:0px 0 0 10px
}
#assine-feed p{
position:absolute;
margin:105px 0 0 20px
}
#assine-feed #email{
float:left;
width:240px;
color:#000;
border:none;
background:none
}
#assine-feed #bt-assinar {
float:left;
margin:-20px 0 0 20px
}
.assine-feed-p{
clear:both;
padding:15px 0px 0px 0px !important;
}
Depois localize a tag&nbsp;
&lt;div id='content-wrapper'&gt; ou a tag de sua Sidebar
e Cole o Seguinte codigo abaixo da Tag


&lt;div id='bottons social network'&gt;
&lt;a class='facebook' href='http://www.facebook.com/profile.php?id=100001960232352' rel='nofollow'/&gt;
&lt;a class='orkut' href='http://www.orkut.com.br/Main#Community?cmm=115267560' rel='nofollow'/&gt;
&lt;a class='youtube' href='http://www.youtube.com/user/furiaa100?feature=mhee' rel='nofollow'/&gt;
&lt;/div&gt;


&lt;div id='parceiros125 network'&gt;
&lt;a class='banner1-125' href='http://www.furiagta.com/' rel='nofollow' target='_blank'/&gt;
&lt;a class='banner2-125' href='http://www.pop-create.com/' rel='nofollow' target='_blank'/&gt;
&lt;a class='banner3-125' href='http://onlineparadownloads.blogspot.com/' rel='nofollow' target='_blank'/&gt;
&lt;a class='banner4-125' href='http://adf.ly/48Plq' rel='nofollow' target='_blank'/&gt;
&lt;/div&gt;


E por fim coloque o seguinte codigo acima da sidebar ou abaixo de &lt;div class='articles-right'&gt;&nbsp;






&lt;div id='assine-feed'&gt;
&lt;form action='http://feedburner.google.com/fb/a/mailverify?uri=FuriaDownloads3dOSeuLugarDeDownloads' method='post' onsubmit='window.open(&amp;quot;http://feedburner.google.com/fb/a/mailverify&amp;quot;, &amp;quot;popupwindow&amp;quot;;, &amp;quot;scrollbars=yes,width=550,height=520&amp;quot;;);return true' target='popupwindow'&gt;


&lt;input gtbfieldid='2' id='email' name='email' onblur='if (this.value == &amp;quot;&amp;quot;) {this.value = &amp;quot;@ assine o feed&amp;quot;;}' onfocus='if (this.value == &amp;quot;@ assine o feed&amp;quot;) {this.value = &amp;quot;&amp;quot;;}' type='text' value='@ assine o feed'/&gt;&nbsp;
&lt;input name='uri' type='hidden' value='elite-downs/yadw'/&gt;
&lt;input name='loc' type='hidden' value='en_US'/&gt;
&lt;input alt='Assinar Agora' id='bt-assinar' src='http://i.imgur.com/5MPZZ.png' type='image'/&gt;&nbsp;
&lt;/form&gt;
&lt;/div&gt;
Informações: &nbsp;é recomendado que Voce Tenha um Conhecimento Basico sobre HTML pois este codigo vareia de Template para Template então em alguns casos voce tera que mexer nos pixels dos&nbsp;
Codigos em seu Template

os Creditos desta postagem vão para o Blog Furia Downloads 3d



Quer mais Tutoriais de qualidade, Então siga o site e comente a postagem