رسالة انبثاقية تظهر للزائر مرة واحدة بتقنية الجيكيوري

بسم الله، سأستعرض معك اليوم طريقة تركيب صندوق منبثق يحتوي على رسالة تظهر لزائر مدونتك لمرة واحدة فقط، وذلك اعتماداً على إضافة صندوق الضوء Colorbox التي أعتبرها الأفضل في مجالها لتأثير lightbox وقد شرحت استخدامها بالتفصيل أنصحك بشدة قراءة هذه التدوينة ستسهل عليك الكثير ( تأثير LightBox للصور ومقاطع اليوتيوب والفلاش والمواقع وأكثر! )، في العنوان كتبتُ وأكثر وهذه الإضافة الحالية من الأكثر. ما دفعني لشرح هذه الطريقة رغبتي في توسيع مدارك قارئ مدونة البلوقر لاستغلال الإضافات كما يجب وإدارة إضافات مدونته بشكل (مُرتب) ومنع التكرار وتحميل المدونة عبئ الارتباط بإضافات ليست ضرورية، سيتضح هذا خلال شرح هذه الإضافة!  فتابع معي ان كنت ما زلت تقرأ ابتسامة



فكرة الفكرة الأساسية من الموضوع

الفكرة استغلال إضافة colorbox وتخصيصها للحصول على رسالة ترحيبية تحتوي على أزرار مشاركة الشبكات الإجتماعية مرة واحدة لزائر المدونة ( اعتماداً على الكوكيز ) ، في نفس الوقت ممكن تغيير محتوى الرسالة ليكون مقطع فيديو مثلاً أو إعلان ترويجي .. الخ. لكن التطبيق سيكون لصندوق منبثق يتضمن أزرار مشاركة للقيسبوك وقوقيل بلس وقائمة بريدية لظني أنها الأكثر طلباً ، التطبيق سيكون كما في الصورة التالية:


البناء الأساسي لإضافة رسالة الترحيب

يمكن تخصيص الإضافة لتكون قابلة لحمل أي محتوى ، هذا التخصيص عبارة عن كود يمكن حفظه كقالب رئيسي يمكن تغذيته بأي محتوى في المستقبل، سأشرح بنية الإضافة لفهم أوضح وبالتالي يمكنك التعديل وفق ما تحتاجه بنفسك:
<!--  الإضافة الأساسية colorbox -->
<link href='http://alblogger-gen.googlecode.com/svn/trunk/colorbox/style3/colorbox.css' media='screen' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script src='http://alblogger-gen.googlecode.com/svn/trunk/colorbox/colorbox.js'/>
<!-- تشغيل رسالة الترحيب -->
<script type='text/javascript'> 
//<![CDATA[
jQuery(document).ready(function(){ 
if (document.cookie.indexOf('visited=true') == -1) { 
var DaysTo = 1000*60*60*24*30; 
var expires = new Date((new Date()).valueOf() + DaysTo ); 
document.cookie = "visited=true;expires=" + expires.toUTCString(); 
$.colorbox({ inline:true, href:"#mainbox"}); 
} }); 
//]]>
</script>     
<!-- محتوى الرسالة  -->  
<div style='display:none;'>
<div id='mainbox' style='width:400px; height:650px; '>
<center>

هنا أكتب  ما  تشاء

</center></div> </div>

السطر (٢) : تضمين خصائص CSS للإضافة الأساسية أقصد Colorbox وان كنت جاد وقرأت الموضوع المتعلق بهذه الإضافة ستعلم أن هناك خمسة ستايلات مختلفة، يمكنك معاينتها من خلال هذه المدونة التجريبية. يمكنك التغيير بين الستايلات الخمسة بتغيير الرقم من بين ( 1 الى 5 ) مثل: style3 …. الخ

السطر (٣) : تضمين مكتبة الجيكيوري ، وهنا خطأ شائع وهو تكرار هذه المكتبة لدرجة أني وجدت بعض المدونات كُررت فيها المكتبة سبعة مرات ثم يسال عن بطئ مدونته!.

السطر (٤) : تضمين الإضافة الأساسية colorbox. هام: ان كنت استخدمت إضافة colorbox التي شرحتها سابقاً فتجاهل الأسطر 2 ، 3 ، 4  . إنك ان فعلت فكأنك تلبس قبعتين !

الأسطر (٦) إلى (١٦) : هي المفتاح المشغل للرسالة الترحيبية مع التحكم في ظهورها لمرة واحدة كل 30 يوماً أو كلما حذف الزائر الملفات المؤقتة (الكوكيز) من متصفحة. في السطر (١٠) : يخزن المتغير DaysTo  توقيت ظهور الرسالة، التعبير ( 30*24*60*60*1000) تعني ( يومxساعةxدقيقةxثانيةxميللي ثانية ) ، وبالتالي لتغير التوقيت من شهر إلى اسبوع غير الـ (30) إلى (7) وهكذا

السطر (١٣) : هذا السطر يفعل إضافة colorbox لمحتوى الرسالة التي ستظهر، هذه الرسالة موجودة في قسم div له المعرّف ( mainbox ) .

السطر (١٨) : بداية قسم div عبارة عن وعاء يُخفي محتوى الرسالة ، وقلنا يُخفي لأنه يحتوي على display:none ، وبدون هذا الوعاء المختفي ستظهر الرسالة في المدونة وتشوهها.

السطر (١٩) : بداية محتوى الرسالة وهذا سطر هام ففيه قيمة طول وعرض الرسالة ، عليك تغييرها حسب حجم الرسالة ، إذا ظهر الصندوق المنبثق باطارات مزعجة تأكد من هذه القيم !

هذا ما عليك فهمه ، الآن يمكنك كتابة أي رسالة تريدها لزوار مدونتك في موضع السطر (٢٢) ، أطلق العنان لمخيلتك!… وكمثال تطبيقي سأعرض تخصيص الإضافة لعرض صندوق مشاركة صفحة قوقيل بلس ، واعجاب الفيسبوك ، والاشتراك في القائمة البريدية …

۞مثال مباشر


مثال تطبيقي: رسالة لمشاركة حسابات شبكات التواصل الاجتماعي

