Scrappy - Free Minimalistic Blogger Template



Scrappy is a really neat Blogger template. It was designed in 3 small columns with a big space between them, which is a feature of minimal templates. It has not very much space for text, so It was designed for people who blogs from everywhere, even from the cellphone, and don't have the time to write a lot, it's called fast blogging, or blogging on the go.



How to make the jump breaks ("Read More...") come before the "Labels" (tags) - Originally written by S✘M

Obligatory warning: Read first before attempting this nonsense. Copy and save the text, so you don't come crying.

Go to "Layout" > "Edit HTML" > "Edit Template"

Check "Expand widget Templates"

In the box, find this:
<data:post.body/>
<span class='category'>

<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>

</span>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

Replace it with this:

<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
<span class='category'>

<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>

</span>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Then buy Dante Araújo a beer because you're done.

This tutorial was written by one of my awesome users.

Features:
  • Minimalistic
  • White, Clean
  • Stylish Links
  • Easy to customize
  • 3 Column
  • Fast Loading

Get benefit from latest wordpress tutorials by test king to learn how to enhance your bolg post. Download Testking 70-290 video and Testking 642-436 tutirials to get useful blogger tips.


35 comments:

Post a Comment
ahmdsyhmi

wow, this is dope! man...

Anonymous

Hi,
My page shows undefined undefined (0) at the top in yellow and black colors. how do i format it to get the way you have:
28July Full Size (1).
thanks.

Dante Araújo

Probably because you didn't choose the date format specified. The format should be changed from the panel (Dashboard → Settings → Formatting → Date Header Format) and usually the correct type is: Saturday, 5 May, 2009.

Torres

olá Dante!
também tenho o mesmo problema.
já experimentei com todos os formatos de data e aparece sempre o "undefined".

exportei todos os posts do meu blog, importei para um de testes, importei o seu.xml e não dá.
http://vaiumagasosatestes.blogspot.com/
o template original é este:
http://vaiumagasosacom/
tem sugestões?

obrigado desde já.
antónio

Dante Araújo

Você precisa alterar o TIME STAMP! Coloque nesse formato: Monday,...

Acredito que seja o quarto na lista de cima para baixo ;)

Torres

exacto!
eu estava só a alterar o "Formato do cabeçalho da data" e era para alterar no "Formato de data e hora".

obrigado Dante!
antónio

Dante Araújo

Isso! Ainda bem que você conseguiu :)

Anonymous

hi,

I want to ask that what kind of script this site template is using when we click on the top button or whatever which is located at the bottom, It doesn't go to top directly it slides to the top which is cool.

http://www.hamidejaz.com/blog/

Anonymous

Dante,
There is no date format: Saturday, 5 May, 2009.

A

This is an awesome template. I'm still futzing around, attempting to create my own header (über-novice alert) but, beyond that, it's pretty dandy.

Oh, I noticed that currently the jump breaks ("Read more...") display after the "Labels" (tags). It's kind of odd. I wrote up a quick fix for it here.

Thanks & cheers!

S✘M
http://fluorescentfutura.blogspot.com/

P to the S: Awsm Artst, actually it's "Timestamp Format".

Dante Araújo

@S✘M, Dude, you have just got featured on my post :)

Thanks a thousand!

A

No problem!

Someone asked me how to add a custom header like the one on my blog. I figured I'd add it here just in case anyone else wanted to do the same. Cheers!

Brian

My page shows undefined undefined (0) at the top in yellow and black colors. how do i format it to get the way you have:
20October Full Size (1).

blogger will not let me format it as Tuesday, 20 October, 2009 (like you suggested in a previous comment)

guswaelah

Dante,

this is a beautifull template

salam from central java, indonesia
guswaelah

Blog de César Valdebenito

Hola Dante, acabo de instalar esta plantilla en mi blog. Queda muy bien, pero tengo un problema: al publicar la entrada, no aparece la fecha, aparece esto "Undefinedundefined". Agradecería que me ayudaras.

Saludos

david taniguchi

how DO you create a custom header? i can't figure it out

Naomi Schneider

hey thanks for ya nice templete!
I customized it a lot but still coooool!

From TOKYO
http://sistaschneider.blogspot.com/

Naomi

Gelo Polare

Hello, very nice template but how do I change color to the title of the blog and links in the widget. (is the same color)

http://perchenonsonounsupereroe.blogspot.com/

julius

i too am unable to remove the "undefined" even though i go into the formatting settings: sigh.

Nafis Belmont Adhikari

how to change the undefined thing?

Rhett

How do I get the widgets to work, specifically the twitter feed just as it shows up with the block quotes. All the widgets seem like text boxes.

chde

same for me? any ideas anyone?

Anonymous

Same for me. Any ideas anyone?

Rhett

How do I get the twitter widget to work?

Anonymous

Everyone having the 'undefined' problem: Just go to (Dashboard → Settings → Formatting → TIMESTAMP Format) and chose the fourth option from the dropdown menu. That should work. :)

RuninDC

Thank you very much for telling us about the Timestamp issue.

WWW.DUPONTITALIAN.BLOGSPOT.COM

julianx

dante - what a great template kudos to you - here's the result for me: http://julianx.net
cheers, julianx

María

I did everything you recomendend and i'm still having the "undefined" issue...

http://silenciosexy.com

Help please :(

Anonymous

hey, Great template.
The only problem is how do i post a new post, edit post and everything?
Cause there is no tool bar there.

Fê Menezes

Olá Dante, tudo certo? Espero que sim!
Estou montando um blog e estou usando o template Scrappy. O endereço eh este:
http://www.whymaybenot.com/

Acontece que para mim ele mostra o post duplicado em duas formatações diferentes. Gostaria de saber como elimino a primeira
e como elimino tb o recurso de continue lendo e apareça o post de uma vez só.
Muito obrigado pelo template e pela ajuda!
Parabéns pelo trabalho.
Abraço
André

Anonymous

my twitter thing is gone....how do i restore it back?

TURPENTINEfilms

Hola Dante, genial plantilla, pero cómo puedo cambiar el color de los links?

Gracias

TURPENTINEfilms

Hola Dante, genial plantilla, pero cómo puedo cambiar el color de los links? Gracias :)

Kaymie

THANKS!

share the love subaru

I found this informative and interesting blog, so I think so it’s very useful and knowledgeable. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me. I really thought that blog is spreading its wings rapidly...
Thanks a lot.

Post a Comment

Grab the feed for followup comments!