- Unknown
- 11:29 ص
- بلوجر
- لاتوجد تعليقات
السلام عليكم ورحمة الله وبركاته
في هذه التدوينة البسيطة سوف نتعرف على طريقة إضافة نافذة منبثقة لصندوق اعجاب الفيس بوك 2013 وحصريا على مدونة المهووسين للمعلوميات .
لتركيب الاضافة علي مدونتك ادخل على لوحة تحكم مدونتك واختار قالب ثم اضغط علي تحريرhtml ثم إظغظ على ctrl + f .
ابحث على الكود </head>
ثم الصق الكود فوقه مباشرة :
في هذه التدوينة البسيطة سوف نتعرف على طريقة إضافة نافذة منبثقة لصندوق اعجاب الفيس بوك 2013 وحصريا على مدونة المهووسين للمعلوميات .
لتركيب الاضافة علي مدونتك ادخل على لوحة تحكم مدونتك واختار قالب ثم اضغط علي تحريرhtml ثم إظغظ على ctrl + f .
ابحث على الكود </head>
ثم الصق الكود فوقه مباشرة :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1' type='text/javascript'/> <script src='http://dl.dropbox.com/u/73386157/codigos/minipopup/jquery.cookie.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_user_login') != 'yes'){ $('#fanback').delay(100).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); }); </script>
ثم ابحث على الكود ]]></b:skin>
ثم الصق الكود فوقه مباشرة :
#fanback{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999} #fan-exit{width:100%;height:100%} #fanbox {background: white;width: 420px;height: 270px;position: absolute;top: 58%;left: 63%;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;} #fanclose {float: right;cursor: pointer;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGR9Rm0UUl_IJPSlEloqZxWWV2q0AXn0B962hX_aVRzigX0AjQHWyKEtbtdlCIli8xtVWbVebcGbu4xwMyaTy9KB8_tK26Rxu6t8dWMNeEg0Dgtt47sVWx8o4LD_Pv6_-9aYqb_kcsV93Q/s1600/fanclose.png) repeat;height: 15px;padding: 20px;position: relative;padding-right: 40px;margin-top: -20px;margin-right: -22px;} .remove-borda {height: 1px;width: 366px;margin: 0 auto;background:#F3F3F3;margin-top: 16px;position: relative;margin-left: 20px;}
ثم في اخير قم بلبحث على الكود <body>
ثم الصق الكود فوقه مباشرة :
ثم غير ما th3nerds إلى رابط صفحتك .
إلى اللقاء .