The search results page is by far the easiest part of the blog to get started with blog design. It has a simple HTML structure and you have a great example from Google search result.
 |
| Blogger search page design. |
Here’s a comparison between Google’s search results design and the version I recreated for this blog:
 |
| Blog design comparison. |
The highlight of this design is the spacing between search result items. I used to make a card design or separate each posts with a line. Google’s design reminds me on how whitespace helps scanning the content of the page more easily.
By the way, few days later, I ended up making the post title bolder because it felt like I don't have something to focus on when I'm on the search page. There's something about the font or color composition on the Google page that makes it super easy to focus on.
https://www.blogger.com/rpc_relay.html https://www.blogger.com/comment/frame/220561901913020919?po=9191226959493264015&hl=en&saa=85391&origin=https://xmlexpr.blogspot.com&skin=contempo https://xmlexpr.blogspot.com/2025/09/weekly-blog-design-001.html#comments https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm5Sb7PgSi_IaeCMH78SzKVJqCFTKl8z1n4vpKVBTeYsdi6phVF3nlKaC5JNwIP7RgB995Rm0d04VnNm586b4sg1CjIH0ky88dzx7uErQRXfbJuOx12ZQmfE3z6sspVOkBOaNMyr0zqRc17fDQ_qZgUlfyVCqJlMgk00-tdCwJx32Z-riLb2Aqe5Xb_xaE/s72-w640-c-h360/blogger-search-page-design.png true ["weekly-blog-design"]