مربع الاشتراك مثبت على المدونه يظهر مره واحدة

السلام عليكم

اضافه مربع الاشتراك مثبت على المدونه يظهر مره واحدة لكل زائر فى المدونه بى شكل انيك واحتراقى

الصندوق بشكل انيق واحترافى يمكن ان اضيف فى مدونتي بى شكله الاحترافى وهوا سهل الاضافه وكل ما عليك ان ضيف الكوج وتغير الرابط بى مدونتك فقط

تابع الاضافه

اذهب--> الى لوحة تحكم بلوجر-->قالب -->تحرير

ابحث عن </head> واضف الجود التالى فوقه

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script type="text/javascript" src="http://codingcrazy.com/demo/cookie.js"></script>

ايضأ ابحث عن </body> واضف الكود التالى فوقه

<style>@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);#popupcc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZjWaPb99nolASdIUmzsxB-1WW55Tul2uRk9D6lASuF-XBUjTaTA32IhnbH0VsMK4CTeBMSZyPmV57vV62_gcrYBxvemGsZzZ7GLtSAAF2ioFWE_NcpnhYKafBQX1wOFqLN7pEOQZwPwqP/s1600/overlay.png');position:fixed;z-index: 9999990;width:100%;color:#fff; height:100%;top:0;font-family: 'Open Sans Condensed', sans-serif;display:none;}#main-box { position:fixed;top:100px;left:50%;margin-left: -265px;padding:15px;background: #353535; box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000;-webkit-box-shadow: 0px 0px 3px #000;width:500px;height:auto;z-index:9999999; }#main-box h2 { margin:5px;color:#fafafa; text-align:center;font-weight:normal;text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; }#popup-body h2{text-align:left; width:300px;}#popup-body h2 img{width:25px; position:relative; right:5px; }.body-inner{float:left;width:300px;} .popup-image{float:right} .popup-image img{position:relative;top:10px;}#main-box h2 img { border:0; position:relative;top:3px; right:5px;}#main-box-in { padding:10px; border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5); }#buttonfeed { width:30%; color: #fff;-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;box-shadow:inset 0px 1px 0px 0px #cf866c;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); background-color:#d0451b;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;border:1px solid #942911;cursor:pointer;font-size:15px; padding:9px 2px;text-decoration:none;margin: 5px 0px; font-family: 'Open Sans Condensed', sans-serif; }#buttonfeed:hover {background: #d0451b;}#boxfeed {outline: none;padding:10px 2%;width:60%;-moz-boder-radius:3px;-webkit-border-radius:3px;border-radius:3px;background: #333; color: #fafafa;font-size:15px; border: 1px solid #333; box-shadow: inset 0 0 3px #000; -moz-box-shadow: inset 0 0 3px #000;-o-box-shadow: inset 0 0 3px #000;-webkit-box-shadow: inset 0 0 3px #000; font-family: 'Open Sans Condensed', sans-serif; }#main-box a { margin:5px;color:#fff;text-decoration:none;text-transform:uppercase; }#main-box a img { position:relative; right:3px; top:2px;border:0; }#creditcc { width:200px;padding:5px;margin:auto;text-align:center; }</style><div id='popupcc'><div id='main-box'><div id='main-box-in'><h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikg-YctE3shKtfZeNMz9eRFPznivV6urCtDkjD7mu8znJfjraMqJZJCGwDF41LgWdj5_oFQQRhFtiI01ZM7uI-A3gh4M8qZITYrK1gneXOXEe5chB-8dfl0STx5jz6Swz9DxLkgv7ulnyY/s1600/634c55_2bf916eeff084210a1d8970bcebc3aaa.png' width='32px'/> الاشتراك لنا</h2><div id='popup-body'><div class='body-inner'><h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXKkGneUGafAKlBJqKSThWFJ6z8FFPgA2EAlaq6uDExeaxjbs_Pst4jGKOoi15N6q0wNlt59ULFdDsLvqcOMksFv3C9Sp7gPRijhfUNLda13KT5aVSIQSYVoRiHg1ZRVp-HAyUDsyYmvL/s1600/check-mark-11-256.png'/> مجاني %100 </h2><h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXKkGneUGafAKlBJqKSThWFJ6z8FFPgA2EAlaq6uDExeaxjbs_Pst4jGKOoi15N6q0wNlt59ULFdDsLvqcOMksFv3C9Sp7gPRijhfUNLda13KT5aVSIQSYVoRiHg1ZRVp-HAyUDsyYmvL/s1600/check-mark-11-256.png'/> احصل على كل جديد</h2><h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXKkGneUGafAKlBJqKSThWFJ6z8FFPgA2EAlaq6uDExeaxjbs_Pst4jGKOoi15N6q0wNlt59ULFdDsLvqcOMksFv3C9Sp7gPRijhfUNLda13KT5aVSIQSYVoRiHg1ZRVp-HAyUDsyYmvL/s1600/check-mark-11-256.png'/> إلغاء الاشتراك في أي وقت</h2></div><div class='popup-image'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hqbWmGU-dXHK9Zqf82My1ruQ8dqE_sBxDSsJnaketkxGahhRkIKrlSCzf2LoWBYiuY8K4lWYdN-FSngg7kJLzMAgFYQFsr5HJrpa0_Bb92AmvVHhw0R2N8OkTI3P9aBYGudmAJ1_HjfZ/s1600/Email_icon.png'/></div></div><center><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=husseinhtech" , "popupwindow", "scrollbars=yes,width=550,height=520");return true' target='popupwindow'><input name='uri' type='hidden' value='husseinhtech'/><input name='loc' type='hidden' value='en_US'/><input class='emailinput' id='boxfeed' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = ""}' type='text' value='Enter your email'/><input id='buttonfeed' type='submit' value='اضغط هنا'/></form></center><div id='creditcc'><a href='#' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HSxH_Ss8dFAw1jvBJxrPKFWOBF75gqvSeZklh-OHUr12EcoZICQvxL2Ig9w_6i_NOfekJOwZdSH1BF_VZthi-MjWh6d5IEc44187PIbLZBjvlGzihsxj7XSV4k9BGF5HSKFa9XP-o-mP/s1600/Download_icon.png' width='12px'/>احصل عليه</a>~ <a href='JavaScript:void(0)' id='closecc'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7BsJQDB80DE6onH4PARow2rNTHY7UlhJx3LOp1O7Rw16tmIb-nJqXcLMjOvt5MlZkF_exBytS5xutg990ItfGX2JWDmWeIkB1zyjxQ9tW377QeRrqdHw4pmBRHZCMvcnLKYRlYgRilpL/s1600/icon-close.png' width='15px'/> أغلق</a></div></div></div></div>