Subscribe
Technorati
Delicious
Youtube
Heart

 

rss3 Esse template tem um efeito interessante com script jQuery e CSS, o “Page Flip” instalado no canto superior direito da página, que dá um charme todo especial ao desenho além de chamar a atenção para a assinatura do Feed Newesletter.

Confira no Blog Demo.

 

image

Demo / Download

Propriedades:

  • Header com Page Flip

  • Menu de navegação inserido no CSS/HTML

  • Caixa de busca interna personalizada

  • Posts resumidos com thumbnails

  • Blockquote personalizado

  • Sidebar com 3 colunas

  • Elementos individuais (widgets)

  • Script “Scroll to top” (voltar ao topo)

Instalação:

Depois de fazer o download do documento XML para seu computador

  • Faça login no Blooger

  • No painel clic em “Layout

  • Clic em “Editar HTML”

  • Faça um back up do blog antigo (se for o caso)

  • Clic em “Enviar Arquivo

  • Clic em “Fazer Upload

  • Confirmar e Salvar

Configurações:

Direcionamento - Feed Nwesletter

Em Seu HTML, procure pelo seguinte trecho (use Ctr + F):

<div id='pageflip'>
<a href='SEUENDEREÇOFEED'><img alt='' src='http://i9.photobucket.com/albums/a65/mamanunes/page_flipPeel.png'/></a>

Menu:

image

Dentro do seu HTML, procure pelo seguinte código (use as teclas Ctr + F)

<ul class='solidblockmenu'>

Abaixo dele, observe o trecho abaixo. edite nos locais indicados: endereço (em verde) e nome do link (em vermelho)

<li> <a href='ENDERECODOSEUBLOG'>Home</a></li>
<li><a class='current' href='ENDEREÇODOLINK'>Contato</a></li>
<li><a href='ENDEREÇODELINK'>Link</a></li>
<li><a href='ENDEREÇODELINK'>Link</a></li>

Se quiser acrescentar mais links, repita o trecho:

<li><a href='ENDEREÇODELINK'>Link</a></li> quantas vezes forem necessárias.

Caixa de busca interna:

Procure pelo código abaixo e escreva o nome do seu blog onde está em vermelho. Ex.: mamatestes1.blogspot.com

<form action='http://SEUBLOG/search' id='searchthis' method='get' style='display: inline;'>

Configurar data de postagem

Em “Configurações” clic na aba “formatação” e em “Formato da data” deixe assim:

Ex.: 18 Setembro 2009

image

 

Imagens em PNG para o Page Flip

Você poderá mudar a imagem onde está a mensagem Feed. Procure em seu HTML o seguinte trecho e insira o endereço da sua imagem no campo em vermelho:

 

#pageflip .msg_block {
width: 70px; height: 70px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(ENDEREÇO DA IMAGEM) no-repeat right top;
}

 

Abaixo a imagem que está no modelo e ao lado a imagem para customização.

rss3            rss

 

 

11 comentários

Augusto

Muito obrigado pelo template, gostaria muito que vc visita-se meu blog para ver como ficou http://hippiesbeatniks.blogspot.com/

james

eai

Augusto

Valeu mesmo pela atenção, e parabéns pelos seus templates, para mim são os melhores.
Abraço.

Carlos Leão

Mama, gostei deste simples e bonito parabéns pela creatividade.

monkey

s383視訊,a片.色咪咪影片網a.交友網-視訊.a咆哮小老鼠.台北援交無碼av女優.sogo 色論壇,嘟嘟情人色網影片.視訊情人主播脫衣秀微風論壇.ut台中聊天室.免費色咪咪影片網,a片.免費色咪咪影片網.性愛照片,洪爺影城.a性感用品維納斯.dvd,情人視訊網.台南視訊,免費18遊戲.kk視訊,色情 a 片.aa 片俱樂部,免費av.免費a網,免費視訊辣妹.美女交友-視訊正妹.本土自拍天堂,無碼av女優.080情人網,免費a片欣賞.免費線上歐美A片段觀看.視訊辣妹,成人,嘉義視訊.無碼女優,免費色情電影.視訊網愛聊天室,h影片.視訊網愛聊天室.線上a片,上班族視訊.片免費aa免費視訊聊天論壇.免費aa片試看,玩美女人.情色文學成人小說,情趣.火辣視訊情人 .免費視訊,情趣 用品 店.QQAV視訊聊天網 .視訊妹,aa片免費看.線上免費a片觀看,甜心寶貝.免費a影片線上直播 h.1007激情網愛聊天室 .aa影音視訊聊天室.a免費視訊聊天網.無碼 av影片 美眉 美女 聊天室 遊戲區 .視訊交友ggo.免費線上觀賞卡通影片.4u成人,視訊 美女.hi5 tv免費影片.A片,成人影片分享.成人視訊聊天室.人之初貼圖區.ez聊天網.視訊歌唱秀.蔡依林性感影片.視訊交友90739-愛情館.台中援交.成人自拍,嘿咻.qq 美美色網影片.兼職援交.avno1.免費試看av.彩虹頻道免費影片.視訊交友web365.免費h影片.免費色倩短片試看.sex520貼片.性愛貼圖區

gaiadaugh

olá !
queria avisar que estou usando o seu template, gente está super bonito, parabéns !
e o negócio do feed no topo da página achei ótimo, nunca vi igual :)
obrigado por disponibilizar um trabalho desse nível !

tannahans

發表,是一種抒發:好的心情可以一再的回味發酵;壞的心情就讓它留在文字裡吧!加油!..................................................

Ricardo

Adorei seu template muito bonito.
muito obridado.

Joyce

Oi eu não consegui instalar direito o tample mas eu achei muito lindo se vc pudesse me ajudar agradeçeria bjos

Mamanunes

Joyce, diga qual a dificuldade e eu tentarei te ajudar.

Abraços

LACENF

Olá! Coloquei esse template no meu blog e ficou SHOW! Mas aparece um banner do Keyword Spy que eu não consigo achar o código fonte quando vou alterar o html, mas aparece quando clico em exibir código fonte na página. O que eu faço?

Deixe seu cometário, opinião ou recado.
Eu retorno o mais breve possível.