الأحد، 1 فبراير 2015

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

بقلم: BR MED يوم الأحد، 1 فبراير 2015 القسم : 2 التعليقات
السلام عليكم ورحمة الله وبركاته
متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، المهم كما عودتكم دائما بجديد المواضيع ، لقد ذكرت سابقا في إحدى التدوينات كيفية إنشاء أزرار التحميل والمعاينة و هذا الموضوع هو في نفس السياق إلا أن هذه الأزرار هذه المرة بها أيقونات تدل على غرضها مع أنها أكثر إحترافية و ستزيد من مدى جمالية مدونتك، و لتركيبها ما عليك إلا متابعة الشرح.
  1. أولا نذهب للوحة التحكم بلوجر ثم القالب.
  2. نقوم بأخذ نسخة إحطياطية دائما لتفادي أي غلط  بالرغم من سهولة الشرح
  3. بعد ذلك نقوم بالضغط على تحرير html و ننقر وسط الأكواد.
  4. نبحث عن هذا الوسم ]]></b:skin> مستعينا بالزراين(ctrl+f).
  5. ثم ضع فوقه هذا الكود مباشرة و قم بحفظ القالب.
#warch {
    margin: 20px auto;
    text-align: center;
}

#warch br {
    display: none;
}

.mo-slide, .mo-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.mo-slide2 {
    border: 2px solid #efa666;
}

.mo-slide:hover {
    background-color: #0099cc;
}

.mo-slide2:hover {
    background-color: #efa666;
}

.mo-slide:hover span.circle, .mo-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.mo-slide2:hover span.circle2 {
    color: #efa666;
}

.mo-slide:hover span.title, .mo-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.mo-slide:hover span.title-hover, .mo-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.mo-slide span.circle, .mo-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.mo-slide2 span.circle2 {
    background-color: #efa666;
}

.mo-slide span.title,
  .mo-slide span.title-hover, .mo-slide2 span.title2,
  .mo-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.mo-slide2 span.title2,
  .mo-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.mo-slide span.title-hover, .mo-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.mo-slide span.title-hover, .mo-slide2 span.title-hover2 {
    color: #fff;
}
ثم إبحث عن هذا الوسم <head> وضع الكود التالي بعده مباشرة و قم بحفظ القالب.
<link href=' https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.0/css/font-awesome.css' rel='stylesheet' type='text/css'/>
الآن طريقة التعامل مع الأزرار في المواضيع.
عند قيامك بكتابة موضوع قم بالنقر على زر "خيارات" و قم بتعديلها كما تلاحظ في الصورة.

أما بالنسبة للأزرار فسوف تضع هذا الكود في المكان الذي يعجبك وذلك في واجهة html الخاصة بالمواضيع.

<div id="warch">
<a href="#" class="mo-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">معاينة</span>
  <span class="title-hover">إنقر هنا</span>
</a>
<a href="#" class="mo-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">تحميل</span>
  <span class="title-hover2">إنقر هنا</span>
</a>
</div>
قم بتغير علامة # برابط المعاينة و العلامة # برابط التحميل.
ملاحظة : هذا الكود يحتوي على نموذج التحميل و المعاينة أي زرين في نفس الوقت يمكنكم إستعملهما كما تريد.
هذا كل ما في موضوع اليوم أتمنى لكم التوفيق في عملكم ، دمتم بود في أمان الله.


إقرأ البقية

الثلاثاء، 23 ديسمبر 2014

تقسيم نص التدوينة إلى عمودين أو أكثر

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


طريقة إضافة الآداة
  1. نذهب للوحة التحكم بلوجر ثم القالب ثم ننقر تحرير html 
  2.  ننقر وسط الأكواد و نستعن بـ ( crtl+f) للبحث عن الوسم التالي: ]]></b:skin>
  3. بعدها نقوم بوضع الكود التالي فوقه مباشرة.
