ساقدم لكم في هذا الموضوع طريقة تركيب إضافة بلوجر رائعة جدا ,الاضافة او الأداة عبارة صندوق إعجاب صفحة الفيسبوك وسط مدونة بلوجر بتأثير رائعة وجد متطورة حيت تظهور هذه الاضافة مرة واحدة فقط للزائرين لكي لا تسبب لهم الإزعاج في العمل بمدونتك او بموقعك .
الطريقة التركيب صندوق إعجاب صفحة الفيسبوك وسط مدونك سهلة وبسيط جداً
معاينة مباشرة : هنا
طريقة التركيب :
1~ اذهب الى تخطيط .
2~ إضافة أداة .
3~ اختار Html/Javascript
ثم لصق الشفرة التالية
يجب عليك تغيير رابط صفحة الفيس بوك المكتوب بالاحمر برابط صفحتك
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style> #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%; margin:-220px 0 0 -375px; -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/AVvXsEhA3lCR3jCFjmpOBWwfFI7DlIKXPqEOcipk54hhTodJQJR1vCDoeXimq3w-zoQt1Ow5pmuQWrYaXx6GrvjjZ6_n5wXIWNHZngL7Hm5EyDF5vXU6R3-GBDL48f3XebBSnHKzgYMDLVixMrr0/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; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <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> <div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/pages/%D8%A8%D9%83-%D8%A7%D9%81%D8%AA%D8%AE%D8%B1-%D9%8A%D8%A7-%D8%A7%D9%84%D9%84%D9%87/129164600612440&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe> </div></div> |
:
.png)
