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

الزيارات:

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

مرسلة بواسطة admin يوم الثلاثاء، 13 أغسطس 2013 0 التعليقات

اعلان تحت مشاركات يسار

أضف الموضوع إلى Del.icio.us أضف الموضوع إلى تويتر أضف الموضوع إلى الفايسبوك أضف الموضوع إلى StumbleUpon أضف الموضوع إلى تكنوراتي أضف الموضوع إلى Digg

السلام عليكم ورحمة الله تعالى وبركاته

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

التطبيق :

1- قم بتسجيل الدخول إلى لوحة التحكم الخاصة بك بلوجر.

2- بعدها قم بالتوجه إلى تخطيط .

3- أنقر على إضافة أداة .

4- إختر HTML/JavaScript ثم ضع هذا الكود فيه.

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rF7PneDYqLxN5g-6vtzj6Y_LsfY1ScQ9tUqW4FGXjTe_nNJ9mdJ74mnq0rasc0QHobR8ND_K3QVdF53RnLvPyptPRLsZYD7gFK5f7h3Qkofc_bJaLTt4IukmG-hy5KM7zXOz9V3Z860U/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rF7PneDYqLxN5g-6vtzj6Y_LsfY1ScQ9tUqW4FGXjTe_nNJ9mdJ74mnq0rasc0QHobR8ND_K3QVdF53RnLvPyptPRLsZYD7gFK5f7h3Qkofc_bJaLTt4IukmG-hy5KM7zXOz9V3Z860U/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWHffC9Cp1mp8mxiXq1SBjcZB281IErw-iMHG1cLtHdiJjqUz2JgYBAOVob1rTj7EXUcGkahQW_QiBo9MGQVmzIFT5o0j4bnsKwJIoMfL98ehCPB9DoBR6Ctj7r85MTZeAL0VuIXXjtBG/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1vE0-1bAmjIW11D7US9g_dlzMNq-cXAGXZM3S5enaX8HSq9cLunZBo2Uo-a_ikF7_tWq4P5YlEpTChBIuSWEiQ-ZowrzYOnpf3VekBOuV2ga6Dlqy2GIryHUbbxQUCVuCFqLMx5OEfWM/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6F0IoxlB53FAtVDnxiDvCUF_vl1M3UTcYzmcZck8apSk4Og0KIuIFs8obCVEDQPicxr5qkCD6GcD1_pXCxORolojXWSZ16Nwc-hYl_ROTDuSeNM6tupG67O8KJrN0fPd0jgICMVtqlHF/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

قم بتغيير الفيسبوك بما يناسب مدونتك مبروك عليك لا تنسى أن تترك تعليقك

الزيارات:

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

ليست هناك تعليقات:

إرسال تعليق

اشترك معنا على اليوتيوب

تابعنا على الفيسبوك

إشترك في المدونة

الزيارات: إضافة نافذة منبثقة إلى بلوجر تحتوي على صندوق المعجبين الخاص بك على الفيسبوك

ليست هناك تعليقات:

إرسال تعليق

اشترك معنا على اليوتيوب

تابعنا على الفيسبوك

إشترك في المدونة

الزيارات:

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