اضافة نافذة منبثقة - كود نافذة منبثقة لمدونات بلوجر

اضافة نافذة منبثقة
اضافة نافذة منبثقة

في هذا الموضوع ان شاء الله سنتطرق الى اضافة رائعة وجميلة الكثير يبحث عنها وهي اضافة نافذة منبثقة لمدونات بلوجر. الاضافة عبارة عن كود جافا سكربت Java Script تقوم بتركيبه في مدونتك وعند دخول اي زائر الى مدونتك والضغط في اي مكان فيها تنبثق نافذة عبارة عن موقع.
فائدة هذه الاضافة هي ان بعض المدونات تبحث عن عدد كبير من الزوار وتقوم باضافة الكود الخاص بالنافذة المنبثقة عند مدونات اخرى بمقابل مادي وبالتالي الطرفين يربحان.

معاينة مباشرة : من هنا

طريقة اضافة كود نافذة منبثقة في مدونة بلوجر


  • اذهب الى لوحة تحكم مدونك
  • قم بالتوجه الى تخطيط Layout
  • اضف أداة جديدة Html/JavaScript ثم ضع فيها الكود التالي وقم بالحفظ

كود النافذة المنبثقة لبلوجر


<script type="text/javascript">
document.body.onclick= function(){
window.open('http://tadwinpro.blogspot.com/', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');
}</script>

تعديلات على كود النافذة المنبثقة

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

الى هنا يكون الموضوع قد انتهى، وإلى موضوع واضافة اخرى ان شاء الله.

لا تنسى التعليق على الموضوع، هل أعجبتك الإضافة ما رأيك فيها ؟

اضافة نافذة منبثقة - كود نافذة منبثقة لمدونات بلوجر اضافة نافذة منبثقة في هذا الموضوع ان شاء الله سنتطرق الى اضافة رائعة وجميلة الكثير يبحث عن...

إقرأ المزيد

إجابة عن بعض أهم الأسئلة حول بلوجر

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

كيف انشأ مدونة بلوجر؟

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

ما الفرق بين ووردبرس وبلوجر؟

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

كيف أربح من مدونة بلوجر؟

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

كيف اصمم قالب بلوجر خاص بي؟

هذا من بين أهم الأسئلة التي يطرحها مبتدئي التدوين في بلوجر وفي هذا الموضوع اريد ان اشير الى ان تصميم قوالب بلوجر يستوجب منك ان تكون على دراية ببعض اللغات كـ : لغة الهيكلة HTML، لغة التنسيق CSS كما يتوجب عليك ان تكون على علم ببعض الأكواد الخاصة بقوالب بلوجر، وهذا الموقع من بلوجر لفهم آلية عمل قوالب بلوجر: code blogger.

كيف أغير كلمة السر في مدونة بلوجر؟

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

كيف اضافة صفحة فرعية في مدونة بلوجر؟

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

كيف انشاء أقسام مدونة بلوجر؟

انشاء الأقسام في مدونة بلوجر يتم عن طريق وضع التدوينات تحت ما يسمى بالتسميات او التصنيفات Labels بحيث عند كتابتك لتدوينة ستجد في محرر المواضيع في الجانب زر تحت اسم التسميات Labels تقوم بالضغط عليه وتكتب القسم الذي ينتمي اليه الموضوع الذي كتبته فمثلا كتبت موضوع يتحدث عن دروس بلوجر فالتسمية ستكون "دروس بلوجر" وهكذا.

كيف ارفع قالب بلوجر على مدونتى؟

ان كان لديك قالب بلوجر جاهز وتريد رفعه في مدونتك فالأمر سهل للغاية، فقط يجب ان بكون القالب بصيغة XML لكي تتمكن من رفعه ويتم ذلك عن طريق الخطوات التي تم ذكرها بالتفصيل الممل في الموضوع التالي : طريقة تركيب قالب بلوجر على مدونتك .

الى هنا يكون الموضوع قد انتهى واكون قد اجبت عن بعض أهم الأسئلة حول بلوجر، وان شاء الله سيكون هناك مواضيع اخرى تجيب عن العديد من الأسئلة الاخرى التي تثير فضول مستخدمي بلوجر.

~ ان كانت انت ايضا تتوفر على سؤال حول بلوجر فلا تتردد في طرحه في التعليقات ~
الى اللقاء ^_^

إجابة عن بعض أهم الأسئلة حول بلوجر إجابة عن بعض أهم الأسئلة حول بلوجر السلام عليكم، ان شاء الله في هذا الموضوع سنحاول الإجابة عن ...

إقرأ المزيد

فوائد التعليق في المدونات أخرى

فوائد التعليق في المدونات أخرى
فوائد التعليق في المدونات أخرى
السلام عليكم،

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

بعض اهم الفوائد من التعليق ومشاركة الآراء في مدونات لها علاقة بمحتوى مدونتي :


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

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

طبعا هذه من اهم الفوائد التي يمكنك ان تجنيها من التعليق في المدونات الخرى لكن انتبه، يجب ان تكون ذكيا في التعامل مع هذه الطريقة اد يمكن ان تعتبر جوجل أو صاحب المدونة تعليقك سبام "SPAM" في حالت ما اذا كان هدفك الوحيد من تعليقك هو انشاء باك لنك، لذلك وجب عليك التفاعل والتعليق الجاد ولا باس ان تضيف رابط مدونتك.

تأكيد حضورك في مجالك والشهرة

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

الإطلاع دائما على جديد المدونات وتأكيد حظورك فيها

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

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

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

~ اترك تعليقك وشارك معنا ~

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

إقرأ المزيد

إضافة تأثير الظل الى صور مواضيع مدونة بلوجر

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

للمعاينة يمكنك زيارة الرابط التالي : من هنا

طريقة تركيب الكود :

  • توجه الى مدونتك >> ثم تحرير html
  • لا تنسى اخذ نسخة احتياطية لمدونتك
  • قم بالبحث عن ]]></b:skin> عن طريق ctr+f
  • اضف فوق الكود السابق ما يلي :