في هذا التطبيق سنكتب رسالة تتضمن أزرار الإعجاب والاقتراح والمتابعة للفيسبوك وقوقيل بلس بالإضافة إلى صندوق الإشتراك للقائمة البريدية، يمكنك الحصول على صندوق مشاركة قوقيل بلس من قالب مدونتك إذا كنت أضفته سابقاً أو من خلال هذه الصفحة، والحصول على صندوق إعجاب صفحة الفيسبوك من هنا ، وهناك عشرات التنسيقات لصندوق الإشتراك في القائمة البريدية …  بعد ترتيب هذه الأكواد وإضافة تنسيق للرسالة هذه النتيجة عندي:
<link href='http://alblogger-gen.googlecode.com/svn/trunk/colorbox/style3/colorbox.css' media='screen' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script src='http://alblogger-gen.googlecode.com/svn/trunk/colorbox/colorbox.js'/>
<script type='text/javascript'> 
//<![CDATA[
jQuery(document).ready(function(){ 
if (document.cookie.indexOf('visited=true') == -1) { 
var Days = 1000*60*60*24*30; 
var expires = new Date((new Date()).valueOf() + Days); 
document.cookie = "visited=true;expires=" + expires.toUTCString(); 
$.colorbox({ inline:true, href:"#mainbox"}); 
} }); 
//]]>
</script>     
<div style='display:none;'>
<div id='mainbox' style='width:400px; height:600px; '>
<center><br/><br/>
<style type='text/css'>
/* تنسيق بدن الرسالة */
#mainbox h3 { background-color: #F7F7F7; border-bottom: 1px solid silver; border-right: 10px solid silver; color: orange; font-family: Tahoma; font-size: 11pt; font-weight: lighter; height: 25px; padding: 5px; margin-bottom: 7px; }
/* تنسيق صندوق اشتراك القائمة البريدية */
#mailbox { border-radius: 10px 10px 10px 10px; box-shadow: 0 0 30px silver inset; height: 50px; margin: 10px 0; padding: 25px 10px 10px; width: 300px; }
#mailbox-txt { background: none repeat scroll 0 0 #FFF!important; border: 1px solid #D2D2D2; color: #A19999; float: right; font-size: 12px; height: 25px; text-align: center; width: 200px; margin: 0; padding: 0 8px; }
#submitbutton { background: none repeat scroll 0 0 #F66303; border: 1px solid #F66303; color: #FFF; cursor: pointer; font: lighter 10pt/27px tahoma,sans-serif; height: 27px; text-shadow: 1px 1px 1px #333; margin: 0 0 0 5px; padding: 0 12px; }
</style>
<h3>تابع صفحتنا في شبكة قوقيل بلس واقترحها :</h3>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plus href='https://plus.google.com/106675122873738446344'/>
<h3>تابع صفحتنا في الفيسيبوك:</h3>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Falblogger.blog&amp;width=300&amp;height=180&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23DCDCDC&amp;header=false&amp;appId=100378033397966' style='border:none; overflow:hidden; width:300px; height:180px;'/>
<h3>ليصل جديدنا إلى بريدك تفضل بالاشتراك</h3>
<div id='mailbox'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=alblogger&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input id='mailbox-txt' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;ادخل عنوان بريدك...&quot;;}' onfocus='if (this.value == &quot;ادخل عنوان بريدك...&quot;) {this.value = &quot;&quot;;}' type='text' value='ادخل عنوان بريدك...'/>
<input name='uri' type='hidden' value='alblogger'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='submitbutton' type='submit' value='اشترك'/>
</form></div>
</center></div> </div>

قم بنسخ هذا الكود في القالب ويفضل يكون قبل إغلاقة وسم body أي قبل </body> ، والنتيجة ستكون كما في هذه المدونة التجريبية:  مــثـــال مبـاشــر . إذا واجهتك صعوبة تفضل باستخدام الكود السابق مع تغيير قيم مدونة البلوقر وصفحاتها إلى تلك الخاصة بمدونتك وهي:

١ غير معرّف صفحة مدونة البلوقر في قوقيل بلس (106675122873738446344) في السطر (28) بمعرّف صفحة مدونتك.

٢ غير اسم صفحة مدونة البلوقر في الفيسبوك ( alblogger.blog ) باسم صفحة مدونتك من السطر (30).

٣ غير معرّف حساب فيدبرنر الخاص بمدونة البلوقر ( alblogger ) بحساب مدونتك من السطرين (33) و (35).


الرسالة الترحيبية لم تعد تعمل ؟ وردة ذابلة

بما أن الرسالة تعتمد على تواجد ملفات التعريف بالمدونة على المتصفح، فيتوجب عليك حذف ملفات التعريف (الكوكيز) كل مرة قبل أن تستعرض التغييرات التي أحدثتها. الإضافة يجب أن لا تعمل الا مرة واحدة حتى لا يفر الزوار من مدونتك.


سؤال وجواب !

* كيف أجعل الرسالة تظهر كل مرة للزائر ؟

حقاً هذه الطريقة مزعجة ولكن هي ممكنه، سأشرحها لتظهر كلما فتح الزائر الصفحة الرئيسية، ضع الكود التالي قبل إغلاق الوسم Body أي </body> :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
$.colorbox({ inline:true, href:"#mainbox"});
});
//]]>
</script> 
</b:if>

* كيف أغير مقاسات الرسالة لامنبثقة ؟
بتغيير قيمة العرض والطول في السطر 19 من الكود الأساسي ( الأول ) أي من هذا السطر:

<div id='mainbox' style='width:400px; height:650px; '>

* ظهور صورة ( visit imgboot.com ) !

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

* كيف أضيف أداة متابعي صفحة المدونة في قوقيل بلس ؟

راجع هذا الموضوع: أداة متابعي Google+ لغير مدونات البلوقر



تحياتي العاطرة 

التعليقات: 128

Mahmoud Ahmed يقول... 8 ديسمبر، 2012 7:45 م

يا لروعة ابتكاراتك العلمية ،، حقيقة اضافة اروع من التميز ذاته ..
أسعد دائما لانني متابع لمن هم مثلك ..
تحية ود وتقدير،

عبد الجليل يقول... 9 ديسمبر، 2012 1:23 ص

شكرا لك يا أخي إضافة أكثر من رائعة .. تستحق التجربة

وشكرا أيضا على المجهود والشرح الجميل والمتطور

رغم أني أظن أن الزائر سيظنها فقط صفحة تابثة للترحيب وليس موقع

أثمنى لك الكثير من العطاء وأن تجلب لنا إضافات مماثلة لهذه فهي عديدة

أتشرف دائما بالزيارة :

http://window-internet.blogspot.com

جبران يقول... 10 ديسمبر، 2012 1:11 ص

اشكرك اخي على هذه الاضافة
في حالة تخطيت الرسالة الترحيبية

البناء الأساسي لإضافة رسالة الترحيب


ومن ثم نسخت فقط
مثال تطبيقي: رسالة لمشاركة حسابات شبكات التواصل الاجتماعي

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

body

هل ستنجح معي

ام انني لابد من نسخ الكودين
الرجاء اعلامي

حمدان يقول... 10 ديسمبر، 2012 1:12 ص

يسترك ربي ويعطيك العافية

على هذه الاضافة الجميلة

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

ام نرمين يقول... 10 ديسمبر، 2012 1:14 ص

طيب لو سمحت ماذكرت
وين يتحط الكود الاول بخصوص رسالة الترحيب

هل يوضع في اضافة جديدة ام ان الاكواد كلها توضع اعلى كلمة body

اخوك في الانتظار

سامي ابراهيم يقول... 10 ديسمبر، 2012 1:18 ص

استاذي الكريم

انت تعلم ان كثرة jquery في المدونة يسبب في تعطيل بعض الاضافات

فكيف لي ان اعرف عدد الاضافات التي تحمل jquery

حتى اعرف اذا حصلت معي مشكلة

مرسي يقول... 10 ديسمبر، 2012 1:22 ص

اشكرك كثيرا على هذه الاضافة

جاسر الحربي يقول... 10 ديسمبر، 2012 8:49 ص

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

@محمود: شكراً لطيب مقالك وحسن خطابك ، وفقك الله وسددك.

@عبدالجليل: تأثير Lightbox تأثير بات مألوفاً ، وعلى أي حال يمكن زيادة شفافية الخلفية السوداء لتظهر صفحة المدونة ولا يقع الزائر في اللبس. شكراً.

@جبران: لا "الكودالأول" مجرد قالب للإضافة (فارغ) لا يعرض أي محتوى ، ان كنت تريد استخدام الإضافة مباشرة عليك نسخ "الكود الثاني" .

