OBS: Não esqueça de colocar o link do seu blog no local destacado em vermelho, lembrando que o link deve conter o http:// e aquela barrinha do final, siga o exemplo abaixo.
Link errado: www.seublog.com.br
Link correto: http://www.seublog.com.br/ Hoje estarei compartilhando com você um excelente
widget, trata-se de uma barra que fica passando as postagens recentes do seu blog. Essa barra fica fixa no topo do blog e desce junto com a navegação do usuário. Ela é um ótimo recurso para você que deseja divulgar as postagens recentes do seu blog ou até mesmo de outro blog, se você tem mais de um blog pode usar essa barra para divulgar seus novos posts e assim conseguir mais visitas. Esse recurso é muito fácil de instalar, basta seguir atentamente o tutorial abaixo.

Link errado: www.seublog.com.br
Link correto: http://www.seublog.com.br/ Hoje estarei compartilhando com você um excelente
widget
Alerta! Antes de fazer qualquer modificação, faça um backup do seu modelo.
Vá em modelo ► Fazer backup/Restaurar ► Fazer download do modelo completo.
Vá em modelo ► Fazer backup/Restaurar ► Fazer download do modelo completo.
Instalando o Jquery
Acesse o Painel do Blogger<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
Instalando o recurso
Acesse mais uma vez o painel do blogger, clique na guia Layout, adicionar Gadget do tipo Html/JavaScript e cole todo o código a seguir e salve.<script type='text/javascript'>
//<![CDATA[
function RecentPostsScrollerv2(json) {
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sPoweredBy;
var sHeadlineTerminator;
var sPostLinkLocation;try {
sMoqueeHTMLStart = "\<MARQUEE behavior=\"scroll\" onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
if (nWidth) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
} else {
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
}
if (nScrollDelay) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}
if (sDirection) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"\>";
if (sDirection == "left" || sDirection == "right") {
sHeadlineTerminator = " ";
} else {
sHeadlineTerminator = "\<br/\>";
}
}
if (sOpenLinkLocation == "N") {
sPostLinkLocation = " target= \"_blank\" ";
} else {
sPostLinkLocation = " ";
}
sMoqueeHTMLEnd = "\</MARQUEE\>"
sHeadLines = "";
for (var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++) {
var objPost = json.feed.entry[nFeedCounter];
if (nFeedCounter == json.feed.entry.length) break;
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++) {
if (objPost.link[nCounter].rel == 'alternate') {
sPostURL = objPost.link[nCounter].href;
break;
}
}
sHeadLines = sHeadLines + "\<b\>" + sBulletChar + "\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}
sPoweredBy = "<a tareget =\"_blank\" href=\"http://gj37765.blogspot.com/2011/06/auto-scrolling-recent-posts-widget-for.html\"\>Instale esse Widget\</a\> - \<a tareget =\"_blank\" href=\"http://www.personalizaroblogger.com.br\"\>Personalizar o Blogger\</a\>";
if (sDirection == "left") {
sHeadLines = sHeadLines + " " + sPoweredBy;
} else if (sDirection == "right") {
sHeadLines = sPoweredBy + " " + sHeadLines;
} else if (sDirection == "up") {
sHeadLines = sHeadLines + "\<br/\>" + sPoweredBy;
} else {
sHeadLines = sPoweredBy + "\<br/\>" + sHeadLines;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd)
} catch (exception) {
alert(exception);
}
}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {
function makingdifferent_stickybar() {
var mdwh = jQuery(window).height();
var mdpph = jQuery("#md-stickybar").height();
var mdfromTop = jQuery(window).scrollTop()+0;
jQuery("#pb-stickybar").css({"top":mdfromTop});
}jQuery(window)
.scroll(makingdifferent_stickybar)
.resize(makingdifferent_stickybar)
//alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#md-stickybar").width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 0;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#md-stickybar").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#pb-stickybar").animate({opacity: "1", left: "0" , left: mdleftm}, 0).show();
jQuery("#pbclose").click(function() {
jQuery("#pb-stickybar").animate({opacity: "0", left: "-1500"}, 1500).show(); });});
//]]>
</script>
<style>#pb-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi57lCNi-q_ZGgFvrRLd-AigphB3V5S_hq9X_EtvfZx8Fpdnl50U_OP07jfYKfFn8J5dyn_bgceCnQnHM2AP3E1_e_h4c0KwPZKvcAyBICF0o08Rt0zH5GhODDcxBrW2pDp1Ci7nAAUak4/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#pb-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#pb-stickybar a:hover{text-decoration:underline;}#pb-stickybar p{margin:0;list-style:none;}#pb-stickybar img{vertical-align:middle;margin-right:6px;}#pbclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style>
<div id='pb-stickybar'><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";</script><script style="" src="LINK DO BLOG SEU BLOGfeeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script> <noscript></noscript><a href="#" id="pbclose" onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjU3tPw5ezR6W5-WrcTN9Cm-4y7cIhbJN9UFrRDzEGg5mSWVEpo5sWz9qx8w_xmcFIitUmT35QGoEQSm5NQzu2kbUTyTm6Af5kaua_QfDBoDgtmu8O0r_fiW100muLJae4Hh9mzmiu0nQ/s400/cancel.png"/></a></div id='md-stickybar'>
Nenhum comentário:
Postar um comentário