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 Sidebare 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 Templateos Creditos desta postagem vão para o Blog Furia Downloads 3dQuer mais Tutoriais de qualidade, Então siga o site e comente a postagem