Blog do Cardozo'O

16 de out. de 2014

Likebox do face

https://developers.facebook.com/docs/plugins/like-box-for-pages

quinta-feira, outubro 16, 2014 - By Jr 0

13 de out. de 2014

Coleção Widgets Redes Sociais Para Blogger

Modelo 1

<div>
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<center>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br>
<a class="social-icons" href="https://www.facebook.com/ID ANDA" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/-pwxzPr7BDAs/UWJ1GzLvFZI/AAAAAAAAzf0/9s1yUCYPmKE/s1600/BlogsDaddy-facebook.png"></a>
<a class="social-icons" href="https://twitter.com/ID ANDA" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/-yKNmoQfKcmk/UWJ1HEXRCvI/AAAAAAAAzf4/6g3L3O8i2PM/s1600/BlogsDaddy-twitter.png"></a>
<a class="social-icons" href="https://plus.google.com/117100549673033253859" target="_blank" rel="nofollow"><img src="http://4.bp.blogspot.com/-oMi9eGUFtg8/UWJ1Gd_7qBI/AAAAAAAAzfg/dfZgKSjP6eA/s1600/BlogsDaddy-Googleplus.png"></a>
<a class="social-icons" href="http://www.feedburner.com/ID ANDA" target="_blank" rel="nofollow"><img src="http://4.bp.blogspot.com/-OLdSsfPpn30/UWJ1Gagz2sI/AAAAAAAAzfk/_PtLzp900Gc/s1600/BlogsDaddy-Rss.png"></a>
<p>Assine nosso e-mail e receba atualizações gratis</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=ID ANDA" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ADDSEUFEEDAQUI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="ADD-SEU-FEDD-AQUI">
<input name="loc" type="hidden" value="pt_BR"><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Digite seu endereço de e-mail">
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Inscreva-se !!"></form>
</div></div></div></center>
</div>
<div class="clear"></div>

Modelo 2

<div >
<style type="text/css">
#buttonbg {width: 260px;margin: 10px 5px;padding: 0;}
#buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; }
#buttonbg .icon {background: #D91E76 url('http://2.bp.blogspot.com/-JKB0aVYaIW0/UC-oBl8NXxI/AAAAAAAAEYA/IbgyikdkM5A/s1600/blsocial12.png') 0 0 no-repeat;
background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;
color: #141414;float: none;height: 48px;line-height: 48px;
margin: 5px 0;position: relative;text-align: left;text-indent: 90px;
text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;
-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;
transition: width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
-o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
text-decoration: none;}
#buttonbg span:hover {visibility: hidden;}
#buttonbg span {display: block;top: 15px;position: absolute;left: 90px;}
#buttonbg .icon {color: #fafafa;overflow: hidden;}
#buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;}
#buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}
#buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}
#buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
#buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;}
#buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}
#buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}
#buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}
#buttonbg li:hover .icon {width: 250px; }
#buttonbg li:hover .icon {background-color: #d91e76; }
#buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }
#buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }
#buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}
#buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }
#buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }
#buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}
</style>
<ul id="buttonbg">
<li><a href="Link Facebook Anda" class="icon fb">Curta-nos no Facebook</a><span>Curta-nos no Facebook</span></li>
<li><a href="Link Twitter Anda" class="icon twit">Siga-nos no Twitter</a><span>Siga-nos no Twitter</span></li>
<li><a href="Link Google+ Anda" class="icon google">Siga-nos no Google+</a><span>Siga-nos no Google+</span></li>
<li><a href="Link Youtube Anda" class="icon ytube">Siga-nos no Youtube</a><span>Siga-nos no Youtube</span></li>
<li><a href="Link RSS/Feed Anda" class="icon rss">Assine via RSS</a><span>Assine via RSS</span></li>
</ul>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=1422966524627591079&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar-atas" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML4"));" target="configHTML4" title="Editar">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>

Modelo 3

