{"id":881,"date":"2018-01-18T16:20:13","date_gmt":"2018-01-18T16:20:13","guid":{"rendered":"https:\/\/www.ozankabuk.com.tr\/?p=196"},"modified":"2022-09-30T21:12:22","modified_gmt":"2022-09-30T21:12:22","slug":"html-pop-up-kodu","status":"publish","type":"post","link":"https:\/\/www.melibera.com\/blog\/html-pop-up-kodu.html","title":{"rendered":"HTML POP UP Kodu"},"content":{"rendered":"<p>Merhaba,<\/p>\n<p>G\u00fcn\u00fcm\u00fczde \u00e7ok s\u0131k kullan\u0131lmasada pop up t\u00fcrleri hala hayat\u0131m\u0131zda yer almakta. \u00c7ok s\u0131k kullan\u0131lmamas\u0131 nedeni ile \u00e7al\u0131\u015f\u0131r bir Pop up kodu bulmak ise neredeyse bir i\u015fkenceye d\u00f6n\u00fc\u015fmektedir. \u00d6rne\u011fin; Bug\u00fcn bir web sitesinin yakla\u015fan bir etkili\u011fi i\u00e7in web sitesine g\u00f6rselli bir Pop up koymaya \u00e7al\u0131\u015ft\u0131\u011f\u0131mda yakla\u015f\u0131k bir bu\u00e7uk saat \u00e7al\u0131\u015fan bir Pop up kodu aramam gerekti.<\/p>\n<p>A\u015fa\u011f\u0131da yer alan Pop up kodu bir ka\u00e7 d\u00fczenleme ile \u00e7al\u0131\u015f\u0131r hale gelmi\u015f durumdad\u0131r. Kodlar i\u00e7erisinde<br \/>\n&#8220;Buraya yaz\u0131 yada html resim kodu eklerseniz sayfada g\u00f6z\u00fckecektir.&#8221; Yazan k\u0131sma eklemek istedi\u011fim yaz\u0131y\u0131 yada g\u00f6rseli html olarak eklemeniz yeterlidir. ekledi\u011finiz i\u00e7eri\u011fin t\u00fcm sayfalarda g\u00f6r\u00fcnmesini istiyorsan\u0131z header sayfas\u0131nda head etiketlerinin i\u00e7erisine eklemeniz gerekmektedir. Ana sayfada g\u00f6z\u00fckmesini istiyorsan\u0131z index dosyan\u0131za eklemeniz gerekmektedir.<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"\">\r\n&lt;!\u2013 melibera.com Pop up \u2013&gt;\r\n&lt;style type=\u201dtext\/css\u201d&gt;\r\n\r\n#meliberacom{\r\nposition:absolute;\r\nborder-left: 0px solid #;\r\nborder-right: 0px solid #;\r\nborder-top: 0px solid #;\r\nborder-bottom: 0px solid #;\r\npadding: 0px;\r\nbackground-color: ;\r\nwidth: 300px;\r\nvisibility: hidden;\r\nz-index: 200;\r\n}\r\n\r\n&lt;\/style&gt;\r\n\r\n&lt;script type=\u201dtext\/javascript\u201d&gt;\r\nvar persistclose=0 \/\/set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session\r\nvar startX = 100 \/\/set x offset of bar in pixels\r\nvar startY = 100 \/\/set y offset of bar in pixels\r\nvar verticalpos=\u201dfrombottom\u201d \/\/enter \u201cfromtop\u201d or \u201cfrombottom\u201d\r\n\r\nfunction iecompattest(){\r\nreturn (document.compatMode &amp;&amp; document.compatMode!=\u201dBackCompat\u201d)? document.documentElement : document.body\r\n}\r\n\r\nfunction get_cookie(Name) {\r\nvar search = Name + \u201c=\u201d\r\nvar returnvalue = \u201c\u201d;\r\nif (document.cookie.length &gt; 0) {\r\noffset = document.cookie.indexOf(search)\r\nif (offset != -1) {\r\noffset += search.length\r\nend = document.cookie.indexOf(\u201c;\u201d, offset);\r\nif (end == -1) end = document.cookie.length;\r\nreturnvalue=unescape(document.cookie.substring(offset, end))\r\n}\r\n}\r\nreturn returnvalue;\r\n}\r\n\r\nfunction closebar(){\r\nif (persistclose)\r\ndocument.cookie=\u201dremainclosed=1\u2033\r\ndocument.getElementById(\u201cmeliberacom\u201d).style.visibility=\u201dhidden\u201d\r\n}\r\n\r\nfunction staticbar(){\r\nbarheight=document.getElementById(\u201cmeliberacom\u201d).offsetHeight\r\nvar ns = (navigator.appName.indexOf(\u201cNetscape\u201d) != -1) || window.opera;\r\nvar d = document;\r\nfunction ml(id){\r\nvar el=d.getElementById(id);\r\nif (!persistclose || persistclose &amp;&amp; get_cookie(\u201cremainclosed\u201d)==\u201d\u201d)\r\nel.style.visibility=\u201dvisible\u201d\r\nif(d.layers)el.style=el;\r\nel.sP=function(x,y){this.style.left=x+\u201dpx\u201d;this.style.top=y+\u201dpx\u201d;};\r\nel.x = startX;\r\nif (verticalpos==\u201dfromtop\u201d)\r\nel.y = startY;\r\nelse{\r\nel.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;\r\nel.y -= startY;\r\n}\r\nreturn el;\r\n}\r\nwindow.stayTopLeft=function(){\r\nif (verticalpos==\u201dfromtop\u201d){\r\nvar pY = ns ? pageYOffset : iecompattest().scrollTop;\r\nftlObj.y += (pY + startY \u2013 ftlObj.y)\/5;\r\n}\r\nelse{\r\nvar pY = ns ? pageYOffset + innerHeight \u2013 barheight: iecompattest().scrollTop + iecompattest().clientHeight \u2013 barheight;\r\nftlObj.y += (pY \u2013 startY \u2013 ftlObj.y)\/5;\r\n}\r\nftlObj.sP(ftlObj.x, ftlObj.y);\r\nsetTimeout(\u201cstayTopLeft()\u201d, 8);\r\n}\r\nftlObj = ml(\u201cmeliberacom\u201d);\r\nstayTopLeft();\r\n}\r\n\r\nif (window.addEventListener)\r\nwindow.addEventListener(\u201cload\u201d, staticbar, false)\r\nelse if (window.attachEvent)\r\nwindow.attachEvent(\u201conload\u201d, staticbar)\r\nelse if (document.getElementById)\r\nwindow.onload=staticbar\r\n&lt;\/script&gt;\r\n&lt;div id=\u201dmeliberacom\u201d&gt;\r\n&lt;div align=\u201dcenter\u201d&gt;\r\n\r\n\u201cBuraya yaz\u0131 yada html resim kodu eklerseniz sayfada g\u00f6z\u00fckecektir.\u201d\r\n\r\n&lt;a href=\u201d\u201d onClick=\u201dclosebar(); return false\u201d&gt;\r\n&lt;font size=\u201d3\u2033&gt;&gt;Pop up KAPAT&lt;&lt;\/font&gt;&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/td&gt;\r\n&lt;\/div&gt;\r\n&lt;!\u2013 melibera.com hareketli reklam \u2013&gt;\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Merhaba, G\u00fcn\u00fcm\u00fczde \u00e7ok s\u0131k kullan\u0131lmasada pop up t\u00fcrleri hala hayat\u0131m\u0131zda yer almakta. \u00c7ok s\u0131k kullan\u0131lmamas\u0131 nedeni ile \u00e7al\u0131\u015f\u0131r bir Pop &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"HTML POP UP Kodu\" class=\"read-more button\" href=\"https:\/\/www.melibera.com\/blog\/html-pop-up-kodu.html#more-881\" aria-label=\"More on HTML POP UP Kodu\">Devam\u0131\u0131n\u0131 Oku<\/a><\/p>\n","protected":false},"author":1,"featured_media":842,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,54],"tags":[113,185,193],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts\/881"}],"collection":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":1,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts\/881\/revisions"}],"predecessor-version":[{"id":1798,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts\/881\/revisions\/1798"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/media\/842"}],"wp:attachment":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/media?parent=881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/categories?post=881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/tags?post=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}