How to add Floating Navigation to your blog - Style 4

Assalamualaikum and hi! In this entry I would like to post another style of floating navigation on the side of your blog. Floating mean sticking navigation and I added special effect to this cutie. Click the Live Preview to see how it works!
Live preview 

To apply this thing to your blog, edit the code in - To customize the colors, link, and purpose. Then paste the codes in your HTML/Javascript gadget. For classic template, paste the code under </style>

Thanks for reading :)