Responsive CSS Timeline with 3D Effect for Blogger
tmirror
Responsive CSS Timeline with 3D Effect for Blogger
Here's another amazing way to display the Blogger posts. By applying the following Responsive CSS Timeline View with 3D Effect on Blogger Posts, we will have a responsive timeline-like structure of our most recent posts with thumbnails, plus some cool CSS effects. When clicking on the associated radio input, the posts snippet/summary will expand by changing their style and size and will rotate in 3D. The main structure of this CSS timeline with 3D effect is an unordered list.
To get an idea of how it looks like, you can visit this demo blog . How to Add Responsive CSS Timeline View to Blogger Posts
Step 1. Go to Blogger dashboard > "Template" > click on the "Edit HTML" button:
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Type or paste the following tag inside the search box and hit Enter to find it: </head>
Step 4. Just above the </head> tag, copy and paste the following style:
<b:if …
