Mensagens recentes para blogger com miniaturas e Spy Simples
Alhamdulillah, finalmente fiz a modificação do Widget Bloggertricks.com e animação Spy simples . Spy estilo simples tirada de Scarlet tema , os resultados para wordpress podem ser encontradas neste blog. Ver como abaixo, para a demo no clique blogueiro:
Para os blogueiros colocam em Sidebar Gadget (adicionar gadget) select html, copie todos html abaixo para que o gadget:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </ script>
<style type="text/css" media="screen">
<! -
# {Spylist
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 350px;
}
# Spylist ul {
width: 220px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}
# Spylist li {
width: 208px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 70px;
overflow: hidden;
background: # fff url (http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border: solid 1px # ddd;
}
# Spylist li a {
text-decoration: none;
color: # 4B545B;
font-size: 11px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}
# Spylist li img {
float: left;
margin-right: 5px;
background: # EFEFEF;
margem: 0;
}
. Spydate {
overflow: hidden;
font-size: 10px;
color: # 0284C2;
padding: 2px 0px;
margin: 0px 1px 0px 0px;
height: 15px;
font-family: Tahoma, Arial, Verdana, sans-serif;
}
. Spycomment {
overflow: hidden;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
color: # 262B2F;
padding: 0px 0px;
margin: 0px 0px;
}
->
</ Style>
<script language='JavaScript'>
imgr = new Array ();
imgr [0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr [1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr [2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr [3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr [4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
bordercolor = "# 232c35";
bgTD = "# 000000";
thumbWidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "# 666";
aBold = true;
icon = "";
text = "comentários";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "# 666";
icon2 = "";
numposts = 10;
home_page = "http://www.raudhatulmuhibbin.org/~~V";
limitspy = 4
intervalspy = 4000
</ Script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'> </ script>
</ Div>
Nota: Se o modelo já tem um jquery não colocar novamente, basta copiar depois
Html de cima algumas coisas poderiam ser substituídos:
1. endereço da página inicial
home_page = "http://name-your-blog.blogspot.com/";
2. Estilo
# Spylist ul {
width: 220px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}
# Spylist li {
width: 208px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 70px;
overflow: hidden;
background: # fff url (http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border: solid 1px # ddd;
}
a partir de cima estilo / css, você pode alterar:
largura
width: 220px;
width: 208px:
personalizar base em seu modelo
e
background: # fff url (http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
Personalize as cores de backuground
3. tamanho da imagem
thumbWidth = 70;
thumbheight = 70;
thumbheight = 70;
Corresponder às suas necessidades
4. Quantos post que você vai mostrar
numposts = 10;
Base de dados sobre o que você precisa mostrar
ABOUT THE AUTHOR
Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible
0 comentários:
Postar um comentário