More

اضافة نافذة منبقة لصفحتك تظهر مرة واحدة لمدونة بلوجر

بسم الله الرحمن الرحيم


مرحبا بكم في مدونة مسطرة … و موعدنا اليوم مع درس من دروس بلوجر و هو اضافة نافذة منبقة لصفحتك تظهر مرة واحدة لمدونة بلوجر


قالب,معرب,مطور,مدونات,بلوجر,تحميل,اضافات,معاينة,صور,blogger,template,addition,فيسبوك,تويتر,facebook,الربح من الانترنت,جوجل,ادسنس,فيديو,شرح,طريقة,تقنية,معلومات,محترف,مدونة,طريقة,تغير,شكل,الماوس,مدونة,بلوجر,نشر,ليوماجازين,تقني ,البحث ,الانترنت

إضافة نافذة منبثقة الفيسبوك لمدونتك . هذه الاداة يأتي مع تأثير صندوق وتبدو جذابة. والنافذة تظهر مرة واحدة أي المنبثقة يأتي فقط مرة واحدة وليس في كل صفحة من بلوق الخاص بك.


اضافة نافذة منبقة لصفحتك تظهر مرة واحدة لمدونة بلوجر



طريقة التركيب

نذهب الى لوحة تحكم المدونة ← التخطيط ← اضافة اداة جديدة 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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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=http://www.facebook.com/Yalla.Nsaytar&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>

الاعدادات


لا تنسى تغير المظلل باسم صفحتك


و بكده نكون انتهينا من موضوعنا وهو اضافة نافذة منبقة لصفحتك تظهر مرة واحدة لمدونة بلوجر


شكرا لكم جميعا … و السلام عليكم و رحمة الله و بركاته
READ  [CrossFire Hack] - [Vina CF] – [New [2] Update] – 13 / 7 / 2015
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker
Inline
Inline