Tutorial-Apresentação de slides com postagens recentes

Yo minna ^^
Entes de tudo,Feliz Ano Novo ^^
Trouxe para vocês um tutorial que como o próprio título já diz,deixa as postagens recentes do blog como uma apresentação de slides.
Visualize aqui (clik) ~~lembrando que este blog eu criei apenas para colocar os exemplos para os tutoriais.Eu não arrumei ele ainda T-T~~

Se gostou,continue lendo a postagem.

Esse tutorial é bem simples.

Vá em layout -> Adicionar um Gadget -> HTML/JavaScript

Cole o código a seguir :

''<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:1px solid #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;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 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>

Para mudar o código:

imgr[0] = "URL DA IMAGEM"; - Quando a postagem não tem uma imagem
Largura total do slide:#spylist ul{width:320px; altere o valor 320 neste trecho do estilo CSS.
Tempo para trocar cada slide: intervalspy=4000

Tamanho da imagem no slide:
thumbwidth = 70; - largura
thumbheight = 70; - altura

#spylist li a {text-decoration:none;color:#4B545B;font-size:16px; - altere o valor 16

numposts = 10; -Quantidade de postagens a serem exibidas

home_page = "LINK DO BLOG"; -Link do seu blog ~~não me diga '-'~~

bgTD = "#ffffff"; -para alterar a cor de fundo

Imgwidth: -largura da miniatura

Imgwidth: -largura da miniatura

var first = 0; -tempo para iniciar(deixe o valor 0)

var speed = 800; -velocidade da transição(mudança de slide)

var pause = 6500; -tempo de pausa em cada slide

Imgheight: -altura da miniatura

Fntsize: -tamanho da letra do titulo

Acolor: -cor do titulo

summaryPost: -numero de letras do resumo(começo da postagem)

summaryFontsize: -tamanho da letra do resumo

summaryColor: -cor da letra do resumo

Lembrando que, não é necessário mudar todos os códigos,veja primeiro se está tudo certo (mude apenas o link do blog) e se necessário mude as outras partes do código.
Espero que tenham gostado...
Beijos Doces.

Nenhum comentário:

Postar um comentário

Fique a vontade para comentar,só peço que siga essas regrinhas:

-Não ofenda ninguém
-Não fale palavrões
-Não fale sobre sexo ou poste coisas do tipo
-Lemos todos os comentários e tentamos responder
-Se não gostou do que diz na postagem,não usem palavras ofensivas
-Não é proibido por o link do seu blog nos comentários,se gostar dele irei seguir
-Todos os comentários são moderados

Aqui alguns "emoticons" para você usarem:

(^_^) (^_^)v (^v^) *(^O^)* (＾▽＾) （⌒▽⌒） (^o^) （＾ｖ＾） (^w^) （・∀・）w(^o^)W (^o^)y (*^▽^*) \(*O*)/ (*O*) (*-*) (♥_♥) (n///n) (^///^) (#^.^#) (♥///♥) (#*.*#) (ToT) (T_T) (;O;) (Y_Y) (Ｔ▽Ｔ) (;_;) (!__!) (/_\) (u_u) (U_U) (>_<) (*￣m￣) （￣へ￣）（￣～￣; ） (¬_¬) (¬_¬") (>xO<) (>.<) （￣ー￣） (ーー;) ∑(O_O；) (@_@) (O_O) (o_O) (p_q) (.O.') (o_o) ('_') (?_?) ('O') (ô_ô) (.-.) (OwO) （￣□￣；）（　ﾟ Дﾟ）（゜◇゜）((+_+)) [( - - )] (-__-) (X_X) (=_=) (-__-) ( L_____L ) ~zzz (-.-)zzzzz (#_#) (x_X) (z_z) (xOx) m(_ _)m (^_^)/~~ (ToT)/~~~ (;_;)/~~~ (=^･ω･^=) (=^_^=) (☞ﾟ∀ﾟ)☞ (ﾉ◕ヮ◕)ﾉ*:･ﾟ (〜￣△￣)〜 ╭◉␣◉╮ (ﾉ◕ω◕)ﾉ ◕ ◡ ◕