@حمدان: إن شاء الله تركب ، بالتوفيق وأهلاً بك .

@ام نرمين: "الكود الأول" يا اخواني مجرد "قالب" ،يكفي استخدام الكود الثاني . وتوضع أعلى (وسم الإغلاق لـ body ) أي </body>

@سامي: بدلالة الإسم غالباً مثل (jquery.min.js) أو ( jquery.js )، أو فتح الملف ومعرفة كونه مكتبة الجيكيوري أو لا

@مرسي: العفو أخي الكريم



تحاياي

ام نرمين يقول... 11 ديسمبر، 2012 3:06 ص

اشكرك كثيرا اخي العزيز

لقد ظهرت بشكل رائع
جزاك الله خير

اسامة المحمادي يقول... 11 ديسمبر، 2012 3:23 ص

اخي الكريم

لقد طبقت الشرح وتم تركيبها بشكل تمام

ولكن لدي ملاحظة
في حالة اردت عرضها في كل مرة يفتح الموقع كيف افعل
لقد وضعت 0 بدلاً عن 30 وللاسف لم تظهر
لابد من حذف الكوكيز

الثانية
ظهرت لي اعلى النافذة كلمة Visit ثلاث مرات
Visit Visit Visit

وايضاً ظهرت لي في الاسفل ولكن بهذا الشكل وايضاً ثلاث مرات
visit
www.jmgboot.com

فكيف اتخلص من هذه الجمل في الاعلى والاسفل

الرجاء شرح حذفها لانها شوهت منظر النافذة المنبثقة

احمد السلطان يقول... 11 ديسمبر، 2012 3:26 ص

صحيح انا ايضاً ظهرت لي هذه الكلمات

اعلى النافذة واسفلها فكيف حذفها

وهناك ايضا ملاحظة الرجاء شرحها
هل استطيع وضعها باداه جديدة من نوع JavaHtml

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

فهل تصلح هذه الطريقة
وشكرا

محي الدين ابو العباس يقول... 11 ديسمبر، 2012 3:27 ص

استاذ ومعلم
وكل الصفات الجميلة بك

اشكرك الف شكر لهذه الاضافة

ساجربها وسيكون لي رجعه اخرى

حنان الشهري يقول... 11 ديسمبر، 2012 3:28 ص

استاذي لقد طبقتها معي والحمدالله

لكن اذا اردت تصغير الطول فكيف لي ذلك

ويعطيك العافية

اسامة المحمادي يقول... 11 ديسمبر، 2012 3:42 ص

شوف ياخي الصورة

http://uaemusics.com/uploood/images/66dloshhdopkz90prgsu.jpg

الكلمات فوق وتحت

شوفلي حل فيها

منتصر يقول... 11 ديسمبر، 2012 3:44 ص

بجد الاضافة حلوة

بس لما راجعت التعليقات وجدت تعليق اعجبني وهو تعليق الاخ احمد السلطان
بخصوص وضعها
باداه جديدة من نوع JavaHtml

هل تنفع وشكرا

باسم صلاح يقول... 11 ديسمبر، 2012 3:47 ص

اشكرك جزيل الشكر
على هذا المجهود الجبار

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

الف شكر لك

جبران يقول... 11 ديسمبر، 2012 3:55 ص

شكرا لك على الاجابة

وكل شي صلح معاي ولكن تظهر لي كلمات اعلى واسفل النافذة
مثل الصورة تبع المعلق اسامه المحمادي

كيف احذفها

سامي ابراهيم يقول... 11 ديسمبر، 2012 4:42 ص

جزاك الله الف خير
على الرد

واذا توهت فيها ساقوم بالرجوع للتعليقات

سامي ابراهيم يقول... 11 ديسمبر، 2012 4:45 ص

اخ جاسر

اعتذر عن وضع التعليق قبل اكمال مااريد

هل باستطاعتي ان اغير رابط جوجل بلس
الى عدد متابعي جوجل الجديدة
مثل المعروضه عندك على يسار المدونة
يعني بدل 1+

اريد وضع رابط متابعي المدونة
هل تنفع

جاسر الحربي يقول... 11 ديسمبر، 2012 6:55 م

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

@أم نرمين: وجزاك الله خير كذلك، مبروك عليك الإضافة بالتوفيق.

@أسامة المحمادي: كتبت الحل في فقرة مستقلة في صلب الموضوع.

@أحمد السلطان: تركيب الإضافات الكبيرة عبر "التخطيط" ثم قطع javascript/html لا أراه اسلوب جيد ، قد تعمل في قالب وقد لا تعمل في قالب آخر حسب تجربتي ، أنصح بتركيبها عبر كود القالب ..

@محي الدين: شكراً شكراً حفظك الباري أحرجتني :)

@حنان الشهري: كتبت الجواب في فقرة جديدة آخر الموضوع ، رغم اني ذكرته في الشرح ، بالتوفيق.


@منتصر: شكراً لك راجع نفس الجواب كذلك :)


@باسم صلاح: هي منتشره بكثرة وبطرق متباينة ، ولكن هذه توفر موارد المدونة اكثر بمشيئة الله ويمكن تخصيصها كيفما شئت.

@جبران: جرب الإضافة على مدونة جديدة ، يبدو أن ثمة تعارض.

@سامي: جربتها على السريع تظهر لي اخطاء وحاولت تركيبها بكودها المصدري تظهر بشكل سليم إلا أن زر المشاركة لا يتفاعل مع الضغط .. ليس عندي فسحة وقت لمزيد تجارب لكن ساحاول ان شاء الله



تحياتي العاطرة

حنان الشهري يقول... 12 ديسمبر، 2012 12:54 ص

اشكرك كثيرا على شرحها

واعتذر لم انتبه لها في الاول

منتصر يقول... 12 ديسمبر، 2012 12:56 ص

فعلاً جربتها على اضافة جديدة ولم تنجح

وقمت بوضعها مع القالب ونجحت
شكرا

اسامة المحمادي يقول... 12 ديسمبر، 2012 1:09 ص

اخوي جاسر يعطيك العافية ماقصرت

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

المهم كيف اتخلص منها

عبدالغني الطباشي يقول... 12 ديسمبر، 2012 1:24 ص

الاخ جاسر

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

كيف اغير لون خط هذه الكلمات

تابع صفحتنا في الفيسيبوك
ليصل جديدنا إلى بريدك تفضل بالاشتراك

هذه الكلمات تظهر باللون البرتقالي
كيف لي ان اقوم بتغييره الى لون اخر من اختياري

وشكرا

منير يقول... 12 ديسمبر، 2012 2:51 ص

اعجبتني الاضافة كثيرا

وجزاك الله خيرا

جميلة يقول... 12 ديسمبر، 2012 2:53 ص

بخصوص الكلمة

/* تنسيق بدن الرسالة */

هل هي لوضع كلمة ترحيبية

ام ان المقصود بها تزيين البرواز الخاص بالنافذة

ابو عبدالرحمن يقول... 12 ديسمبر، 2012 2:55 ص

وفيت وكفيت على هذا الشرح الجميل

ابو خالد يقول... 12 ديسمبر، 2012 3:56 ص

يعطيك العافية

انشاء الله اجربها وتظهر معي كما هي في توضيح المثال

جاسر الحربي يقول... 12 ديسمبر، 2012 7:53 ص

السلام عليكم

@حنان: العفو يا أخيه ، حياكِ الله.


