Responsive Css Timeline Alongside 3D Consequence For Blogger – Helplogger

Here’s merely about other amazing agency to display the Blogger posts. By applying the next Responsive CSS Timeline View amongst 3D Effect on Blogger Posts , nosotros volition accept a responsive timeline-like construction of our nigh recent posts amongst thumbnails , summation merely about cool CSS effects. When clicking on the associated radio input , the posts snippet/summary volition expand past times changing their fashion as well as size as well as volition rotate inward 3D. The chief construction of this CSS timeline amongst 3D number is an unordered list.

To teach an thought of how it looks similar , you lot tin catch 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 within the code expanse as well as press the CTRL + F keys to opened upwards the search box:

Step 3. Type or glue the next tag within the search box as well as hitting Enter to honor it:

Step 4. Just inward a higher identify the tag , re-create as well as glue the next style:

Step 5. Search for the SECOND illustration of this code below (hit Enter ii times):

Note: depending on the template you lot are using , you lot could honor to a greater extent than lines similar this i above. Thus , if you lot don’t come across whatever changes subsequently saving the template , endeavour to supersede the final i , every bit well.

Also , delight banker’s complaint that if you lot are using the Read to a greater extent than business office , you lot volition demand to take it inward lodge to become far work.

Step 6. After you lot institute , supersede it this HTML code:

• 
  

  
  

Step 7. Finally , click on the “Save template” push to salve the changes.

Now , nosotros volition demand to brand merely about pocket-sized adjustments inward lodge to brand the posts engagement appear correctly:
Go to “Layout” as well as click on the “Edit” link merely below the Blog posts area. When the pop-up window appears , cheque the engagement selection as well as select to display the engagement inward the next lodge (date/month/year):

Note that you lot tin also cover the posts engagement past times unchecking this option.

Finally , click on the “Save” push as well as that’s it! View your weblog as well as bask this Responsive Timeline sentiment amongst 3D Effect on Blogger posts.

Credit: tympanus.net