Fancy Bulletin NOTICE Bord HTML Code

Only here you can find this bulletin board ready code of your visitors will love it too!

When using JavaScript or flash in any way, crafted using only HTML and CSS3, according to each site ready for this great code on your site, if possible,


 </ body> code immediately before, not a place you wish to add. 


Visitors to the bottom left of the page, on the notice board when it comes to flat open by rotating structure with a wonderful surprise!

CODE

<!--All-Coder Notice Board Html Code START--> <!--This Creative Commons Attribution-NoDrives 3.0 Unported Licience Do Not Copy This Post--> <!--Created :All-coder.blogspot.com--> <div id="menucon"> <div id="allcoder-tex"> <br/><b>Notice</b><br/><br/> Hello! <br/><br/> All-Coder.blogspot.com prepared for our site by our website on this bulletin board will share the latest innovations! </div> </div> <allcoder><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Tuwbhbe0v8sLwUpCY3WzLHC-VwouiHvFHBnP_4i7OYHX4HiHcaiLqCSm30_1fyavLS5b6DfJAKH0eMWjFmjyobf1FPxhyIZf6KF6sa3MasfJDJR-uaVFvztUB6Rq6gjnDDs4GfUgUaPa/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#allcoder-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><style> #menucon:hover #allcoder-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></allcoder> <!--This Creative Commons Attribution-NoDrives 3.0 Unported Licience Do Not Copy This Post--> <!--Created :All-coder.blogspot.com--> <!--All-Coder Notice Board Html Code STOP-->

Steps 

• Copy This Code 
• Make Changes of words What You Want 
• Go To Blogger dashboard 
• Add to HTML/JAVA SCRIPT Widget 
• And Paste in to it 
• You Are Done  

DEMO