ازرار CSS لمدونتك ومن تصميمك

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

وهذا ما سنتعلمه وهو طريقة صنع تلك الأزرار بحيث تصنع الزر الذي يتناسب مع الوان مدونتك ويتطابق معها 100% وسنستخدم لعمل الأزار موقع متخصص في صنعها , هناك مواقع كثيرة لصنع الأزرار لكن الموقع الذي سنستخدمه هو أسرعها واسهلها في التعامل لدخول الموقع اضغط على الزر التالي وهذا الزر مثال للمعانية 

دخول الموقع

وهذا شرح لقائمة تنسيق الأزرار الخاصة بالموقع

والفديو التالي هو توضيح عملي لطريقة صناعة الأزرار واستخدام الموقع

وهذا هو الكود الناتج من عملية تصميم الزر

.button {
   border-top: 1px solid #de8200;
   background: #f78000;
   background: -webkit-gradient(linear, left top, left bottom, from(#fcc565), to(#f78000));
   background: -webkit-linear-gradient(top, #fcc565, #f78000);
   background: -moz-linear-gradient(top, #fcc565, #f78000);
   background: -ms-linear-gradient(top, #fcc565, #f78000);
   background: -o-linear-gradient(top, #fcc565, #f78000);
   padding: 7px 14px;
   -webkit-border-radius: 29px;
   -moz-border-radius: 29px;
   border-radius: 29px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 19px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #fa0519;
   background: #fa0519;
   color: #ffffff;
   }
.button:active {
   border-top-color: #2faafc;
   background: #2faafc;
   }

هذا الكود يضاف فوق الوسم ]]> ولكن طبعا تحتاج لضغط سهم توسيع عناصرا لستايل

أهم الملاحظات حول الكود

هذه الكلمة button  والمتكررة ثلاث مرات هي معرف الزر ولهذا يفضل تغييرها بكلمة من عندك تميز الزر
مثلا نكتب buttonred أو أي كلمة المهم ان لا تكون بها مسافات
وإن أردت ان تضيف أكثر من زر كل ما عليك ان تقوم بتنسيق الزر باللون الذي يعجبك ثم تغير المعرف الخاص به وتضيف الكود الخاص كما فعلت بالزر الأول وهكذا
الرقم 19 هو حجم الخط يمكنك تغييره كنوع أكبر من التحكم
أما هذا الكود    font-family: Georgia, serif; هو وسم الخط وان كنت تستخدم خط مخصص في مدونتك استبدل الوسم بوسم الخط الخاص بك

طريقة استخدام الأزرار في المواضيع

قم بتحويل صندوق المواضيع من وضع التأليف الى وضع HTML
ثم أضف الكود التالي في المكان الذي تريد

button" href="#" rel="nofollow" target="_blank">Word

نستبدل Word بأى كلمة نريد مثل تحميل معاينة أى شئ
ونستبدل هذا الرمز # بالرابط الذي نريد الزر أن يفتحه عند الضغط عليه
ونستبدل button بمعرف الزر الذي سنستخدمه
هذا الكود target="_blank"  معناه أن الرابط سيفتح في صفحة جديدة ان اردته أن يفتح في نفس الصفحة قم بإزالته

 الى هنا انتهى موضوعنا وبالتوفيق للجميع 

دمتم في أمان الله

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

أطلقت شركة جوجل مؤخراً إضافة لمتصفح جوجل كروم من أجل استعراض ملفات أوفيس مباشرةً عن طريق المتصفح دون الحاجة لأي برامج إضافية.

بعد تنزيل آخر نسخة من متصفح جوجل كروم من الرابط التالي http://bit.ly/ZzMcyf، يمكن الدخول إلى متجر إضافات جوجل كروم والبحث عن Chrome Office Viewer وبعد تنزيل الإضافة يمكن سحب أي ملف “وورد” أو “باوربوينت” أو “إكسل” واستعراضة مباشرةً من المتصفح.

تحميل وشرح برنامج Wireshark لتحليل الشبكات

تحميل وشرح برنامج Wireshark لتحليل الشبكات مع رابط تحميل آخر نسخة
يعتبر برنامج Wireshark المجاني والمفتوح المصدر محلل الشبكات الاكثر شعبية في العالم,فهذه الاداة القوية تقوم بالتقاط وتحليل البيانات التي يتم ارسالها واستقبالها و يوفر معلومات حول بروتوكولات وتطبيقات الشبكات انطلاقا من البيانات التي تم التقاطها”تصويرها”,ويتم استخدام هذا البرنامج من اجل استكشاف مشاكل الشبكة وتحليلها ,تطوير بروتكولات البرامج والاتصال كما يستعمل ايضا للتدريس .ولتشغيل برنامج wireshark نحتاج الى مكتبة الشبكة Pcap والتي تعني (Packet capture)حتى نستطيع التقاط الحزم والبيانات التي تمر عبر الشبكة.

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

شرح الواجهة الرسمية للبرنامج

1. Filtrage عملية تصفية او ترشيح

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

2. قائمة الاحزمة

تعرض في هذا الجزء جميع الحزم المصورة ويمكنك ايجاد معلومات هامة مثل مصادر ووجهات العناوين IP/MAC,أرقام المنافذ tcp/udp بالاضافة الى محتوى الحزم.
عند تصوير حزمة من الطبقة الثانية من osi ستشاهد عناوين mac في خانة الوجهات(Destination) ,وطبعا لن تشاهد في هذه الحالة ارقام المنافذ.
وعند تصوير حزمة من الطبقة الثالثة أو أكثر ستشاهد عناوين ip في خانة المصدر والوجهة أما خانة المنافذ ستشاهدها اذا قمت بتصوير حزمة من الطبقة الرابعة او اكثر.
يكمنك اضافة او حذف اعمدة او تغيير الالوان على حسب ذوقك من خلال Menu Edit -> Preferences.

3. قائمة تفاصيل الاحزمة

في هذا الجزء “تفاصيل الحزم (packet)” يعرض معلومات مفصلة عن الحزمة المحددة في الجزء السابق ,ويتم عرض المعلومات في هذه المرحلة على شكل طبقات OSI ويمكن توسيعها او اغلاقها.

4. قائمة التشريح

في هذا الجزء تعرض جميع المعلومات الموجودة في المرحلة السابقة (3) ولكنها تعرض بنظام السادس عشر (hexadécimal) ,ففي هذا المثال قمت بتحديد رقم المنفذ tcp 80 في جزء تفاصيل الاحزمة وبشكل اتوماتيكي سيتحدد في جزء التشريح مايعادلها 50 00.

كيف تقوم بعملية التصوير (capture)

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


واذا كنت تريد تخصيص عملية التصوير قم يالضغط على زر الخيارات خاصة اذا كنت تريد القيام بعملية الترشيح وتصوير الحزم التي تريدها فقط ,ففي المثال التالي سنقوم بتصوير حزم HTTP اي TCP/80.
تم وضع هذه الخاصية لتحديد نوع معين من البروتوكولات التي تريد تحليلها ,فعند تشغيل برنامج wireshark يقوم بتحميل الاعدادات الافتراضية وهو مايسبب ملئ الشاشة بالمعلومات والتي لا نحتاجها في اكثر الاحيان.

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


وللقيام بعملية التصوير اضغط على الزر Start
سيقوم برنامج wireshark بالتقاط وتصوير جميع الحزم المتطابقة لعملية الترشيح “http في هذه الحالة”

تحليل capture

بمجرد الضغط على زر Start ستظهر لك النافذة التالية


ولتحليل محتوى اي حزمة عليك بتحديد اي واحدة الموجودة في المنطقة الخضراء ثم الانتقال الى القائمة الموالية اين يمكننا ايجاد المعلومات المطلوبة وبالتفصيل.
هي قوائم قابلة للتوسيع وهي عبارة عن طبيقات الشبكة المختلفة وهي بالترتيب كالتالي:
الطبقة الثانية (Ethernet – MAC)
الطبقة الثالثة (Internet Protocol – IP)
الطبقة الرابعة (Transmission control protocol – TCP)
الطبقة السابعة (HyperText Transfert Protocol – HTTP)
وعلى سبيل المثال نذهب الى الطبقة الثالثة “اين يمكننا ايجاد المصدر والوجهة” ونقوم بفتحها

وهنا يمكننا ان نرى اننا نستعمل النسخة الرابعة من بروتوكول الانترنيت IP v4 وان عنوان المصدر هو 192.168.1.3 وعنوان الوجهة هو 95.211.88.54.
لتحميل آخر نسخة من البرنامج wireshark

الموضوع منقول المصدر

برنامج Old Chrome Remover لحذف الاصدارات القديمة للقوقل كروم

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

كيف تحذف الإصدارات القديمة بإستعمال البرنامج ؟ 
سهل اول شيئ بعد تحميل البرنامج قم بالنقر عليه بزر الفأرة الايمن واختر تشغيله بصلاحيات المدير run as administrator

بعد ذلك ستضهر لك رسالة outdated versions of google chrome where found . press "y" to delete them .   إضغط على الحرف Y في الكيبورد بعد ذلك ستضهر لك رسالة انه تم حذف الإصدارات السابقة إضغط على اي زر في الكيبورد من اجل الخروج . 

تحميل : Old Chrome Remover

قالب Horcrux نسخة إحترافية

أقدم لكم نسخة احترافية من قالب Horcrux Blogger Template هذه النسخة بها العديد من الإمكانيات ومنسقة بدرجة كبيرة وتتميز بخفتها وأناقتها تم عمل العديد من التعديلات على تلك النسخة وضبطها وعمل توسعة شاملة للقالب

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

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

القالب مساحته مضبوطة وبحجم مناسب جدا 

القالب خفيف جداً وأنيق ومنظم 

القالب صديق لمحركات البحث 

يحتوي القالب على هيدر مميز ومساحة إعلانية بمقاس 468x60

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

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

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

تم تركيب نموذج التعليقات التفاعلية بتنسيق يناسب القالب

يحتوي صندوق المشاركة عبر المواقع الإجتماعية داخل المواضيع

يحتوي على ازرار المتابعة عبر المواقع الإجتماعية مصصمه من قبلي 

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

ابحث عن هذه الاكواد وغير ما يلزم

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

هذه شروط الإستخدام يرجى المحافظة عليها ولا أسامح أحد يحذف حقوق القالب

وبالتوفيق للجميع

لعشاق ريال مدريد ثيم جميل وجديد لويندوز سفن

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

انهارد معنا 

لعشاق ريال مدريد ثيم جميل وجديد لويندوز سفن +تصحيح  الويندوز

رابط تحميل برنامج تصحيح  الويندوز

اضغط هنا

رابط تحميل الثيم

اضغط هنا

نظام تعليقات جوجل بلس على بلوجر

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

شرح التركيب

قم بالدخول للوحة تحكم مدونتك وإختر + Google ثم إضغط على كلمة البدء كما في الصورة

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

الخطوة الثانية ستظهر هذه الصفحة قم بتطبيق التالي

ثم ستنتقل لهذه الصفحة طبق ما في الصورة التالية

الخطوة الأخيرة إنتقل مرة أخرى للوحة التحكم وإختار +Google وطبق التالي

ملاحظة : النظام ياخذ لغة المدونة لذا لو لغة المدونة عربية سيكون عربي لو إنجليزية سيكون إنجليزي وهكذا 

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

اضغط على الصورة لتكبيرها

ملاحظة هامة : هذا النظام يلغي نظام تعليقات بلوجر لذا سيلاحظ من فعله أو تم تفعيله تلقائيا في مدونته
أن خانة التعليقات لا تظهر في لوحة التحكم ومن يرغب في العودة للنظام الاصلي يلغي التاشير من على خيار إستخدام تعليقات +Google
ومن يريد إعادة حسابه الى حساب بلوجر يتبع التالي

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

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

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

إضافات تضاف الى آداة HTML/JavaScript 

كما قلنا سننتقي إضافات خفيفة جداً حتى لا نثقل على الزائر 

وإضافتنا الأولى هي إذاعة القرآن العامه وهي إضافة خفيفة للغاية وتقوم بعرض تلاوات طوال الوقت بأصوات قراء متعددين 

وهذه معاينة حية للإضافة 

Get the Flash Player حمل مشغل الفلاش

كود الإضافة 

 

Get the Flash Player حمل مشغل الفلاش

ويمكنك تعديل مساحة عرض المشغل بزيادة الرقم 160

اما إن أردت إضافة تحكم أكبر في إختيار القارئ فهذه إضافة أخرى خفيفة وتتيح ذلك

كود الإضافة 

 

220px; border:4px solid #7F8080; border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;">

ويمكن تعديل هذا اللون #7F8080  فهو لون الإطار الخارجي
أما لزيادة العرض فغير الرقم 220  ولزيادة الطول غير الرقم زد الرقم 160

الإضافة الثالثة وهي الأقوى إضافة مميزة تحتوي على حوالي 300 قارئ

كود الإضافة

هذا #ddd هو لون الخلفية

هذا #BBBBBB هو لون الإطار

أو يمكنك إزالة السطرين إن اردت الإضافة بدون الخلفية والإطار

background:#ddd;
border: 1px solid #BBBBBB;

 نسأل الله أن يكون هذا العمل خالصاً لوجهه وان يوفق الجميع الى ما يحب ويرضى 

دمتم في امان الله

كيفية حل مشكل عدم فتح المواقع على Google Chrome

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

كيفية حل مشكل عدم فتح المواقع على Google Chrome

في هذا الموضوع ساقربك من حل هذه المشكلة بشكل نهائي دون إعادة تشغيل الحاسوب في كل مرة (لانه غالبا المشكلة تحل فقط بعد إعادة تشغيل الحاسوب) .
اول شيئ تأكد ان الرسالة التي تضهر هي :
.Error 15 (net::ERR_SOCKET_NOT_CONNECTED): Unknown error
بالظبط لان هذا الموضوع يغطي فقط هذه الإشكالية في جوجل كروم ، في حالة ضهور اي رسالة اخرى رجاء ضعها في تعليق ساكون مسرور بمساعدتك .

ثانيا قم بكتابة الامر الاتي في مكان كتابة الروابط على chrome://net-internals
(رجاء إنتبه ! ولاتتلاعب في الإعدادات ) .

تالثا إنتقل إلىSockets ستجدها على اقصى اليسار ثم بعد ذلك انقر على Flush Socket Pools بعد ذلك سينتهي الكابوس ، حاول فتح اي موقع وستجد نفسك قد تغلبت على المشكلة ان شاء الله

سلايدر كن مدون التلقائي بتنسيقك الخاص

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

معاينــة

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

أول شئ خذ نسخة إحتياطية من قالبك لتجنب المشاكل

ثم ادخل الى تحرير القالب

وأضف الكود التالي تحت هذا الكود

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

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

الرقم 200 هو عدد حروف الملخص
الرقم 18 هو عدد المواضيع التي تظهر في السلايد قم بالزيادة او النقصان بحسب عرض مدونتك
القسم إستبدله بإسم القسم الذي تريد أن يظهر السلايد مواضيع منه
ملاحظة :  " قد يرغب احد أن يصنع قسم او تسمية جديدة للسلايد بحيث يضع به مواضيع مختلفة من الأقسام ولا يريده ان يكون ظاهر للزائر بشكل كبير يمكن عمل التالي بإستبدال القسم برمز مثلا وليكن النجمة * ثم وضع المواضيع التي ترغب في تسمية جديدة وأيضا أعطها رمز النجمة ويمكن إخفائها من آداة التسميات بالطريقة التالية "

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

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

قم بإضافته فوق الوسم ]]>

#featured{
margin-bottom:10px;
}
.sliderwrapper{
position: relative;
border-bottom-width: 6px;
height: 124px;
}
.sliderwrapper .contentdiv{
background: #fff;background: -moz-linear-gradient(top,#fff,#EAEAEA);background: -webkit-linear-gradient(top,#fff,#EAEAEA);
border:3px solid #7C7B7B;
height:180px;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;
margin-top: 10px;
opacity: 1;
padding: 15px 15px 15px 0;
position: absolute;
visibility: hidden;
width: 623px;
}

.pagination{
text-align: right;
margin-top: 110px;
padding:5px;
margin-left:5px;
}
.pagination a{
background: #F0EFEF;background: -moz-linear-gradient(top,#fff,#F0EFEF);background: -webkit-linear-gradient(top,#fff,#F0EFEF);
font:13px Arial;
font-weight:bold;
color:#a3a3a3;
padding:4px 8px;
border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
box-shadow: 0 1px 2px #000;-moz-box-shadow: 0 1px 2px #000;-webkit-box-shadow: 0 1px 2px #000;
margin-right:4px;
}
.pagination a.selected{
color:#fff;
background:#000;
}
.pagination .prev,.pagination .next { color:#EAEAEA;
font-size:0px; background:none; padding:0px; }
.featuredPost{
width:380px;
padding:0px 10px 10px 10px !important;
bottom:0;
float:left !important;
}
.pagination .prev, .pagination .next{float:right;}
.featuredPost a{
color:#000;
font: 18px "Microsoft Sans Serif";
margin:0;
padding:0;
}
.featuredPost h2{margin:0 0 8px 0;}
.featuredPost span{font-size:11px; margin:0; color:#C94545;}
.featuredPost p{font-size:13px; margin:4px 0 0 0; color:#797979;}
.sliderPostPhoto a img{float: right !important;width:220px; height:180px;border:2px solid #000;}
.sliderPostPhoto{float: right !important; width:100px !important;}

لتعديل عرض السلايدر قم بتعديل الأكواد الحمراء بنفس النسبة إذا قمت بزيادة 10px يجب أن تزيدها جميعا بنفس النسبة ونفس الشئ إن أنقصت العرض
أما لتعديل الإرتفاع تعدل النسب الزرقاء بنفس الطريقة مع مراعاة أن الرقمين المتجاورين 220 و 180 هما عرض وإرتفاع الصورة
هذا اللون  #7C7B7B هو لون الإطار الخارجي للسلايدر

وهذا التدرج اللوني هو خلفية السلايدر

background: #fff;background: -moz-linear-gradient(top,#fff,#EAEAEA);background: -webkit-linear-gradient(top,#fff,#EAEAEA);

وهذا التدرج هو لون الأزرار

background: #F0EFEF;background: -moz-linear-gradient(top,#fff,#F0EFEF);background: -webkit-linear-gradient(top,#fff,#F0EFEF);

وهذا لون background:#000; الزر الخاص بالموضوع المختار في السلايدر
هذه هي أهم الأكواد التي ستتيح لك التحكم في السلايدر وجعله مناسب لمدونتك ويمكنك الإستعانة بخدمة أكواد الألوان التابعة لنا 
وبالتوفيق بإذن الله

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

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


يوفّر برنامج “ BitDefender USB Immunizer ” المجاني، طبقة حماية للأجهزة التي تستخدم نظام ويندوز، حيث يمنع من تشغيل أي برمجية خبيثة.

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

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

إضافة من المتصفح لتنزيل ملفات تورنت مباشرةً

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

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

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

ان اعجبك الموضوع شارك مع اصدقائك

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

برامج شبيهة بــ WhatsApp للدردشة ومجانية

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

اقرا ايضا : 

- طرق تاجحة لتسريع عمل نظام الأندرويد "Android" على جهازك 

- شرح طريقة منع ظهور الاعلانات على الاندرويد "Android"

- طريقه لمعرفة خصائص الهواتف النقالة واثبات انها اصلية

- اكتشف اكواد و الخبايا السرية لهاتف أندرويد 

- تعرف على اسرار جهازك الأندرويد عبر هذه الأكواد والشفرات المخفية و السرية

KakaoTalk Messenger

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

Kik Messenger

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

LINE

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

جميع حلقات Ashita no Joe التي ترجمت حتى الآن (1 - 47) على مركز الخليج

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

وأخيرًا انتهيت من إعادة رفع حلقات غدُّ جو على الخليج

لم أقم برفع الحلقات إلا في وقت فراغي، لذا تأخرت قليلاً -__-

ملاحظة: حاليًا، أمر بفترة اختبارات وعمل عروض فكما تعلمون نحن في نهاية العام

لهذا أنا متأخرة بطرح المشاريع وأرجو المعذرة.

الحـلقـات

01 - 02- 03 - 04 - 05 - 06 - 07 - 08 - 09 - 10

11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20

21 - 22 - 23 - 24 - 25 - 26 - 27 - 28 - 29 - 30

31 - 32 - 33 - 34 - 35 - 36 - 37 - 38 - 39 - 40

41 - 42 - 43 - 44 - 45 - 46 - 47

  على ما يبدو بأن بعض الحلقات قد عطبت وتفضّل الأخ Allen Walker بإعادة رفعها

على الميجا :
34 - 35 - 36

على الميديافاير:
34 - 35 - 36

قـرآءة المـزيـد >>>

شرح كامل للتعليقات التفاعلية في بلوجر

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

تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك

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

مرحلة الإعداد

قم بالدخول الى إعدادات مدونتك ثم إختار مشاركات وتعليقات

أول جزء وهو موقع التعليقات : سنجعله مضمن 

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

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

ثالث جزء وهو الخاص بالإشراف على التعليقات 

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

رابع جزء يهمنا في إعداد التعليقات هو رسالة التعليقات 

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

ننتقل لمرحلة التركيب 

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

أدخل الى تحرير قالبك وإبحث عن هذا الكود

وإستبدله بالكود التالي 

ملاحظة : ستجد الكود متكرر أكثر من مرة قم بتعديلها كلها 

مرحلة التنسيق 

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

ابحث عن هذا الكود ]]>

وأضف فوقه الكود التالي

.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 5px 10px 5px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#E0DFDF;border:1px solid #A3A1A1;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://lh5.googleusercontent.com/-1FOOK-wkThg/U4rEEaJBlLI/AAAAAAAAEMA/vAhBcNCkp_4/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}

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

نموذج 1  نموذج 2

تنسيق النموذج 

هذا اللون  #f1f1f1 هو لون رأس التعليق الذي يظهر به الإسم والتاريخ
هذا اللون  #e3e3e3 هو لون الإطار الخارجي وهو متكرر مرتين قم بتغيره فيهما
هذا اللون #E0DFDF هو لون أزرار الرد والحذف
وهذا لون #A3A1A1  الإطار الخارجي للأزرار
وهذا اللون #0E6284 هو لون إسم الكاتب والتاريخ وهو متكرر مرتين
فقط عدل الألون وسيصبح النموذج متوافق مع مدونتك تماماً أكواد الألوان

مرحلة الضبط 

مرحلة الضبط ستأخذنا الى نقطتين

النقطة الأولى عدم ظهور نموذج التعليق او صورة المعلق بشكل مضبوط 

والسببب يرجع الى أن بعض القوالب تكون بها أكواد لتنسيق التعليقات القديمة وتؤثر على التموذج الجديد فما الحل ؟
الحل أن نبحث عن الاكواد القديمة ونحذفها وستكون الأكواد تحمل نفس المعرف .comments
وسنجد كل كود منها يبدأ بقوس فتح { وينتهي بقوس إغلاق } لذا يجب تحديد الأكواد جيدا وطبعا لا تنسى نسختك الإحتياطية لتجنب أى مشكلة ملاحظة قد نجد كود ولكنه يبدأ بهذا الرمز #comments هذا لا نحذفه نبقي على هذا بالكامل من أول قوس الفتح الى قوس الإغلاق اما باقي  الاكواد نحذفها وهذا كله في حالة ظهور مشكلة في شكل التعليقات

النقطة الثانية رسالة التعليقات 

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

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

ثم بعده بسطور قليلة اخرى نجد الوسم
نضيف قبله

وهذه صورة للتوضيح

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

ثم نبحث عن هذا الكود 

document.getElementById(domId).insertBefore(replybox, null);

ونستبدله بهذا

document.getElementById (domId). insertBefore (document.getElementById ('threaded-comment-form'), null);

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

موفقين بإذن الله 

موقع لمعرفة سرعة الاتصال بالإنترنت لديك

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

لقطع الشك باليقين يمكنكم الدخول إلى موقع ; speedtest الذي يتيح معرفة سرعة الاتصال بالإنترنت وسرعة تنزيل الملفات.

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




شرح بعض المصطلحات
اولا نتعرف على وحدات قياس حجم البيانات
Mbps 1 = 1024 Kbps
اي مثلا ان وجدت سرعت التحميل 0.5 Mbps يعني سرعتك هي 512 Kbps
DEBIT DESCENDANT : هي سرعة التحميل و هي تمثل سرعة اتصالك بالانترنت المشترك بها
DEBIT MONTANT : هى سرعة الرفع اي رفع او ارسال ملف من كمبيوترك الى شبكة الانترنت و تكون اصغر من سرعة التحميل

كل مدون لديه طريقته الخاصة في إفتتاح مواضيعه بالإضافة أن محتوى وتصميم  المدونة يفرض أيضا طريقة لفتح المواضيع لكن في الغالب لا تخلوا مدونة إلا وتحتوي عبارات ترحيبية وأيضا تكون عادة نفس العبارات في كل موضوع لكن مسألة العبارات الترحيبية بالرغم من جذبها للقارئ وإشعاره بمودة  عند قراءة الموضوع بالإضافة الى الفواتح التي لها بعد شرعي وثواب عظيم كعبارة السلام ( السلام عليكم ورحمة الله وبركاته ) او الثناء على رب العالمين والصلاة على الحبيب ( الحمد لله رب العالمين والصلاة والسلام على المبعوث رحمة للعالمين سيدنا محمد وعلى آل وصحبه أجمعين ) , لحظة هل صليت على النبي ام قرأت فقط ؟ صلي على الحبيب ولا تكن بخيل , طبعا كل هذا جميل ورائع لكن نتكلم عن امر عملى قليلا العبارات الترحيبية تظهر في ملخص الموضوع ولو وضعتها كصورة ستظهر في مصغرات الموضوع لأنها تكون أول صورة وهذا سيجعلها تؤدي دور وتؤثر على دور آخر وهو جذب الزائر للقراءة فنحن نهدف الى جذب الزائر الى القراءة ثم بعد أن يقرر بالفعل انه سيقرأ الموضوع تظهر العبارة الترحيبية لكن ظهورها في الملخصات تضيع مسألة الجذب عبر الملخص , إذاً ما اللحل ؟ الحل وببساطة هو أننا سنحصد كل المزايا ونلغي كل العيوب سنقوم بعمل تركيب تلقائي للعبارات التحيبية وجعلها تظهر في المواضيع تلقائيا وهذا سيوفر وقت الكتابة وفي نفس الوقت وضعها بهذا الشكل لا يجعلها تظهر في الملخصات

الترحيب كصورة

لمن يرغب في إضافة رسائل الترحيب على هيئة صورة يتبع التالي

لكن أولا هذه معاينة لرؤية الناتج

معاينــــة

طريقة التركيب : إبحث عن احد هذه الأكواد

أو

وأضف تحته الكود التالي

   
   

وإستبدل url برابط الصورة التي تعجبك ويمكنك البحث في صور جوجل ستجد آلاف الصور الترحيبية

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

https://lh6.googleusercontent.com/-Zb3eI66HuJY/UWmUXz2ZG2I/AAAAAAAABII/0P8SB4dKnAo/s355/bsmlh.png

الترحيب كنص

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

 

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


الحمد لله والصلاة والسلام على رسول الله
    

يمكنك إستبدال النصوص بالنصوص التي تعجبك والكود الاحمر يمكنك تكراره تحت النص لتضيف سطر جديد

والجزء الازرق هو لون النص

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

معاينـــة

ملاحظات عامة 

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

الحلقات ( 44 - 45 - 46 - 47 ) من Ashita no Joe

يركض ريكيشي في كل مكانٍ كالمجنون بحثًا عن مياهٍ باردةٍ يروي بها عطشه>> موقف مؤثر للغاية 

ترجمة وإعداد: Lovely spirit

*تمَّ انتاج الحلقات بنظام 10 بت + سوفت سب 

لتشغيل الحلقات بلا مشاكل يُرجى حذف برنامج ميديا بلاير كلاسيك

وتحميل أجدد نسخة منه من هنا وستعمل الحلقات بلا مشاكل بإذن الله

الحلقات

44 - 45 - 46 - 47

قـرآءة المـزيـد >>>

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

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

بالنسبة للبحث عن الأكواد داخل القالب يجب ان تضغط داخل إطار التحرير ضغطة بحيث يتم تنشيطة ثم تضغط زري Ctrl+F لكي يظهر شريط البحث المخصص للنموذج الجديد تكتب ما تريد البحث عنه ثم تضغط Enter

أيضا بالنسبة لاكواد الستايل وهي الاكواد التي تقع بين الوسمين و

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

إمكانية الإستبدال

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

Ctrl+Shift+F شاهد الصورة التالية للتوضيح 

أيضا إمكانية إستبدال الكل إن أردت أن تستبدل كلمة او كود متكررة في القالب يمكنك إستبدالها مرة واحده بنفس الطريقة السابقة لكن بالضغط على أزرار Ctrl+Shift+R ولن تظهر Yes , No بل سيتم الإستبدال مباشرة

أزرار إضافية

تحتوي التحسينات الجديدة على زر 

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

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

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

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