.post-body img {
padding: 2px;
border-radius: 2px;
box-shadow: 1px 30px 30px -26px #A9A7A7;
border: 1px solid #D8D8D8;
background: linear-gradient(to bottom,#fefefe 0%,#EDEDED 100%);
}

  • قم باحفظ، ومبروووك

اتمنى ان تنال الاضافة اعجابكم، ودمتم سالمين

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

إقرأ المزيد

كل ما تود معرفته عن نظام ويندوز 10 الجديد

كل ما تود معرفته عن نظام ويندوز 10 الجديد
كل ما تود معرفته عن نظام ويندوز 10 الجديد
كما كان منتظرا كشفت الشركة الأمريكية مايكروسوفت عن مميزات نظام تشغيلها الجديد ويندوز 10 و الذي سيعمل بتوافق على جميع أنواع الأجهزة سواء تعلق الأمر بالحواسيب الذكية، الحواسيب اللوحية و الهواتف الذكية، و كانت مايكروسوفت قد أطلقت قبل شهور الإصدار التجريبي من ويندوز 10 لكنه مازال في إطاره التجريبي رغم المفاجآت الجديدة.

ويندوز 10 مجاني.. و لكن !

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

نهاية ويندوز فون.. ويندوز 10 على الهواتف الذكية.

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

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

المساعد الشخصي كورتانا
المساعد الشخصي كورتانا

بعدما كان حكرا في البداية على النسخة المحمولة من نظامها سيصبح المساعد الشخصي من مايكروسوفت " كورتانا " متاحا على الحواسيب الشخصية بنظام ويندوز 10 و هو ما يعتبر تقدما كبيرا حيث سيصبح متوفرا على جميع المنصات بهذا النظام حيث يعتبر كورتانا منافسا للمساعد الشخصي لآبل " سيري ".

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

Spartan هل سيعوض إنترنيت إكسبلورر ؟

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

ويندوز 10.. الألعاب الإلكترونية كذلك

ويندوز 10.. الألعاب الإلكترونية

جانب آخر ركزت عليه مايكروسوفت في نظامها الجديد ويندوز 10 و كان غائبا عن باقي الأنظمة السابقة و هو جانب الألعاب الإلكترونية خصوصا أن هذا المجال عرف نموا كبيرا على الحواسيب الشخصية خلال الفترة الأخيرة، و الجديد في هذا الصدد هو تطبيق Xbox App و الذي لن يمكن المستخدمين من اللعب فقط و إنما كذلك من إدارة الألعاب و الاطلاع على أنشطة الأصدقاء على منصة إكس بوكس و غيرها.

المصدر: 1

كل ما تود معرفته عن نظام ويندوز 10 الجديد كل ما تود معرفته عن نظام ويندوز 10 الجديد كما كان منتظرا كشفت الشركة الأمريكية مايكروسوفت عن م...

إقرأ المزيد

الربح عن طريق اختصار الروابط

الربح عن طريق اختصار الروابط
الربح عن طريق اختصار الروابط

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

وكأول خطوة يجب عليك القيام بها قبل البدأ في الربح من هذه الطريقة، هي اختيار موقعاختصار الروابط المناسب، فهناك العديد من المواقع التي تتنافس عل تقديم هذه الخدمة، و بعد اختيارك للموقع تقوم بالتسجيل فيه طبعا وتفعيل حسابك، ثم تبدأ باختصار روابطك يدويا، عن طريق وضع الرابط الذي تريد اختصاره في المكان الخاص بالاختصار في الموقع ثم تقوم بالضغط على ‘اختصار’ بعد ذلك يعطيك الموقع الرابط المختصر. والآن ما عليك سوى نشر هذا الرابط، وأي شخص ضغط عليه ستكسب منه مبلغا محددا، وتستطيع مشاهدة احصائيات روابطك من خلال الموقع الذي قمت باختصار روابطك فيه، حيث ستجد عدد الضغطات على كل رابط والمبلغ الذي جنيته من خلال ذلك .

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

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

إيجابيات هذه الطريقة :

  • سهولة وبساطة الربح .
  • تستطيع مضاعفة أرباحك عن طريق استراتيجيات بسيطة سيتم شرحها في المستقبل.
  • الحد الادنى لسحب أموالك لا يتعدي 5 دولار في أغلب المواقع .
  • تعدد طرق سحب الأموال .

سلبيات هذه الطريقة :

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

بخصوص قيمة الربح من هذه المواقع فإنها تتراوح ما بين 1000 ضغطة لكل 2 دولار وَ 2000 ضغطة لكل 2 دولار، وحسب خبرة فريق مدونة تدوين با فإنه يمكنك ربح أكثر من 2 دولار يوميا من كل رابط، يعني ل10 روابط ستربح 20 دولار يوميا وهكذا تتضاعف أرباحك شيئا فشيئا، وأفضل طريقة لجني الأرباح والتي يستعملها أغلب الأشخاص هو أنهم يقومون باختصار روابطهم ثم ينشورها عن طريق اتسعمال بعض الاستراتيجيات ثم ينسنونها و لا يتابعون احصائيات ضغطاتها، وبعد مرور شهر أو شهران يدخلون لحساباتهم في مواقع الاختصار فيجدون مبلغ كبير جدا ويقومون بسحبه مباشرة .

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

أتمنى ان ينال الشرح اعجابكم واتمنى ان تشاركنا رايك في التعليقات.

- لا احل نقل الموضوع بدون ذكرالمصدر -

الربح عن طريق اختصار الروابط الربح عن طريق اختصار الروابط إلى جانب الربح عن طريق رفع الملفات و الضغط على الإعلانات ، تست...

إقرأ المزيد

إضافة صندوق إعجابات فيس بوك منبثق

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

معاينة : من هنا

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

في البداية يتوجب عليك اضافة هذا الكود الخاص بمكتبة الجيكويري (ان كان في مدونتك فلا داعي لان تضيفه)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
الأن بعد اضافة الكود السابق ماعليك الا التوجه الى مدونتك ثم تخطيط ثم اضافة أداة HTML جديدة وتلصق الكود التالي :

<style type='text/css'>
#makingdifferentpopup{
position: fixed;
top:100px;
z-index:9999;
display:none;
padding:0px;
right:600px;
border:10px solid rgba(82, 82, 82, 0.7);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup span{
font-size:20px !important;
font-weight:bold !important;
}
#makingdifferentpopup h1{
background:#6d84b4 url(http://4.bp.blogspot.com/-rNUTIpDQ21s/T0NqE_vv6GI/AAAAAAAACps/GSoWE2n9Oy8/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
text-align:left;
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:18px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.grabthis{
bottom:80px;
font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.grabthis a{
color: #000;
text-decoration:none;
}
.grabthis a:hover{
text-decoration:underline;
}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function makingdifferent_ppopup()  {var sec = 20
var timer = setInterval(function() {
   $("#mdfooter span").text(sec--);
   if (sec == 0) {
      $("#makingdifferentpopup").fadeOut("slow");
      clearInterval(timer);
   }
},1000);
  var mdwh = jQuery(window).height();
  var mdpph = jQuery("#makingdifferentpopup").height();
  var mdfromTop = jQuery(window).scrollTop()+50;
 jQuery("#makingdifferentpopup").css({"top":mdfromTop});}
jQuery(window).fadeIn(makingdifferent_ppopup)
.resize(makingdifferent_ppopup)
 //alert(jQuery.cookie('sreqshown'));
 //var mdww = jQuery(window).width();
 //var mdppw = jQuery("#makingdifferentpopup").width();
 //var mdleftm = (mdww-mdppw)/2;
   var mdleftm = 500;
 //var mdwh = jQuery(window).height();
 //var mdpph = jQuery("#makingdifferentpopup").height();
 //var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
 jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left:  mdleftm}, 0).show();
     jQuery("#mdclose").click(function() {
jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="makingdifferentpopup">
<h1>انضم الينا على الفيسبوك</h1>
<div class="htmlarea">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/TadwinTop&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe>
<div class="grabthis">
By <a href="http://tadwinpro.blogspot.com/" target="_blank">تدوين باحتراف</a> / <a href="http://tadwinpro.blogspot.com/2015/01/facebook-type-jquery-pop-up-with-like-box-timer-for-bloggerblog.html" target="_blank">الاضافة</a>
</div>
</div>
<div id="mdfooter">Please wait..<span>20</span> Seconds<a href="#" id="mdclose" onclick="return false;">Cancel</a>
</div>
</div>
<!-- End popup -->
الأن قم بتغيير TadwinTop بمعرف صفحتك على الفيسبوك وقم بالحفظ.
ومبروووك عليك الاضافة.
لا تنسى نشر الموضوع مع اصدقائك عن طريق الأزرار في الاسفل وشكراا

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

إقرأ المزيد

طريقة تثبيت أداة في السيدبار

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

لمعاينة الاضافة ادعوك لزيارة هذه المدونة : هنا
ستلاحظ انك عند النزول الى الأسفل ستواجه اداة تتحرك معك دائما. اتمنى ان تكون الفكرة قد وصلت.
طريقة التركيب :
  • توجه الى القالب ومن ثم تحرير
  • ابحث عن الكود التالي : ]]></b:skin> (استعمل ctr+F)
  • ثم الصق الكود التالي فوقه/قبله