.warchgufs
{
   -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
 الرقم 2 هو عدد الأعمدة يمكنك تغيره بما يعجبك.

طريقة التطبيق على المواضيع.
 
عند كتابتك لموضوع معين و تريد أن يظهر على شكل أعمدة ، قم بوضع النص داخل الكود التالي:
 <div class='warchgufs'> ضع نص الموضوع هنا </div>
مكان العبارة الحمراء ضع النص المراد تقسيمه
هذا كل ما في موضوع اليوم أثمنى أن أكون قد أفدتكم ، أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله.
إقرأ البقية

الأربعاء، 17 ديسمبر 2014

تحميل قالب COM4ME الخاص بالمدونات في طور الإنشاء أو الإصلاح

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

باسورد فك الضغط: 
 warch-mo.blogspot.com

مميزات القالب:
  1. قالب سهل التركيب
  2. تنسيق وتصميم إحترافي.
  3. خالي من الأخطاء و العيوب.
  4. يعتمد لونين أساسيين الأزرق و الأسود.
  5. يحتوي على عداد يبين متى سيستأنف الموقع العمل مجددا.
  6. يحتوي صندوق الإشتراكات البريدية من أجل توصل متابعيك بأول نشاط لك بعد رجوعك للتدوين.
  7. كما يحتوي على أزرار مواقع التواص الإجتماعي.
تعديلات على القالب:
1- التعديل على العداد قم بالبحث عن هذا الكود : <!--Countdown Script-->
بعد أن تجده إنزل قليلا سوف تلاحظ التاريخ الذي قمت بإدراجه مسبقا قم بتغيره بما يناسبك . شاهد الصورة
الرقم 23 خاص باليوم.
December: خاص بالشهر يكتب بالإنجليزية فقط إحترس أن لا تكتبه الفرنسية.
2015: هذا واضح خاص بالسنة.
1: خاص بالساعات.
50: خاص بالدقائق .
30: خاص بالتواني.
هذا كل مافي الأمر يمكنك تغيره حسب رغبتك.
أتمنى أن يعجبك القالب إن واجهت أي صعوبة أنا في الخدمة بالتوفيق قي أمان الله.
إقرأ البقية

الثلاثاء، 16 ديسمبر 2014

تطبيقات أندرويد مهمة المدونين على البلوجر

بقلم: BR MED يوم الثلاثاء، 16 ديسمبر 2014 القسم : 0 التعليقات
شهدنا في الآونة الأخيرة إنتشار و إقبال ملحوظ على الأجهزة الذكية سواء الألواح الإلكترونية أو هواتف الذكية و موضوعنا اليوم سنرى فيه كيف سنستثمر هذا المجال في خدمة الناشرين والمدونين ، وذلك من خلال  بعض التطبيقات التي سوف تسهل شيئا ما لهم التدوين و مراقبة مدوناتهم أو مواقعهم و التوصل بكل الإحصائيات سواء تعلق الأمر بالجانب التقنية أو المالية، و كل هذه التطبيقات متوفرة على جوجل بلاي.
سنقوم بتصنيف هذه التطبيقات حسب مهمتها.
*صورة مأخوذة للتطبيقات التي أستخدمها شخصيا

 خاصة بالتدوين
1- blogger: تطبيق بلوجر الرسمي يتم تحديثه بإستمرار، يمكنك من كتابة تدويناتك بسرعة و راحة تامة، كما يمكن أن تحفظها كمسودة أو نشرها فورا، كما تستطيع إضافة صور من جهازك أو إلتقاطها مباشرة و يمكنك تحميله من هذا [الرابط].

2- blogaway: هذا أيضا تطبيق بلوجر يساعدك على كتابة مواضيعك مع إمكانية إدراج صور أو فيديو من جهازك ، و تستطيع إدارة عدة مدونات من خلاله و يمكنك تحميله من هذا [الرابط].

خاصة بمتابعة جديد المواقع
3- Tadween: تطبيق عربي مميز يمكنك من متابعة جديد المواقع و المدونات التي تستهويك من خلال خلاصات RSS، حيث تستطيع من خلاله إنشاء قوائم و تصنيفها حسب المجلات المهتم بها، ويمكنك تحميله من هذا [الرابط].

4- gReader | Feedly | News | RSS: تطبيق أجنبي أخر يمكنك من متابعة جديد أخبار المواقع المفضلة لديك ، كما يمكنك من قراءة المواضيع حتى في غياب الشبكة اللاسلكية   WI-FI ، ويمكنك تحميله من هذا [الرابط].

خاصة بالإحصائيات
5- adsnse: تطبيق رسمي لشبكة جوجل أدسنس الإعلانية، و يمكن أصحاب المدونات و المواقع الربحية من متابعة كل التفاصيل  الخاصة  مستحقات الدفع الخاصة بمواقعهم، ويمكنك تحميله من هذا [الرابط].

6- WebRank SEO: هذا التطبيق يمكن مدراء المواقع و المدونات من مراقبة مؤشرات السيو، و ذلك بالتعرف على ترتيب أليكسا و البايج رانك بالإضافة إلى المزيد من الميزات الأخرى، و يمكنك تحميله من [الرابط].

خاصة بالتخزين السحابي
1- Dropbox: تطبيق مشهور جدا يمكنك ، من رفع جميع أنواع الملفات و يستعمل بكثرة في رفع الأكواد البرمجية والحصول على الروابط المباشرة، ويمكنك تحميله من [الرابط].

خاصة تعديل و تنسيق الصور
1-PicsArt - Studio Photo: من أضخم تطبيقات تعديل وتركيب الصور، تستطيع أن تقول فوتوشوب الأندرويد ، يمكنك إستخدامه للتعديل و الكتابة على صور مواضيعك، ويمكنك تحميله من هذا [الرابط].

 خاصة بالمواقع الإجتماعية
1- Pages Manager: تطبيق رائع خاص بالفيسبوك، هدفه إدارة الصفحات الإجتماعية، يمكنك إستخدامه للترويج لمنشورات مدونتك، يمكنك تحميله من [الرابط].
2-  Twitter: هذا أيضا تطبيق يمكنك من إيصال جديد مواضيعك لمتابعيك على تويتر، وإبقائه على إطلاع دائم على نشاطاتك ، ويمكنك تكميله من [الرابط].
3- YouTube: تطبيق يوتيوب يمكنك من مشاهدة الفيديوهات و بالإضافة إلى رفعها على قناتك في حالة قمت بتصويرها. و يمكنك تحميله من هذا [الرابط].

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

الأحد، 14 ديسمبر 2014

تعلم كيفية مسك الكلمات المفتاحية لمواضيعك في محركات البحث

بقلم: BR MED يوم الأحد، 14 ديسمبر 2014 القسم : | 0 التعليقات

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

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

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

  1. العنوان : يجب أن يكون في حدود الكلمات المعبرة عن الموضوع و لا تقم بحشر كلمات لا دخل لها بالموضوع، لتجنب تشتيت إنتباه عناكب محركات البحث. كلما ركزت في العنوان كلما كان أفضل.
     
  2. تنسيق رابط الموضوع : فهناك بعض المدونين  يتهونون في تنسيق روابط تدويناتهم . وهذا خطأ كبير ؛ بحيث يقومون بإهدار لبنة أساسية من تقنيات السيو كلمات الرابط من الأدوات المهمة التي تعتمد عليها محركات البحث فإذا كنت بصدد كتابة تدوينة لا تنسى إدراج بعد الكلمات المعبرة عن مضمون تدوينتك شرط أن لا يكون الرابط  طويلا  4 كلمات كحد أقصى.
     
  3. توزيع الكلمات المفتاحية : بشكل متساوي  في الفقرات من جهة و في التدوينة كلها من جهة أخرى، -و لا أقصد حشوها- بالإضافة إدراج مرادفات للكلمات المفتاحية فهذا أيضا تعتمد عليه محركات البحث خاصة العملاق جوجل و سعر نقرة بالنسبة لأدسنس مشابه للكلمات المفتاحية الأساسية.
     
  4. وصف البحث : أيضا مهم جدا عند كتابة أي تدوينة لا تنسى أن تكتب وصف مناسب و الوصف يكون مثل العنوان إلا أنه قد يكون أطول جملتين مثلا.و هو يشمل توضيحات عن الموضوع الذي تعالجه تدوينتك.
     
  5. المصطلحات الأجنبية : كتابة بعض المصطلحات التي هي دخيلة عن اللغة العربية بالحروف اللاتينية مثلا سيو - Seo ترافيك Traffic و هكذا .
     
  6. الرابط النصي : و يعني هذا الإحالة إلى مواضيع سابقة و ذلك في حالة ذكرك لمصطلح أو موضوع سابق ، تقوم بإدراج رابط الموضوع بشرط ألا تتجاوز 3 روابط . هذه الطريقة أيضا تساهم في مسك الكلمات المفتاحية في محركات البحث،   بالإضافة إلا بناء شبكة باك لينك داخلية قوية.
     
  7. تسمية الصور: وهذا يعني في حالة كنت تخصص صور لتدويناتك سواء كنت تصممها بنفسك أو تجلبها من الأنترنيت، من الضروري إعادة تسميتها بكلمات دالة عن الموضوع و هذا أيضا ينبغي عليك أن لا تهمله.

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

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

الثلاثاء، 9 ديسمبر 2014

كيفية وضع أزرار css لروابط مواضيع المدونة

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

 طريق التركيب 

  1. قم بالدخول للوحة النجكم بلوجر ثم القالب ثم إنقر تحرير html .
  2. إنقر وسط الأكواد، إستعن بالزرين (ctrl+f) للبحث عن هذا الوسم: <b:skin>
  3. ثم ضع الكود التالي مباشرة فوق الوسم الذي وجدته.
/* === Button warch-mo Style === */

    .warch-button {
    background-color: #68b12f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CBF3AC), to(#50911e));
    background-image: -webkit-linear-gradient(top, #CBF3AC, #50911e);
    background-image: -moz-linear-gradient(top, #CBF3AC, #50911e);
    background-image: -ms-linear-gradient(top, #CBF3AC, #50911e);
    background-image: -o-linear-gradient(top, #CBF3AC, #50911e);
    background-image: linear-gradient(top, #CBF3AC, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
       }
    .warch-button:hover {
    opacity:.85;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #50911e, #CBF3AC);
    background-image: -moz-linear-gradient(top, #50911e, #CBF3AC);
 }
    .warch-button:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
    }
يمكنك التعديل على الزر كما تشاء: 
#68b12f لون خلفية الزر.
CBF3AC# و 50911e#  قد كررا عدة مرات، وهما تدرج اللون الخاص بالزر، من الأخضر الغامق إلى الفاتح.
#509111 لون محيط الزر.
3px مكرر عدة مرات، هو درجة إستدارة الزر.
white لون الكتابة على الزر.
CBF3AC# و 50911e# مكرر مرتين هو تدرج لون الزر عند تمرير الماوس.

طريقة الإستعمال

أثناء كتابتك للتدوينة و تريد أن تدرج رابط فقط قم بوضع هذا الكود:
<a class="warch-button" href="#"> إضغط هنا </a>
مكان الرمز"#" تكتب الرابط المراد إدراجه.
مكان عبارة "إضغط هنا" سوف تكتب أي شيئ مثلا "تحميل" أو "معاينة" و هكذا.
أتمنى أن تستفيدوا في موضوع اليوم ، أي إستفسار أنا في الخدمة بالتوفيق للجميع في أمان الله.
إقرأ البقية

الاثنين، 8 ديسمبر 2014

طريقة التضليل التلقائي لمحتوى الإقتباس في التدوينات

بقلم: BR MED يوم الاثنين، 8 ديسمبر 2014 القسم : 0 التعليقات
السلام عليكم ورحمة الله وبركاته.
أداة الإقتباس من الأدوات التي يعتمدها المدونين في التحرير بكثرة ، ويكمن دورها في توضيح و تبين المحتوى المقتبس من النص الذي قام الكاتب أو المدون بكتابته. وتختلف أغراض هذا الإقتباس من موقع إلى أخر ، فهناك مواقع تهتم بقضايا إسلامية تستعمله للتفريق بين الأيات القرأنية، أو الأحاديث النبوية، و بين الكلام العادي. أما بالنسبة لمدونتي فأنا أستعمله لتميز الأكواد البرمجية من نص الشرح. وهكذا ، اليوم سنقوم بجعل المحتوى المقتبس سواء أيات أو أكواد يظلل بمجرد النقر عليه ضغطة واحدة فقط ، هذا يجعل ذلك المحتوى سهل النسخ و لن يتعبث الزائر، فأحيانا يجد البعض صعوبة في نسخ الأكواد المقتبسة ،فيظلل البعض و يبقى البعض وغيرها من المشاكل. المهم ننتقل للشرح .
1- نذهب للوحة التحكم بلوجر ثم القالب يستحسن حفظ نسخة من القالب، بعد ذلك نقوم بتحرير html.
2 - نقوم بالضغط و سط الأكواد ،ثم نضغط على الزرين ( crtl+f) ثم نبحث عن الوسم : </body>
3 - ثم ضع فوقه مباشرة هذا الكود:
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;click&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>
4 - قم بحفظ القالب.
إذا رغبت في جعل محتوى الإقتباس يظلل بنقرتين أو دوبلكليك ، قم بإستبدال كلمة click الموجودة في الكود بي dblclick.
هذا كل ما في موضوع اليوم، أتمنى أن تستفيدو منه ، أي إستفسار أنا في الخدمة ، بالتوفيق للجميع ، في أمان الله.
إقرأ البقية