Blogger Eklentileri//Duyuru Panosu Kodu

Sitenize Duyuru Panosu Ekleyin

Bu şık görünümlü ve zarif duyuru panosu ile ziyaretçilerinizle önemli gelişmeleri paylaşabileceksiniz.Bu kod Sayfanın sol alt kısmında hem sizi hemde ziyaretçilerinizi hiç rahatsız etmeyecek.Almış olduğunuz kodu </body> kodunun hemen üzerine yapıştırmanız yeterli olacaktır.

<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu START--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.--> <!--Telif sahibi:koddostu.com--> <div id="menucon"> <div id="koddostu-tex"> <br/><b>DUYURU</b><br/><br/> Sitemize Hoşgeldiniz! <br/><br/> Birsorumolacak.com tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız! </div> </div> <koddostu><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtlSqatR3Dbs7z5TNf9F_uMwD91vjaPWFH_IS83BrfA8NrKRrlcDugMjTmWseQZaamFc5bnXHqWZsYMI59M5qNI-quW7_cMMZYf39rDZKETvYVfEZR5IkGPHRfyaxe3wzRwsrYAzuKustr/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); }#koddostu-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><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style> #menucon:hover #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></koddostu> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.--> <!--Telif sahibi:koddostu.com--> <!--Koddostu Büyüleyici Duyuru Panosu Html Kodu STOP-->