@منتصر: هذا جيّد ، مبروك الإضافة.


@أسامة: أقصد تأثير Lightbox فكل نافذة تنبثق بهذه الطريقة تسمى lightbox ، هناك عشرات الإضافات تقدم هذا التأثير، مدونتك فيها أحد هذه الغضافات وربما تكون colorbox نفسها .. أكتب لي رابط مدونتك.


@عبدالغني: تنسيق العناوين مسؤول عنه السطر (20)غير لون العناوين بتغيير القيمة ( orange ) الى أي لون


@منير: وجزاك الله خير كذلك أهلاً بك.


@جميلة: لا مجرد ملاحظة تُفيد بأن الكود أسفل هذه الملاحظة هو المسؤول عن تنسيق الرسالة ، حذف الملاحظه لا يضر فليس لها أي تأثير حقيقي .


@أبو عبدالرحمن: الله يحفظك ويسلمك شكراً لك.


@أبو خالد: إن شاء الله تعمل بلا مشاكل . حياك الله

.
.

ندى يقول... 13 ديسمبر، 2012 1:47 ص

ايلاهي يخليك ويحميك يارب من كل مكروة

اول تعليق لي
دائما احب ان اشاهد التعليقات قبل اضافة اي اضافة جديدة

وعندما قمت بتركيبها لم تركب معي ومن ثم راجعت التعليقات ووجدت الحل

مرسي على كل تعب عملته
وشكرا كثير لكل هذا الشرح

اسامة المحمادي يقول... 13 ديسمبر، 2012 3:06 ص

شكرا اخوي جاسر

وساقوم برفع رابط المدونة بعد اكتمالي منها فأنا الان اقوم بتجهيزها بكل الاضافات التي اريدها

ويشرفني ان تكون من زوارها
فهي مازالت تحت الانشاء

ولكني احببت ان اضع بها كل الاضافات حتى اكتمل منها
يعطيك العافية

ابو سعيد يقول... 13 ديسمبر، 2012 3:25 ص

جزيت خيرا

ووفقك الله الى طريق الخير

الاضافة جداً شيقة وشرحها خفيف

جاسر الحربي يقول... 15 ديسمبر، 2012 7:45 ص

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

@ندى: حيكِ الله شاكر لك ومقدر .

@أسامه المحمادي: أتمنى لك التوفيق.

@ابو سعيد: وجزاك الله خير ونفع بك.

مرعي يقول... 16 ديسمبر، 2012 12:51 ص

الاضافة جدا جميلة

وهناك العديد من الاسئلة بخاطري
ولكن التعليقات عملت الواجب معي

شكرا لوقتك الثمين

عفيفي البحيري يقول... 16 ديسمبر، 2012 12:55 ص

اخي العزيز

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

واخاف عند عمل اضافة اخرى تظهر معي مشكلة من بعض الاضافات التي يتم تركيبها مستقبلاً

colorbox
Lightbox

محمد الدرهيم يقول... 16 ديسمبر، 2012 12:57 ص

اخي في الله

قبل تركيب هذه الاضافة
الرجاء شرح لي

كيف استطيع تغيير زر اغلاق النافذة X

حتى اضعه في الاسفل بدل الاعلى

وشكرا مقدماً

ابو مالك يقول... 16 ديسمبر، 2012 12:59 ص

هل النافذة المنبثقة تسبب في بطاء الصفحة
لان هناك بعض المقالات

ذكرت ان النوافذ المنبثقة والخاصة بالجافا
دائماً ماتسبب بطىء في الصفحة

رغم انني قمت بتركيبها في مدونة تجريبيه غير المدونة الرئيسية
ولم الاحظ اي تغيير فقط في فتح المدونة للمرة الاولى

اتمنى توضيحها

عبدالغني الطباشي يقول... 16 ديسمبر، 2012 1:01 ص

اخي جاسر

انا عبدالغني الطباشي صاحب التعليق في الاول

اشكرك على الرد في تعليقي
بخصوص تغيير الالوان

اشكرك كثيرا واتاسف كوني تاخرت في الرد اشكرك

سعدون يقول... 16 ديسمبر، 2012 1:12 ص

اتمنى من الجميع الاستفادة من هذه الاضافة

فلأول مرة اشاهد اضافة كهذه جميلة ومنسقة

ارجوا من الله ان تعمل معي دون اي مشاكل تذكر فلقد اعجبتني

بجميع الامكانيات التي بها
وباذن تنجح معي

نايف يقول... 16 ديسمبر، 2012 1:14 ص

جزاك الله الف خير

رغم انني لست مدون ولكني احب الاستطلاع

وتعجبني الشروح الجميلة

شكرا وجزاك الله خيرا

جاسر الحربي يقول... 16 ديسمبر، 2012 8:30 ص

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


@مرعي: أهلاً بك ومرحباً.


@عفيفي البحيري: عزيزي Lightbox هو تأثير تفاعلي فبدلاً من فتح الصورة أو أي محتوى آخر في صفحة جديدة تنبثق بطريقه جذابة فوق الصفحة، هناك عشرات وكثير من الإضافات التي توفر هذا التأثير بمزايا وطرق متعددة أحد هذه الإضافات ( colorbox ) وهناك إضافات أخرى مثل: Lightbox2 - Bumpbox - FancyBox .. وغيرها ؛ وبالتالي عليك ان كنت تستخدم إضافة كهذه الإضافات أن تقرر استخدام واحدة فقط مع التنبيه أنها ليست بنفس القوة والمميزات فعليك أن تختار ما يوافق متطلبات مدونتك. colorbox شاملة وقوية ومستقرة.


@محمد الدرهيم: هذا ممكن غذا كنت تتقن التعامل مع HTML/CSS ، وذلك بالتعديل على خصائص زر الإغلاق والموسوم بـ #cboxClose. ملف الخصائص الذي يجب التعديل عليه هو المضمّن في أول سطر من الكود.


@ابو مالك: أي إضافة تنفذ أوامر خلال التصفح بلا شك هي تستهلك من موارد المدونة ، هناك استهلاك مقبول وطبيعي وهناك شيء لا يطاق.
إذا أرفقت مكتبة الجيكيوري مرة واحدة هذا مقبول ، لكن أن تضيفها 4 مرات هذا غير مقبول ، كذلك تركيب إضافات تعمل نفس الغرض غير مقبول ، وتركيب إضافات كثيرة ربما تجعل من المدونة صفحة من الجحيم الذي لا يطيقه أي زائر ، الزائر لا يريد أن ينتظر 5 دقائق حتى يتم تحميل كافة ملفات الإضافات ليتصفح مدونتك في هدوء ... المسالة تحتاج ترشيد وتنظيم .



@عبدالغني: حياك الله ولا داعي للشكر ، وفقك الله.


@سعدون: إن شاء الله تعمل معك :)


@نايف: وجزاك الله خير ، ومرحباً بك



.

.

محمد الدرهيم يقول... 17 ديسمبر، 2012 5:33 م

اشكرك اخي الكريم
وسأحاول بها وان لم تنفع ساجعلها كما هي

الدباسي يقول... 17 ديسمبر، 2012 5:36 م

الاستاذ الفاضل صاحب الموقع

الاضافة في منتهى الروعه

وبعد قراءة بعض التعليقات

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

الدكتور شاهين يقول... 17 ديسمبر، 2012 5:51 م

الاستاذ جاسر

لقد قمت بتركيب الاضافة ولم تظهر معي اي مشاكل ولله الحمد

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