<div>
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a { display:block;
height:50px;
width:50px;
padding:0 5px;
float:left;
background:transparent url(http://2.bp.blogspot.com/-7FCpUzMvR48/USvc433EugI/AAAAAAAAApM/g8ADLJ88rio/s1600/Sharing+buttons.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;}
.touchme a.googleplus { background-position: 0px -58px;}
.touchme a.googleplus:hover { background-position: 0px 0px; }
.touchme a.twitter { background-position: 0px -290px;}
.touchme a.twitter:hover { background-position: 0px -232px;}
.touchme a.facebook { background-position: 0px -406px;}
.touchme a.facebook:hover { background-position: 0px -348px;}
.touchme a.rss { background-position: 0px -174px;}
.touchme a.rss:hover { background-position: 0px -116px;}
</style>
<div class="touchme">

<a class="rss" href="YOUR RSS LINK" rel="external nofollow" target="_blank"></a>

<a class="googleplus" href="YOUR GOOGLE PROFILE LINK" rel="external nofollow" target="_blank"></a>

<a class="facebook" href="YOUR FACEBOOK LINK" rel="external nofollow" target="_blank"></a>

<a class="twitter" href="YOUR TWITTER LINK" rel="external nofollow" target="_blank"></a>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=3596819443274980073&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML4"));" target="configHTML4" title="Editar">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>

Modelo 4

<div>
<script type="text/css">
#social {
margin: 15px 0 5px -15px;
width: 300px;
height: 40px;
text-align: center;
}
#social img {
margin-left: 3px;
margin-right: 3px;
}
#social img:hover {
opacity: 0.6;
}
</script>
<div id="social">
<a href="LINK TWITTER"><img alt="Twitter" src="http://2.bp.blogspot.com/-cBKTEOLpUV0/T3IqCaREIII/AAAAAAAADnc/qMQkDeM2ikE/s1600/twitter.png" title="Twitter"></a>
<a href="LINK FEED"><img alt="Feed" src="http://2.bp.blogspot.com/-sY6coQFNFt8/T3IqCxm6jwI/AAAAAAAADn4/7U8SM7yjUh4/s1600/rss.png" title="RSS"></a>
<a href="LINK FACEBOOK"><img alt="Facebook" src="http://1.bp.blogspot.com/-Sj_KIPpzpGI/T3IqDnSqXOI/AAAAAAAADoA/fkAsUMC3W_c/s1600/facebook.png" title="Facebook"></a>
<a href="LINK GOOGLE +"><img alt="Google Plus" src="http://3.bp.blogspot.com/-QKw1ZLWUppI/T3IqCD_25OI/AAAAAAAADnU/LocW9doa1ck/s1600/google%252B.png" title="Google Plus"></a>
<a href="LINK YOUTUBE"><img alt="Youtube" src="http://1.bp.blogspot.com/-sVhhrh4GKi4/T3IqCvVivYI/AAAAAAAADns/j_n1yb2X1cY/s1600/you_tube.png" title="Youtube"></a>
</div>
</div>

Ícones de redes sociais personalizados para blogger

(Foto:Reprodução/BizuOnline)

<div style="margin: 5px; padding: 10px;">

<a href="SEU LINK FACEBOOK"><img alt=""src="http://iconbug.com/data/70/64/af37a2e3786f223ca8e8e3951b969026.png " height="80"style="border: 0px solid; padding-left: 5px;" width="81"></a><a href="SEU LINK TWITTER"><imgalt="" src="http://4.bp.blogspot.com/_h-i48ggEMWs/SlU_xuweSOI/AAAAAAAAAa0/B-MPwaBy5QY/s320/icontexto-drink-web20-twitter.png " height="80" style="border: 0px solid; padding-left: 5px;" width="76"></a><a href="SEU LINK FEED"><img alt="" src="http://1.bp.blogspot.com/_h-i48ggEMWs/SlPUmPofNNI/AAAAAAAAAac/ltuMAadOsog/s400/icontexto-drink-web20-rss.png " height="80"style="border: 0px solid; float: right;" width="80"></a>

 

<br>

<div align="center">

<span style="font-family: arial; font-size: 14-small;">Widget By <ahref="http://bizuonline.blogspot.com/ " target="_blank" wrc_done="true">Bizu Online</a> <spanclass="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span> - <a_blank="" href="http://bizuonline.blogspot.com.br/2013/11/icones-personalizados-para-redes-sociais.html " target="_blank" wrc_done="true">Instale este Gadget</a> <span class="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span></span></div>

