Expand Sidebar Posts List on 'mouse over' in Dynamic View

Blogger dynamic view sidebar is the best dyanmic view according to me! So I may be busy for finding codes for it! As a result I found expandable sidebar menu. The sidebar menu is at left side of your blog page.
Just follow this primary school steps.

STEP:-
Go to Dashboard ('House' symbol) --> Template --> Customize --> Advanced --> Add CSS --> Paste the following code --> Press enter after the last character of the last line } --> Apply to Blog --> Done

#sidebar
{
-webkit-transition:width 500ms ease-in;
z-index:99
}
#sidebar:hover:not(.selected)
{
width:350px;
!important}

Don't forget to comment below :-)