فقط للتنبيه ( لااريد استخدام الاضافة الاولى )


فانا اتحدث عن الاضافة الثانية فعندما قمت بمسح كلمة ( تابع صفحتنا على الفيسبوك

وضعت بدلاً عنها رسالة ترحيبية وظهرت جيدة رغم تغييري لنوع الخط من تهامة الى اريل وحجم الخط من 11 الى 10

ولكن المشكلة تظهر معي في الاطار الصغير الذي خلف كلمة تابعنا على الفيسبوك ( باللون الرصاصي /

فقمت ايضاً بتغيير height: 25px الموجودة في السطر 20
قمت بتغييرها الى 100 حتى تظهر الرسالة الترحيبة ونجحت الطريقة بكل سلاسة

ولكن المشكلة التي صادفتني هي انني عندما قمت بتغيير الرقم

كبرت لي ايضاً رسالة ( ليصل جديدنا اشترك على البريد

فاصبح بدن الرسالة في الاسفل فاضي

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

الرجاء مساعدتي

احمد يقول... 17 ديسمبر، 2012 6:01 م

لو سمحت طيب

حسب التعليقات الموضحه

انا حاولت ان اغير لون الخط من Orang الى احمر داكن او الى اخضر داكن او الى ازرق داكن

وكلما وضعت مثلاً
Dark red
Dark Blue
Dark Green

تظهر لي باللون الاسود ولكن عندما اكتب اي كلمة لون مثل Red او Green يظهر اللون

ولكن عندما اضع مع اللون Dark للاسف يظهر اللون اسود

لانني افضل اللون الداكن
قلبت الكلمات بهذا الشكل

Dark red
Red Dark

ومافي فائدة
فكيف الطريقة

سعدون يقول... 17 ديسمبر، 2012 6:08 م

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

ايلاهي يارب يسترك ويخلييك نجحت معي
واصبحت جيدة

Maro Tito يقول... 17 ديسمبر، 2012 6:15 م

شكرا لك اخى جزاك الله كل خير
مدونتى مصراوى الشامل اتمنى الزياره
http://masrawe-b.blogspot.com/

جبران يقول... 17 ديسمبر، 2012 7:54 م

اشكرك اخي فعلاً
كان هناك تعرض من اضافة قديمة

ونجحت بعد حذفها

سوسن البدر يقول... 17 ديسمبر، 2012 7:58 م

لو تفضلت اخي العزيز

هل اضع الكود اعلى كلمة Body او اسفل الكلمة

فهناك من يقول قبلها وهناك من يقول بعدها

فماذا تعني بالتحديد هل اضع الكود فوق الكلمة او تحتها
اتمنى مساعدتي

جاسر الحربي يقول... 17 ديسمبر، 2012 8:51 م

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

@محمد الدرهيم: حياك الله وان شاء الله تفلح في ذلك.


@الدباسي: بالبحث بدلالة اسمها راجع التعليقات ، وغالباً إذا وجدتها يعني أن مقدم القالب ضمنها لأداء وظيفة ما. فقط عليك الاكتفاء بواحدة لا اكثر.


@دكتور شاهين: لا أدري ان فهمت بشكل صحيح ، ولكن حاول تغير ارتفاع بدن الرسالة بزيادة طفيفة . وان شئت أرسل لي قالب مدونتك (مضاف اليه الإضافة) من خلال نموذج اتصل بنا .


@أحمد: بسيطة إن شاء الله استخدم أكواد الالوان بدلاً من اسم اللون سيساعدك هذا الموقع وهناك غيرخ بالمئات: http://html-color-codes.info/



@سعدون: أنا "موحّد" لم "أشرك" بعد هههه


@MARO : أهلاً بك


@جبران: رائع ، مبروك :)


@سوسن: أنا قلت قبل ( إغلاق وسم body ) لتعمل الإضافة، ولست مسؤولاً عن قول غيري . لاحظي ما اقصده إغلاق الوسم أي </body> وليس <body>


.

غير معرف يقول... 18 ديسمبر، 2012 2:26 م

اخى جاسر فى اعلانات غير اخلاقية بالمرة بتظهر فى مدونتك فى لجانب الايمن عند الدخول للمدونة فى كل مره ارجوا ان تكون تنبهت اليها

جاسر الحربي يقول... 18 ديسمبر، 2012 2:31 م

السلام عليكم

جزاك الله خير ، مدونتي خالية من الإعلانات تماماً ، ظهرت لي مرة وخشيت أن ثمة هاك مختفي في مدونتي ثم تبيّن لي أنه من إضافة في متصفح الفيرفوكس وهي :
Foxlingo . والغيت الإضافة وانتهت المشكلة.

تحسباً هل لك أن تعطيني صورة للإعلان عبر البريد الالكتروني فضلاً

سعدون يقول... 18 ديسمبر، 2012 5:23 م

اشكرك اخي المحترم

انا مسلم ولكن يمكن مابتعلم لغتي تمام

عموم اشكرك كثيرا

وهذا الشخص غير معرف يقول
انه في موقعك اعلانات ماهيش حلوة

هو غلطان
الله يكفيك شر الحاسدين
موقعك جميل اكثر اكثر

ايلاهي يارب يوفقك في جنته

اخوك من مورتانيا

وبتأسف على لغتي العربية , مابكتبهاش اكثر

سوسن البدر يقول... 18 ديسمبر، 2012 5:24 م

شكرا وضعت الكود اعلى الكلمة الوسم

ونجحت اشكرك كثيرا على تواضعك

احمد يقول... 18 ديسمبر، 2012 5:44 م

استاذي العزيز

انظر الى السطر 20 ستشاهد كلمة Orange والذي تعني اللون البرتقالي عندما اقوم بتغييرها الى Red او اي لون يتم تغييرها

ولكن اذا اردت زيادة للكلمة بـ Dark حتى يصبح اللون كاتم للاسف لايظهر ويظهر اللون اسود

لان كود اللون background-color: #F7F7F7 يختص بتضليل الكتابة فقد قمت بتجربته وقام يتضليل الكتابة عندما اغير هذا الكود

فانا استخدم هذا الموقع للبحث عن اكواد الالوان
http://www.colorschemer.com/online.html

فحاول ان تغيير كلمة Orange الى اي لون بدون كلمة Dark
وستعرف معنى كلامي
الرجاء مساعدتي

جاسر الحربي يقول... 18 ديسمبر، 2012 6:52 م

السلام عليكم

@سعدون: هههه يا أخي أنت قلت "حريماتك" وعندنا بالحجاز "الحرمة" هي "الزوجة" ، فقلت أني موحّد يعني لي زوجة واحده فقط وغير مشرك يعني لا يشاركها فيّ أحد ...
الإعلان يظهر ربما للذين يستخدمون إضافة foxlingo مع الفيرفوكس وهو اسلوب رخيص من مبرمجي الإضافة.


@سوسن: مبروك الإضافة.


@أحمد:
1. تغيير لون الخط المسؤول عنه ( color ) وليس ( background-color ).

2. أكتب اسم اللون بدون مسافه مثلاً : darkblue للأزرق الغامق ، أو بالاكواد كما قلت لك سابقاً.

جرب وأكتب النتيجة




تحاياي

الدكتور شاهين يقول... 18 ديسمبر، 2012 6:54 م

جزاك الله خيرا
استاذ جاسر

لقد ساعدتني فيما مضى
واليوم اطلبك في مساعدة اخرى

ارسلت لك رابط القالب على الصفحة

احمد يقول... 18 ديسمبر، 2012 7:10 م

اشكرك جزيل الشكر والعرفان

لقد نجحت معي
عندما حذفت المسافة كما ذكرت انت

darkblue
شكرا لهذه المساعده

جاسر الحربي يقول... 18 ديسمبر، 2012 7:12 م

السلام عليكم

@دكتور شاهين: إن شاء الله بسيطة سأعدلها وأرسلها لك لبريدك.


@أحمد: العفو يا عزيزي وأهلاً بك.

.

ابو جواهر يقول... 18 ديسمبر، 2012 7:14 م

هذه الاضافة شيقة ومريحة

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

كانت كافية لبعض الملاحظات الذي كنت اريدها
شكرا لكم جميعاً

وجدي الصفوان يقول... 18 ديسمبر، 2012 7:17 م

اخي العزيز

اولاً اشكرك لهذا الشرح لهذه الاضافة

واعذر تطفلي عليكم لانه خارج عن موضوع هذه الاضافة

فلو كنت املك ثلاثة اعمدة للمدونة
عمود ايمن وعمود اوسط وعمود ايسر

فما هو الكود الخاص بمسح الكود الايسر
اتمنى شرحها لي من اي احد فيكم

حصة الرميح يقول... 18 ديسمبر، 2012 7:19 م

لآول مرة ادخل الموقع
وعند بثق النافذة اعجبتني الفكرة كثيرا

سأحاول التطبيق على الشرح
واتمنى ان اكون من اصدقاء الموقع

عبير يقول... 18 ديسمبر، 2012 7:23 م

الفكرة حلوة من اولها الى اخرها

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

لانه لسى ماعندي مشاركات ولا ابحث عن +1
بقدر ما أريد عرض متابعي صفحتي في جوجل

فهل استطيع رفع اسم الصفحة حتى تظهر مع هذه النافذة

فهل هذا ممكن لو سمحت ايه الاستاذ الكريم

الدحمي يقول... 18 ديسمبر، 2012 7:51 م

شكرا لمقدم هذه الاضافة

بجد اضافة تعطي شكل انيق
ولكن انا اكره الفيسبوك

ممكن احط بدل الفيسبوك رابط لصفحة الخاصة بجوجل
اشوف انه موقع افضل من الفيسبوك
وتقدر تقبل اصدقاء كثير

مو مثل الفيسبوك يحذفك بسرعه
ويعطيك حضر

مساعدة ياخواني كيف احط رابط صفحة جوجل بدل الفيسبوك
عشان يعرض المتابعين معاي

تكفون لاتنسوني

جاسر الحربي يقول... 18 ديسمبر، 2012 8:30 م

السلام عليكم

@أبو جواهر: العفو وحياك ربي.


@وجدي: هذا يعتمد على قالب مدونتك ، إذا كان رسمي فبكل سهولة وبلا تدخل في الأكواد يمكن عن طريق لوحة التحكم > قالب > تخصيص.
إذا كان القالب مخصص فكل قالبٍ بحسبه !


@حصة الرميح: نعم حاولي ، أهلاً بك .


@عبير: كما قلت سابقاً في هذه الصفحة،تركيب صندوق متابعي صفحة المدونة أو حساب المدون في قوقيل بلس يبدو ما زال حكراً لمدونات بلوقر، حاولت ونجحت جزئياً وحقيقة لم أعطها وقتاً؛ ساحاول ان استطعت كتبتها هنا باذن الله ، والمتوقع قوقيل ستوفرها للجميع وحينها لن يكون هناك اشكال.


@الدحمي: أول مربع في هذه الإضافة خاص بصفحة المدونة في قوقيل بلس ! . الإضافة يمكنك كتابة ما تشاء كشفرة HTML ..



تحاياي

جاسر الحربي يقول... 18 ديسمبر، 2012 9:43 م

أبشر الإخوة الذين طلبوا صندوق متابعي قوقيل بلس أنني توصلت لتعديلات بسيطة في إضافتها الخاصة ببلوقر لتعمل في أي صفحة وبالتالي يمكن إضافتها في الرسالة بلا مشاكل بإذن الله ، سأعرضها غداً بإذن الله ومشيئته.

وجدي الصفوان يقول... 19 ديسمبر، 2012 1:39 ص

شكرا اخي العزيز

باذن ساجتهد بها قدر استطاعتي
الف شكر

عيدان يقول... 19 ديسمبر، 2012 9:33 م

هذه النافذة اعتبرها من افضل النوافذ الذي شاهدتها
شكرا لك اخي الفاضل

وسأجربها بمدونتي الشخصية

انس شراحيلي يقول... 19 ديسمبر، 2012 9:36 م

ياستاذ انا تعبت من هذه الاضافة
وين احطها بالتمام

في كثير من هذه الكلمة body
والله تعبتني
ماعرفت وين احطها
بالله تساعدني

الدكتور شاهين يقول... 19 ديسمبر، 2012 9:44 م

استاذي القدير

اشكرك على مساعدتي الثانية والذي اعتز بها من كل قلبي لقد تم تركيبها وظهرت بشكل انيق جدا

يسعدني ان اطلق عليك لقب الدكتور في عمل المواقع

فأنا كنت انا دكتور لمساعدة المرضى
فأنت ايضاً دكتور لمساعدة المحتاجين للعلم

يجزيك عني وعن المسلمين خير الجزاء
اللهم ارزق استاذنا جاسر بحب الناس
فمنا الدعاء ومنك القبول يارحمان يارحيم

ماجد السليماني يقول... 19 ديسمبر، 2012 9:50 م

لو سمحت
اذا انا ما ابغا الاضافة الاولى

عادي اقدر اركب الاضافة الثانية بس

الاولى ما احتاجها
الرجاء الرد عليا

جاسر الحربي يقول... 20 ديسمبر، 2012 12:19 ص

السلام عليكم

@وجدي: حاول مرة وثلاث وأربع ، ان عجزت أرسل لي القالب عبر نموذح الاتصل ( صفحة اتصل بنا ).


@عيدان: شكراً لك ، وفقك الله .


@أنس شراحيلي: هذا غريب المفروض يكون في القالب الوسم <body> وإغلاق هذا الوسم: </body> .
المطلوب نسخ الكود قبل إغلاق الوسم ، اي قبل </body> مباشرة؟


@الدكتور شاهين: جزاك الله خير يا دكتور لم أقدم إلا القليل ولكن كثره طيب خلقك، بارك الله فيك ولك وسدد خطاك.


@ماجد السليماني: الأولى أصلاً مجرد نموذج عام يجب التعديل عليه ، واذا استخدمت الكود الثاني سيعمل مباشرة ان شاء الله ، توكل على الله وجرب.


تحاياي

غير معرف يقول... 20 ديسمبر، 2012 7:52 م

الاضافة ممتازة لكن هل يمكننى تحويل الكود او الحصول على برمجه يمكننى تركيبها بنفس الشكل فى موقع بلغة php (( برمجة خاصة ))

جاسر الحربي يقول... 22 ديسمبر، 2012 8:53 ص

لا مشكلة الإضافة معتمدة على HTML وجافاسكريبت فقط وبالتالي من المفترض تعمل بدون مشاكل .

غير معرف يقول... 23 ديسمبر، 2012 12:43 ص

اخى الكريم .. اضافتك لم تعمل معى على موقعى هل يمكنك مساعدتى
www.youm1.net

أحمد أشرف يقول... 1 يناير، 2013 12:25 م

رائعة رائعة رائعة رائعة

كثيرا ما شاهدت هذه الأداة ولكن لم تكن بهاذا الجمال من قبل :)

جاسر الحربي يقول... 1 يناير، 2013 5:02 م

@غير معرف: جربها أولاً على مدونة تجريبية ، فقد يكون في مدونتك اضافات تتعارض معها .

@أحمد أشرف: شكراً لك يا حمادة :)