</div>

<a href="SEU LINK FACEBOOK" target="_blank"><img alt=""src="http://iconbug.com/data/37/128/8f0a1ae3e45e5f589229c4f28238a0c6.png " height="86"style="border: 0px solid; padding-left: 5px;" width="90"></a>

<a href="SEU LINK TWITTER" target="_blank"><img alt="" src="http://2.bp.blogspot.com/-xmsfTZaissA/UBRf7lb2BpI/AAAAAAAAQgw/BuOvc7uDmAA/s1600/www.reisvip.blogspot.com%2B1.png "height="86" style="border: 0px solid; padding-left: 5px;" width="90"></a><a a="a" href="SEU LINK FEED" target="_blank"><img alt=""src="http://cdn5.iconfinder.com/data/icons//IS_hallowen_social/128/rss_spiderman.png "height="80" style="border: 0px solid; padding-left: 5px;" width="90"></a>

 

 

<div align="center">

<span style="font-family: arial; font-size: 14-small;">Widget By <ahref="http://bizuonline.blogspot.com/ " target="_blank" wrc_done="true">Bizu Online</a> <spanclass="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span> - <ahref="http://bizuonline.blogspot.com.br/2013/11/icones-personalizados-para-redes-sociais.html "target="_blank" wrc_done="true">Instale este Gadget</a> <span class="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span></span></div>

ATENÇÃO: Não esqueça de troca so lugares que estão escrito"SEU LINK" pelo endereço da sua rede social...

segunda-feira, outubro 13, 2014 - By Jr 0

Botão ir ao topo animado

Cole antes do </body>:

<style>

#rocketbacktotop{

background: url('http://1.bp.blogspot.com/-CH03QlSNpBY/UnCY1gMhmXI/AAAAAAAACaM/qZaVYNrP0-s/s1600/back-to-top-sprite-30224d9b.png') 0 0 no-repeat;

height: 130px;

width: 72px;

padding:5px;

position:fixed;

bottom: 5px;

right: 5px;

cursor:pointer;

z-indez:1;

}

#rocketbacktotop:hover{

background:url(http://1.bp.blogspot.com/-CH03QlSNpBY/UnCY1gMhmXI/AAAAAAAACaM/qZaVYNrP0-s/s1600/back-to-top-sprite-30224d9b.png)no-repeat;

background-position: 0 -142px;

}

</style>

//<![CDATA[

$(window).scroll(function(){if($(this).scrollTop()>100)

{$("#rocketbacktotop").removeAttr("href");$("#rocketbacktotop").stop().animate(

{bottom:"0"},{duration:100,queue:false})}

else{$("#rocketbacktotop").stop().animate({bottom:"30000"},

{duration:8000,queue:false})}});$(function()

{$("#rocketbacktotop").click(function()

{$("html, body").animate({scrollTop:0},"slow");

return false})});

//]]>

</script>

segunda-feira, outubro 13, 2014 - By Jr 0

Como Colocar Multi Tabela na Sidebar do Blogger

Dê um novo visual e economize espaço na sidebar do blog adicionando widgets em três colunas personalizáveis.

Em nossos blogs é comum utilizarmos a sidebar para colocarmos alguns widgets que julgamos ser importantes e proveitosos para os visitantes. Porém, sabemos que utilizar muitos widgets, deixa o blog “poluído” visualmente, dificulta a navegação e o entendimento de todos que busquem o que realmente interessa. Se você tem convicção de que aqueles widgets são realmente necessários e não quer a sidebar muito “comprida” temos uma solução.

Estilo profissional no blog com multi tabela

Muito utilizado em templates profissionais, o sistema de multi tabela na sidebar, é uma ótima alternativa para colocar mais widgets, porém, sem ocupar espaço em seu blog. Com a aplicação dos códigos, surgirão três espaços para ser inseridas mais opções que podem ser qualquer widget que desejar. Esse sistema além de compactar e dar mais ganho de espaço, é também uma excelente opção de personalização para que o blog possa ter um aspecto mais moderno e profissional.