.sticky {
  position:fixed;
  top:50px;
  z-index: 100;
}
  • الأن ابحث عن </body> وضع الكود التالي فوقه
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#معرف الأداة').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();  
if (scrollTop > stickyWidgetTop) {
    $('#معرف الأداة').addClass('sticky');
} else {
    $('#معرف الأداة').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>
لا تنسى تغيير "معرف الأداة" بمعرف الاضافة التي تود تحريكها
طريقة معرفة معرف اي أداة :
  • توجه الى تخطيط
  • اختر الاداة المراد تطبيق الشرح عليها ثم اضغط على تحرير
  • اذهب الى آخر عنوان URL وستجد المعرف هناك كما هو مبين في الصورة

كيفية الحصول على المعرف
كيفية الحصول على المعرف
وفي الأخير ستلاحظ ان الاضافة شغالة ونتمنى منكم التفاعل عن طريق التعليقات ومشاركة الموضوع مع اضدقائك 

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

إقرأ المزيد

قالب RealMag متجاوب ومعرب مجانا

السلام عليكم ورحمة الله تعالى وبركاته، مرحبا بكم اخواني اخواتي زوار ومتابعي مدونة تدوين باحتراف، في هذا الموضوع ان شاء الله موعدنا مع قالب معرب جديد تم تعريبه في الآونة الاخيرة وبحمد الله وشكره تم طرحه بالمجان. القالب جديد ويتوفر على مميزات رائعة كما انه مصمم باحدث التقنيات والوانه رائعة وفلاتية، لمعرفة المزيد اتركك مع الشرح.

واجهة القالب بعد التعريب :


قالب RealMag معرب
قالب RealMag معرب

واجهة القالب قبل التعريب :


واجهة RealMag غير المعرب

مميزات قالب RealMag :


  • قالب متجاوب ومتوافق مع جميع الاجهزة والمتصفحات
  • قالب سريع وأنيق وفلات
  • قالب بثلاث أعمدة
  • يحتوي على أداة لعرض اهم المواضيع المميزة على الصفحة الرئيسية
  • 4 أعمدة في الفوتر
  • مساحات اعلانية عديدة في اماكن مهمة ....

طريقة تركيب اداة عرض اهم المواضيع في الرئيسية :


توجه الى التخطيط
ثم اختر اداة قسم مميز
اختر تحرير ثم الصق الكود التالي ثم احفظ

    ملاحظة : لا تنسى تغيير "قسم مميز" باسم التصنيف الذي تود اظهاره على الرئيسية
    <script type='text/javascript'>
    var numposts = 10;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 280;
    </script>
    <script type="text/javascript" src="/feeds/posts/default/-/قسم مميز?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

    معاينة و تحميل القالب :


    معاينة  |  تحميل

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

    PS: القالب من تعريب مدونة وصلة

    قالب RealMag متجاوب ومعرب مجانا السلام عليكم ورحمة الله تعالى وبركاته، مرحبا بكم اخواني اخواتي زوار ومتابعي مدونة تدوين باحتراف، ...

    إقرأ المزيد

    موزيلا تطلق الإصدار 35 من متصفحها فايرفوكس

    فايرفوكس 35
    فايرفوكس 35
    في ظل المنافسة الشديدة بين شركة جوجل وموزيلا، أطلقت هذه الأخيرة اصدار جديد من متصفحها فيرفوكس النسخة 35، هذه النسخة التي انتظرها معجبي موزيلا بشغف.

    وكما أكدت موزيلا سابقا، فالنسخة الجديدة تحمل مجموعة من الخاصيات والمميزات الحديثة، و على رأسها خاصية " Firefox Hello " المبنية على واجهة البرمجة WebRTC، والتي تهدف الى تمكين مستخدمي المتصفح من اجراء اتصالات بالفيديو دون الحاجة الى تنصيب برامج او اضافات ومن دون تسجيل الدخول ايضا .

    Firefox Hello
    "Firefox Hello"
    بالإضافة إلى ذلك سيأتي الإصدار الجديد من متصفح فايرفوكس بخاصية " Share " و التي ستمكن المستخدمين بسهولة من مشاركة محتوى معين في صفحات الويب على مواقع التواصل الاجتماعي (فايسبوك، تويتر...)، كما أن المتصفح سيدمج النسخة التجريبية من المتجر الإلكتروني Firefox Marketplace و سيدعم صيغة الفيديو H.264 الخاصة بنظام OS X.

    خاصية النشر في فيرفوكس
    خاصية النشر في فيرفوكس

    روابط مباشرة لتحميل : فايرفوكس 35

    فايرفوكس 35 للويندوز
    فايرفوكس 35 للماك
    فايرفوكس 35 للنكس

    موزيلا تطلق الإصدار 35 من متصفحها فايرفوكس فايرفوكس 35 في ظل المنافسة الشديدة بين شركة جوجل وموزيلا، أطلقت هذه الأخيرة اصدار جديد من متصف...

    إقرأ المزيد

    صورة مسربة ل "سبارتان" متصفح مايكروسوفت الجديد

    صورة مسربة لمتصفح "سبارتان"
    صورة مسربة لمتصفح سبارتان
    قام موقع "Cnbeta" الصيني بتسريب واجهة المتصفح "سبارتان Spartan" الذي تعتزم شركة مايكروسوفت اطلاقه مع النسخة الحديثة الرسمية "ويندوز 10 Windows 10".

    ويتبين من الصورة أن مايكروسوفت اعتمدت على البساطة في تصميم متصفحها الجديد، كما أكدت عدة مصادر انه سيتصمن عده مميزات جديدة من قبيل دعم المُتصفح للرسم والكتابة مُباشرةً على صفحات الويب وذلك من خلال الأقلام الخاصّة بالكتابة على الشاشات اللمسية، حيث يُمكن كتابة المُلاحظات على صفحات الويب وإرسالها للأصدقاء أو الزملاء من خلال خدمة جديدة للمُلاحظات من مايكروسوفت تتيح مُشاركة الملفات عبر خدمتها السحابية "وَن كلاود". ويُمكن لأي مُستخدم تتم مشاركة الصفحة معه، مُشاهدتها من خلال المُتصفح الخاص به مُرفقةً بالرسوم والمُلاحظات الموجودة عليها، حيث يُمكن للمُستخدمين الآخرين التعديل ومُشاركة تعديلاتهم مع الآخرين.

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

    وقد صممت مايكروسوفت متصفحها كي يتوافق مع كل من الحواسب الشخصية واللوحية والهواتف، وسيتوفر المتصفح ضمن متجر تطبيقات ويندوز مما يتيح للشركة إرسال التحديثات الخاصة بشكل أسرع وأسهل. وسيكون "سبارتان" هو المتصفح الرئيسي في "ويندوز 10" رغم أن مايكروسوفت ستستمر في توفير "إنترنت إكسبلورر" لفترة مُعينة.

    يُذكر أن مايكروسوفت ستعقد مؤتمرًا صحفيًا في 21 كانون الثاني/يناير حيث من المتوقع أن تتحدث فيه بمزيد من التفصيل عن ميزات ويندوز 10 وقد تقوم خلال نفس الحدث بالكشف عن مُتصفحها الجديد "سبارتان".

    عن موقع aitnews

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

    إقرأ المزيد

    جميع الحقوق محفوضة لمدونة تدوين باحتراف 2014/2013