Ilyass Ariba يقول... 2 يناير، 2013 7:32 م

أخبي الكريم كيف اقوم بالزيادة في شفافية الخلفية السوداء ؟
وشكراا على الاضافة والشرح الرائغين

جاسر الحربي يقول... 3 يناير، 2013 8:32 ص

السلام عليكم

تفتح ملف الإضافة واسمه ( colorbox.js ) ، وإذا استخدمته من موقع المطور مباشرة سيكون اسمه ( jquery.colorbox.js ) .. في بداية الملف تجد عدة أسطر خاصة بإعداد الإضافة ابحث عن السطر:

opacity: 0.9,

هذا خاص بالشفافية غيرها من بما تريد وجرب

Ilyass Ariba يقول... 3 يناير، 2013 4:13 م

اخي اقد أضفت الكود الثاني الى مدونتي

Mahmoud يقول... 6 يناير، 2013 9:12 م

ممكن طريقة إضافة تويتر في الكود؟؟

جاسر الحربي يقول... 7 يناير، 2013 10:36 ص

@محمود: ضع هذا كود صندوق المتابعة بنفس الطريقة ، لكن اهتم بالمقاسات أو ضعه بدلاً من أحد المربعات في المثال ..
أما الإضافة نفسها يمكنك استخدام هذه:
http://jobyj.in/twitter-follow-box-widget/