Falando um pouco sobre o visual, como já dito, seu blog poderá tomar uma forma mais elegante graças às guias que deixarão a sidebar mais completa e também com a possibilidade de configurar com o estilo já presente ou a opção de escolher novas cores que realcem suas páginas.

Recomendamos que antes de qualquer alteração no código faça um backup do template. Caso ainda não saiba como proceder, acesse o artigo Como Fazer Backup do Blog.

Maneira para colocar multi tabela no blog

>> Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".

>> Clique no código do template, pressione "CTRL+F" e pesquise por ]]></b:skin>

>> Logo ACIMA da tag encontrada, cole o seguinte código:

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {color:#fff;padding: 0 0;margin:0 0;}
.tabs-menu li {font-size:12px;font-family:'Open Sans';font-weight:400;height:30px;line-height:30px;width:30.5%;list-style:none;text-transform:uppercase;text-align:center;display:inline-block;padding:0;background:#fff;color:#b4babe;border:2px solid #bac0c4;margin-left:2px;border-radius:2px;cursor:pointer;position:relative;transition:all .4s ease-in-out;}
.tabs-menu li:hover {background:#f48067;border:2px solid #e56967;color:#fff;}
.tabs-menu .active-tab {background:#bac0c4;border:2px solid #b4babe;color:#fff;}
.tabs-content {padding:10px 0;}
.tabs-content .widget li {color:#b2bccd;float:none!important;margin:5px 0;padding:10px}
.tabs-content .widget ul {color:#b2bccd;overflow:visible;}

* Em LARANJA, estilo da tabela normal, respectivamente (cor de fundo, cor da fonte, estilo da borda).
* Em AZUL, estilo da tabela ao passar o mouse (cor de fundo, estilo da borda, cor da fonte).
* Em AMARELO, estilo da tabela ativa (cor de fundo, estilo da borda, cor da fonte).

>> Pesquise agora por </head>

>> Logo ACIMA da tag encontrada, cole o seguinte código:

<script type='text/javascript'>
$(function() {
$(".tabs-1").mtabs();
});
</script>

>> Pesquise agora por </body>

>> Logo ACIMA da tag encontrada, cole o seguinte código:

<script type='text/javascript'>
//<![CDATA[
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>

>> Novamente pesquise, agora por <div class='column-right-inner'>

* Caso não encontre, tente por <div id='sidebar-wrapper'>

>> Logo ABAIXO do trecho encontrado, cole o seguinte código:

<div class='tabs tabs-1'>
<b:section class='tably tably-1 section' id='tably-1' showaddelement='yes'>
</b:section>
<b:section class='tably tably-2 section' id='tably-2' showaddelement='yes'>
</b:section>
<b:section class='tably tably-3 section' id='tably-3' showaddelement='yes'>
</b:section>
</div>
<div class='clear'/>

>> Clique em "Visualizar", estando de acordo como deseja clique em "Salvar Modelo".

Adicionando os Widgets

Nesse momento, é necessário acrescentar os widgets que ficarão nas tabelas. Para isso, siga:

>> No menu lateral, vá em "Layout".

>> Agora, no local da sidebar aparecerão três opções de "Adicionar um Gadget", então, adicione os desejados ou caso já tiver os widgets arraste-os até esses três locais que representam cada coluna.

>> Feito isso, clique em "Salvar Organização".

>> Vá em seu blog e veja como ficou.

Concluímos mais um tutorial que adequa seu blog a uma interessante forma de personalização e que é muito desejada pela maioria dos blogueiros. O sistema de multi tabela poderá ter várias funções importantes a depender de sua criatividade, podendo combinar categoriais e/ou classes de widgets que deixará o visitante mais "a vontade" para a utilização constante dos aplicativos presentes na sidebar.

Deixe seu comentário, pois ele é a motivação para nosso trabalho.

segunda-feira, outubro 13, 2014 - By Jr 0

Blog do Cardozo'O

16 de out. de 2014

Likebox do face

13 de out. de 2014

Coleção Widgets Redes Sociais Para Blogger

Botão ir ao topo animado

Como Colocar Multi Tabela na Sidebar do Blogger

Maneira para colocar multi tabela no blog

Adicionando os Widgets

Labels

Visualizações de página!!

About Me

Popular Posts

Followers

Technology

Contact Us