Content

Computers

Dynamic Views Blogger : Fit Post Titles in Snapshot Thumbnails

Before
After
Lots of photo bloggers are annoyed by the fact that the post-tiles in Snapshot view are often clipped at the side. By default, only the first 4-5 words are visible, and the rest of them are kept hidden. Moreover, the titles need to share the space with the comment bubbles, which certainly isn't a encouraging factor for anyone who wants to use Snapshot view. Let's change this, shall we?

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.snapshot .item.comments .title {
left: 5px;
right: 5px;
font-size: 14px;
text-wrap: normal !important;
white-space: normal !important;
overflow: visible !important;
}
 
.snapshot #content .item h3.title{
bottom: 5px;
height: auto;
}
  
.snapshot .item .comments-count {
bottom: 220px;
}
This tweak should allow titles within 10-12 words to be visible. If your average titles are longer than this, feel free to bring the title font-size down to fit in more words, by adjusting line 4.
Sumber : http://www.southernspeakers.net/2012/05/fit-post-titles-in-snapshot-thumbnails.html
Share
Rasya Consultant

Comments

1 comments to "Dynamic Views Blogger : Fit Post Titles in Snapshot Thumbnails"

xarxammcc said...
February 18, 2013 at 9:47 AM

just copied the code and even reduced font size to 10px but it still doesn't work. I did it as well following instructions from another blog help. the code was the same actually. Still nothing. what can be wrong?
thanks
Lluïsa

Post a Comment

 

Copyright © by Bloganol Template Reedit Blogger Template by Nugroho Hadi Kumoro