Radouane Abbane يقول... 11 يناير، 2013 6:35 م

جميل جدا

منتديات ماروك فور ستار

maroc

Om Hend يقول... 18 يناير، 2013 11:24 ص

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

El-Mohandes Mohammed يقول... 18 يناير، 2013 1:15 م

حذفت الاضافات اللي بتتعارض مع اضافة الرساله المنبثقه وبقت تظهر الحمد لله بس المشكله ان مفيهاش ضغط يعني بتظهر شكل بس ومحدش يعرف يضغط على حاجه فيها ارجو مشاعدتي في هذه المشكله
مدونتي ( lمدونة حلمنا ) شوف ينفسك

جاسر الحربي يقول... 18 يناير، 2013 3:02 م

السلام عليكم

@أم هند: العفو، وجزاك الله خير كذلك، وفقكِ الله .


@المهندس محمد: نعم عاينتها ، ولكن للأسف يبدو ما زال هناك إضافات تؤثر على هذه الإضافة بل حتى تنسيقها ... أخي بالنسبة لهذه الحالة أو حالات مشابهه حاول ترجع الى القالب الأصلي وتركيب الإضافات الواحدة تلو الأخرى ابتداء بالأهم ..

.
.

Om Hend يقول... 18 يناير، 2013 8:54 م

بارك الله فيك اخي جربت الكود على مدونة تجريبية وغيرت ما اريد ونجح معي فجزاك الله خيرا وحين اعدل على مدونتي ارسل لك لترى النتيجة ان شاء الله
جعله الله في ميزان حسناتك

Om Hend يقول... 22 يناير، 2013 2:38 م

al natija
http://omhend-cartonne.blogspot.com/
jazaka allah khayran wa baraka fik

Omhend يقول... 25 يناير، 2013 3:36 ص

عندي اقتراح اخي لو امكن وهي بعد ادخال البريد والانتقال من فيدبرنر والعودة للمدونة نجد نفس الرسالة يعني ثابتة ومكتوب بريدي في مواقع أجنبية بعد عملية التسجيل تجد على النافذة تجد كلمة لقد تم تسجيلك بنجاح عد لبريدك للتفعيل يعني هل ممكن تتغير الرسالة بعد التسجيل

جاسر الحربي يقول... 26 يناير، 2013 8:02 ص


@أم هند: لا يمكن لأن عملية التسجيل وما يتبعها خارج نطاق تحكمنا بالكلية ، وبالماسبة تطبيقك جميل.

تحااياي

مدونة الفضاء يقول... 31 يناير، 2013 6:45 م

يارك الله فيك اخي.
تابعوني على مدونة الفضاء
al-fadae.blogspot.com

مدونة بوابة البلوجر يقول... 8 فبراير، 2013 11:05 ص

ممكن شرح لكيفية جذب الزوار للمدونات وشكراً

والقي نظره علي مدونتي وشوف اية اللي ناقصها


http://www.gateblogger.me/

ت1

Om Hend يقول... 13 فبراير، 2013 12:38 م

السلام عليكم ورحمة الله
اخي عندي مشكلة وهي عندما أضغط زر الإغلاق في النافذة يطلعلي اعلان وهذا ممكن جداً يزعج الزائرين ممكن تطلع وتقول لي ما هي المشكلة فضلا وبارك الله فيك الإضافة رفعت من عدد المسجلين بالبريد بشكل ملحوظ وجزاك الله خيرا

جاسر الحربي يقول... 13 فبراير، 2013 1:59 م

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

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

بعد الإطلاع وجدت أن رابط النافذة المنبثقة يحتوي على هذا الجزء:

[code]http://91.121.87.136/promo.php?compte=365977983966&path=002017&lg=ar&cat=arts&sous_cat=applied+arts&lg_nav=en[/code]

بحثت في الكود المصدر لمدونتك بدلالة الرقم ( 365977983966 ) ، ووجدته في هذا الشفرة :

[code]<!--************CODE GEOCOUNTER************-->
<script type="text/javascript" src="http://geoloc1.geo20120530.com/private/geocounter.js?compte=365977983966"></script>
<noscript>
<a href="http://www.geovisites.com/zoom.php?compte=365977983966" target="_blank"><img src="http://geoloc1.geo20120530.com/private/geocounter.php?compte=365977983966" border="0" alt="" /></a>

<br />Please do not change this code for a perfect fonctionality of your counter
<a href="http://"></a>
</noscript>
<!--************END CODE GEOCOUNTER************-->[/code]

وهي كما يبدو إضافة احصائية زوار المدونة ، أقترح حذفها لحل هذه المشكلة ، بالإضافة إلى أنها غير ضرورية أصلا.


وأنبهك أن نظام الحماية في موقع عملي يعتبر هذه النافذة مكون ضار ( تروجان ) ع7


احذفي الإضافة واكتبي النتيجة ...

لعله خير ج3


Om Hend يقول... 13 فبراير، 2013 3:04 م

جزاك الله خيرا اخي ، حذفت الإضافة ولم يعد يظهر الاعلان بارك الله فيك على المساعدة وجعله في ميزان حسناتك

Mohand ALsabie يقول... 20 فبراير، 2013 11:12 م

مشكوووووووووووور والله الاضافة رهبية

ما تقدر تضيف كمان تويتر

جاسر الحربي يقول... 22 فبراير، 2013 9:41 ص

السلام عليكم

تقدر تضيف أي إضافة يا مهنّد ، ولكن كثرتها ربما يشوه منظرها كذلك تحتاج وقت للتحميل وهذا ربما يزعج الزائر

