OBS: Se você está procurando hospedagem grátis para arquivos externos, dê uma olhada neste post: Armazene, Sincronize e Compartilhe na FaixaUma problema antigo que atormenta alguns usuários avançados do Blogspot é quanto a hospedagem externa de arquivos JavaScript. Como o Blogger não disponibiliza um abrigo para estes arquivos, muita gente acaba recorrendo a serviços gratuitos de terceiros para hospedar externamente estes códigos.
<script src='http://URL_DO_ARQUIVO/tabber.js' type='text/javascript'/>O que precisamos fazer é copiar todo conteúdo do arquivo JavaScript e incluí-lo diretamente no código HTML do template. Para isso vamos utilizar delimitadores específicos no início e no final do código, que fazem com que o Blogger permita que o template seja salvo com o JavaScript embutido.
<script type='text/javascript'>Observe que as linhas destacadas em vermelho acima, correspondem aos delimitadores utilizados para permitir que o template seja salvo sem erros após a inclusão do código JavaScript no Blogger.
//<![CDATA[
/*==================================================
$Id: tabber.js,v 1.9 2006/04/27 20:51:51 pat Exp $
tabber.js by Patrick Fitzgerald pat@barelyfitz.com
Documentation can be found at the following URL:
http://www.barelyfitz.com/projects/tabber/
License (http://www.opensource.org/licenses/mit-license.php)
Copyright (c) 2006 Patrick Fitzgerald
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
==================================================*/
function tabberObj(argsObj)
{
var arg;
this.div = null;
this.classMain = "tabber";
this.classMainLive = "tabberlive";
this.classTab = "tabbertab";
this.classTabDefault = "tabbertabdefault";
this.classNav = "tabbernav";
this.classTabHide = "tabbertabhide";
this.classNavActive = "tabberactive";
this.titleElements = ['h2','h3','h4','h5','h6'];
this.titleElementsStripHTML = true;
this.removeTitle = true;
this.addLinkId = false;
this.linkIdFormat = '<tabberid>nav<tabnumberone>';
for (arg in argsObj) { this[arg] = argsObj[arg]; }
this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');
this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');
this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');
this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');
this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');
this.tabs = new Array();
if (this.div) {
this.init(this.div);
this.div = null;
}
}
tabberObj.prototype.init = function(e)
{
var
childNodes,
i, i2,
t,
defaultTab=0,
DOM_ul,
DOM_li,
DOM_a,
aId,
headingElement;
if (!document.getElementsByTagName) { return false; }
if (e.id) {
this.id = e.id;
}
this.tabs.length = 0;
childNodes = e.childNodes;
for(i=0; i < childNodes.length; i++) {
if(childNodes[i].className &&
childNodes[i].className.match(this.REclassTab)) {
t = new Object();
t.div = childNodes[i];
this.tabs[this.tabs.length] = t;
if (childNodes[i].className.match(this.REclassTabDefault)) {
defaultTab = this.tabs.length-1;
}
}
}
DOM_ul = document.createElement("ul");
DOM_ul.className = this.classNav;
for (i=0; i < this.tabs.length; i++) {
t = this.tabs[i];
t.headingText = t.div.title;
if (this.removeTitle) { t.div.title = ''; }
if (!t.headingText) {
for (i2=0; i2<this.titleElements.length; i2++) {
headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
if (headingElement) {
t.headingText = headingElement.innerHTML;
if (this.titleElementsStripHTML) {
t.headingText.replace(/<br>/gi," ");
t.headingText = t.headingText.replace(/<[^>]+>/g,"");
}
break;
}
}
}
if (!t.headingText) {
t.headingText = i + 1;
}
DOM_li = document.createElement("li");
t.li = DOM_li;
DOM_a = document.createElement("a");
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = "javascript:void(null);";
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;
DOM_a.tabber = this;
DOM_a.tabberIndex = i;
if (this.addLinkId && this.linkIdFormat) {
aId = this.linkIdFormat;
aId = aId.replace(/<tabberid>/gi, this.id);
aId = aId.replace(/<tabnumberzero>/gi, i);
aId = aId.replace(/<tabnumberone>/gi, i+1);
aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));
DOM_a.id = aId;
}
DOM_li.appendChild(DOM_a);
DOM_ul.appendChild(DOM_li);
}
e.insertBefore(DOM_ul, e.firstChild);
e.className = e.className.replace(this.REclassMain, this.classMainLive);
this.tabShow(defaultTab);
if (typeof this.onLoad == 'function') {
this.onLoad({tabber:this});
}
return this;
};
tabberObj.prototype.navClick = function(event)
{
var
rVal,
a,
self,
tabberIndex,
onClickArgs;
a = this;
if (!a.tabber) { return false; }
self = a.tabber;
tabberIndex = a.tabberIndex;
a.blur();
if (typeof self.onClick == 'function') {
onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};
if (!event) { onClickArgs.event = window.event; }
rVal = self.onClick(onClickArgs);
if (rVal === false) { return false; }
}
self.tabShow(tabberIndex);
return false;
};
tabberObj.prototype.tabHideAll = function()
{
var i;
for (i = 0; i < this.tabs.length; i++) {
this.tabHide(i);
}
};
tabberObj.prototype.tabHide = function(tabberIndex)
{
var div;
if (!this.tabs[tabberIndex]) { return false; }
div = this.tabs[tabberIndex].div;
if (!div.className.match(this.REclassTabHide)) {
div.className += ' ' + this.classTabHide;
}
this.navClearActive(tabberIndex);
return this;
};
tabberObj.prototype.tabShow = function(tabberIndex)
{
var div;
if (!this.tabs[tabberIndex]) { return false; }
this.tabHideAll();
div = this.tabs[tabberIndex].div;
div.className = div.className.replace(this.REclassTabHide, '');
this.navSetActive(tabberIndex);
if (typeof this.onTabDisplay == 'function') {
this.onTabDisplay({'tabber':this, 'index':tabberIndex});
}
return this;
};
tabberObj.prototype.navSetActive = function(tabberIndex)
{
this.tabs[tabberIndex].li.className = this.classNavActive;
return this;
};
tabberObj.prototype.navClearActive = function(tabberIndex)
{
this.tabs[tabberIndex].li.className = '';
return this;
};
function tabberAutomatic(tabberArgs)
{
var
tempObj,
divs,
i;
if (!tabberArgs) { tabberArgs = {}; }
tempObj = new tabberObj(tabberArgs);
divs = document.getElementsByTagName("div");
for (i=0; i < divs.length; i++) {
if (divs[i].className &&
divs[i].className.match(tempObj.REclassMain)) {
tabberArgs.div = divs[i];
divs[i].tabber = new tabberObj(tabberArgs);
}
}
return this;
}
function tabberAutomaticOnLoad(tabberArgs)
{
var oldOnLoad;
if (!tabberArgs) { tabberArgs = {}; }
oldOnLoad = window.onload;
if (typeof window.onload != 'function') {
window.onload = function() {
tabberAutomatic(tabberArgs);
};
} else {
window.onload = function() {
oldOnLoad();
tabberAutomatic(tabberArgs);
};
}
}
if (typeof tabberOptions == 'undefined') {
tabberAutomaticOnLoad();
} else {
if (!tabberOptions['manualStartup']) {
tabberAutomaticOnLoad(tabberOptions);
}
}
//]]>
</script>
.comment-pre-form {Nos trechos destacados em vermelho configura-se a largura total do quadro (width) e a largura e cores das bordas (border), respectivamente. Teste até encontrar os valores ideais para o seu template.
width:480px;
padding:10px;
border:1px dotted #ccc
}
<p><data:blogCommentMessage/></p>E deixe-a assim:
<p class='comment-pre-form'><data:blogCommentMessage/></p>Visualize para testar, se correr tudo bem salve e esta parte está pronta.
#main-wrapper {Depois de identificar a largura da sua coluna de postagens, vamos partir para a alteração na largura no campo do formulário de comentários. Procure a linha abaixo no código do seu template:
width: 500px;
}
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>Substitua o valor 100% pela largura total do identificador "main-wrapper" do seu template, conforme indicado no passo anterior, mas sem incluir o sinal de porcentagem. Deve ficar assim:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='600'/>Visualize para testar, se correr tudo bem salve e esta parte está pronta.
<b:includable id='comments' var='post'>Substitua tudo por este trecho personalizado:
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
<b:else/><data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:includable id='comments' var='post'>Finalmente, localize a linha abaixo:
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 0'> seja o primeiro a comentar!
<b:else/><b:if cond='data:post.numComments == 1'> 1 comentário
<b:else/><data:post.numComments/> <data:commentLabelPlural/>
</b:if></b:if>
</h4>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>E deixe-a assim:
<b:if cond='data:post.numComments != 0'>Visualize para testar, se correr tudo bem salve e está tudo pronto!
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
</b:if>
Dividindo o nome do arquivo em partes, conforme seu significado:Blade.Runner[Remastered.Director's.Cut]DvDrip[Eng]-aXXo
CAM - É o pior Tipo de versão possível para um filme baixado da Internet. CAM vem de Camcorder (filmadora em inglês), neste tipo de versão alguém vai até o cinema e filma a tela com uma câmera digital. O áudio é captado pelo microfone interno da câmera, o que inclui risadas e comentários das pessoas que assistem a sessão, tremedeira e até sombras de espectadores caminhando em frente ao filme.OBS: Pirataria é crime, não roube barcos!
TELESYNC - Tipo de versão parecida com a CAM, comentado anteriormente. Porém com o áudio capturado através de uma fonte direta (alguns cinemas oferecem a opção de conetores para fones de ouvidos nas poltronas), mas que não evita todas as possíveis interferências da audiência. Muitas vezes é fimado num cinema vazio ou da sala de projeções, o que proporciona uma qualidade um pouco superior ao CAM.
DVD-SCREENER (DVDscr) - Feita a partir do material promocional original usado na divulgação do filme para a crítica antes do seu lançamento oficinal nas salas de cinema. Costumam ter ótima qualidade, algumas cópias exibem um texto no rodapé do vídeo com os créditos da obra e eventualmente podem apresentar também algumas cenas em preto e branco.
DVDRip - É o melhor tipo de versão para os arquivos de filmes baixados na Internet, pois a cópia é feita a partir do DVD original lançado oficialmente nas lojas. Obviamente o problema é que este tipo de versão costuma demorar mais que as outras para estar disponível nas redes bittorrent.
BDRip é simplesmente BluRay Disc Rip. Tem qualidade superior ao DVDRip. Pode ser encontrado em releases em HD com 720 ou 1080 linhas, mas são arquivos muito grandes, ás vezes maior que 4Gb e sempre em MKV ou MP4. Também pode ser encontrados BDRips de 700mb em AVI, com qualidade um pouco melhor que DVDRips.
R5 é um formato específico de DVDs região 5, produzido mais rápido e mais barato do que os tradicionais DVDs. A diferença é que os R5 são tranferidos diretamente de um telecine sem qualquer tipo de processamento de imagem. Isso permite que os filmes cheguem nas lojas ao mesmo tempo que os DVDs screeners são liberados. Às vezes os DVDs R5 são lançados sem áudio em inglês, exigindo que os grupos de pirataria usem o áudio de outra fonte. Nesse caso o release possui a descrição ".LINE" para distinguir daqueles que possuem o áudio do original.