heemhamoo يقول... 17 مارس، 2013 10:53 م
أزال المؤلف هذا التعليق.
heemhamoo يقول... 17 مارس، 2013 10:57 م

شكرا لك،،
تمت بنجاح علي مدونة وظائف خالية

amer-tikrit يقول... 19 مارس، 2013 12:55 ص

يسلمووووووو اخي

bebi bosha يقول... 27 مارس، 2013 1:53 ص

مشكور علي الشرح الممتاز اتمني زيارة مدونتي برنامج علي متصفح

وائل اللبان يقول... 3 أبريل، 2013 12:41 ص

بو في منك اتنين بجد اضافه جميل تسلم نورنا في الراديو بتاعي انت واعضاء المدونة الكرام
http://altyiar.blogspot.com/

hyuk-jae يقول... 18 أبريل، 2013 3:21 م

كيف اخلي النافذة تفتح مرة باليوم؟
ممكن تكتب لي الارقام كاملة بالشكل الصحيح

hyuk-jae يقول... 18 أبريل، 2013 3:21 م

كيف اخلي النافذة تفتح مرة باليوم؟
ممكن تكتب لي الارقام كاملة بالشكل الصحيح

جاسر الحربي يقول... 18 أبريل، 2013 7:13 م

بدلاً من ( 1000*60*60*24*30 ) تكون ( 1000*60*60*24*1 )

hyuk-jae يقول... 19 أبريل، 2013 12:08 ص

شكرا جزيلا لك

hyuk-jae يقول... 22 أبريل، 2013 1:03 ص

اذا ماعليك امر
الرسالة كانت تطلع لي تمام وكل الأمور تمام
لكن بعد يومين يمكن اختفت الرسالة ولا عادت تظهر زي قبل

حتى اني نسخت نفس الكود حقك بشوف وبين المشكلة من كودي او كودك
لقيت المشكلة ما انحلت ولايطلع لي شي

فما ادري وين المشكلة بالضبط!!

جاسر الحربي يقول... 22 أبريل، 2013 6:08 م

احذف الملفات المؤقته وجرب

MinJin Couple يقول... 22 أبريل، 2013 6:25 م

مانفع معي
حتى لما ادخل من الجوال او الايباد نفس الشي
يعني ادخل من كذا مكان ولاتطلع لي

MinJin Couple يقول... 22 أبريل، 2013 6:26 م

انا هي (hyuk-jae)
بس غيرت الاسم وحطيت صورة ^^

جاسر الحربي يقول... 24 أبريل، 2013 6:48 ص

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

.

MinJin Couple يقول... 24 أبريل، 2013 5:24 م

بمدونتي التجربية
استخدمت قالب افتراضي من نفس القوالب الموجودة بدون اضافات
واضفت نفس الكود حقك بدون تغير حرف
لكن المشكلة لازالت موجود ت2

انت قلت لازم يكون داخل وسم [quote] body [/quote] صح؟
يعني عادي باي مكان اهم شي داخل هالوسم

لاني حطيته فوق نهاية هالوسم بالضبط

اذا ماتعرف الحل .. جزاك الله خير وماقصرت ورايتك بيضاء
فمان الله

جاسر الحربي يقول... 25 أبريل، 2013 11:49 ص

.

بالطبع لن أعرف الحل مالم أعاين القالب الذي جربتي عليه؛ فأنا لست بكاهن ب1 ، كل ما أكتبه مجرد توصيات عامة . ان شئت أرسلي القالب مضغوطاً ZIP عبر نموذج الإتصال وسأعاينه.

وفقكِ الله

7obkk يقول... 18 مايو، 2013 3:11 ص

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

اخي هل يعمل هذا الكود على المواقع و المنتديات ام على مدونات بلوجر فقط

لاني جربته على منتدى ولم يعمل هل لدي خطأ ام هو اصلا غير متوافق

بانتظار اجابتك

و حزيت خيراً عالافاده

abdalla ebrahim يقول... 21 مايو، 2013 9:05 ص

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

جاسر الحربي يقول... 22 مايو، 2013 2:48 م



@7obkk: الإضافة ليس حكراً على بلوقر ، وعدم عملها في بلوقر او غيره غالباً بسبب خطأ في التطبيق أو تعارض بين الإضافات وهذا يحصل كثيراً.


@عبدالله: هذه الإضافة مجرد وعاء ، الخطأ إذا كان الأمر كما ذكرت يكون في شفرة الإعجاب بالفيسبوك


.

Bahr Eye يقول... 2 يونيو، 2013 7:20 م

السلام عليك استاذي العزيز

ممكن تشرح او تخصص درس لعمل وعاء انبثاقي عن طريق رابط مثلا
مثل الموجود عندك في اتصل بنا
بصراحة حبيت الفكرة ونفسي اسويها عندي

جاسر الحربي يقول... 3 يونيو، 2013 8:16 ص

وعليكم السلام

إن شاء الله تعالى سأحاول م1

eslam elnaggar يقول... 21 يوليو، 2013 8:52 م

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

محمد الكويفي يقول... 22 أكتوبر، 2013 9:38 م

للاسف وضعتها قبل نهايه body ولكن لم يظهر اي شئ
وقمت بحذف الكويكز وكذلك لم يظهر اي شئ شو السبب؟؟

na da يقول... 16 يناير، 2014 1:47 م

سلامت يادك يا اخى على الشرح الاكثر من راع تحياتى لك

mohmed zika يقول... 27 يناير، 2014 11:19 م

Anta A7sn Mo3 Bt3 Blogger Ana Doart Fey Kol El Mok3 By Kant Mbtzharsh ... Astmer ج7

شكري للمعلوميات يقول... 26 مارس، 2014 6:36 م

روعة جميل شكرا لك
زر مدونتي من فضلك
شكري للمعلوميات

شكري للمعلوميات

شكري للمعلوميات

شكري للمعلوميات

شكري للمعلوميات

مدونه الوافي التقني يقول... 11 يونيو، 2014 8:21 م

شكرا كثير علي الموضوع ومدونتك رائعه
الوافي,فتشوب,شعارات مفتوحه المصدر,انماط, ايقونات تويتر,خلفيات,شخصيات كرتونيه,العاب بلايستيشن,العاب اكسبوكس,العاب الكمبيوتر,ادوات السيديا,قياس اثورتي,معلومات عن الاثورتي,اثورتي,رفع البيج رانك,الفتشوب اونلاين,تحميل ادوبي افترافكت,برنامج صانع الشعارات

eng ameer يقول... 10 نوفمبر، 2014 10:18 ص

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

محمد عادل امين يقول... 12 فبراير، 2015 3:08 م

كيف اجعل الرسالة تظهر للزائر كل مثلا 5 دقائق

احاول تغيير الوقت
0000*00*00*05*00
ولكن تظهر عند كل تحديث للصفحة

Amachouad Abdelilah يقول... 21 مارس، 2015 8:34 م

شكرا لك على الاضافة الجميلة أخي
http://th3web-ar.blogspot.com/
^^

Abdalla NAsser يقول... 29 أكتوبر، 2015 6:59 م

هذا الكلام اكثر من رائع
بس انا مفهمتش حاجه

إرسال تعليق



تابع صفحتنا في شبكة قوقيل بلس واقترحها :

تابع صفحتنا في الفيسيبوك:

ليصل جديدنا إلى بريدك تفضل بالاشتراك