الأحد، 1 فبراير 2015
السلام عليكم ورحمة الله وبركاته
متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، المهم كما عودتكم دائما بجديد المواضيع ، لقد ذكرت سابقا في إحدى التدوينات كيفية إنشاء أزرار التحميل والمعاينة و هذا الموضوع هو في نفس السياق إلا أن هذه الأزرار هذه المرة بها أيقونات تدل على غرضها مع أنها أكثر إحترافية و ستزيد من مدى جمالية مدونتك، و لتركيبها ما عليك إلا متابعة الشرح.
متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، المهم كما عودتكم دائما بجديد المواضيع ، لقد ذكرت سابقا في إحدى التدوينات كيفية إنشاء أزرار التحميل والمعاينة و هذا الموضوع هو في نفس السياق إلا أن هذه الأزرار هذه المرة بها أيقونات تدل على غرضها مع أنها أكثر إحترافية و ستزيد من مدى جمالية مدونتك، و لتركيبها ما عليك إلا متابعة الشرح.
- أولا نذهب للوحة التحكم بلوجر ثم القالب.
- نقوم بأخذ نسخة إحطياطية دائما لتفادي أي غلط بالرغم من سهولة الشرح
- بعد ذلك نقوم بالضغط على تحرير html و ننقر وسط الأكواد.
- نبحث عن هذا الوسم ]]></b:skin> مستعينا بالزراين(ctrl+f).
- ثم ضع فوقه هذا الكود مباشرة و قم بحفظ القالب.
#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;
}
<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
السلام عليكم و رحمة الله وبركاته.
كما تعودنا دائما مع ورشة مدون نتعلم أشياء جديدة تجعلنا نتحسن يوما بعد يوم، تختلف أغراض التدوين و تختلف مجالاته أيضا، فهناك مدونات عامة و مدونات شخصية أي تهم صاحبها فقط و غرضنا اليوم هو إضفاء لمسة جديدة عن شكل المواضيع في المواقع أو المدونات، و هذه الأخيرة تتم عبر تقسيم الموضوع إلى عمودين أو أكثر و جعل الكتابة شبيهة بالشكل المتداول في الصحف و المجلات
هذه الإضافة مميزة وستزيد من جمالية مدونتك، خصوصا المدونات التي بها مواضيع طويلة و التي تتعب الزائر الذي يقرأها.
كما تعودنا دائما مع ورشة مدون نتعلم أشياء جديدة تجعلنا نتحسن يوما بعد يوم، تختلف أغراض التدوين و تختلف مجالاته أيضا، فهناك مدونات عامة و مدونات شخصية أي تهم صاحبها فقط و غرضنا اليوم هو إضفاء لمسة جديدة عن شكل المواضيع في المواقع أو المدونات، و هذه الأخيرة تتم عبر تقسيم الموضوع إلى عمودين أو أكثر و جعل الكتابة شبيهة بالشكل المتداول في الصحف و المجلات
هذه الإضافة مميزة وستزيد من جمالية مدونتك، خصوصا المدونات التي بها مواضيع طويلة و التي تتعب الزائر الذي يقرأها.
طريقة إضافة الآداة
- نذهب للوحة التحكم بلوجر ثم القالب ثم ننقر تحرير html
- ننقر وسط الأكواد و نستعن بـ ( crtl+f) للبحث عن الوسم التالي: ]]></b:skin>
- بعدها نقوم بوضع الكود التالي فوقه مباشرة.
.warchgufs
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
الرقم 2 هو عدد الأعمدة يمكنك تغيره بما يعجبك.
طريقة التطبيق على المواضيع.
عند كتابتك لموضوع معين و تريد أن يظهر على شكل أعمدة ، قم بوضع النص داخل الكود التالي:
<div class='warchgufs'> ضع نص الموضوع هنا </div>
مكان العبارة الحمراء ضع النص المراد تقسيمه
هذا كل ما في موضوع اليوم أثمنى أن أكون قد أفدتكم ، أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله.
الأربعاء، 17 ديسمبر 2014
السلام عليكم و رحمة الله وبركاته.
غالب المدونين يقومون ببعض الإصلاحات و التعديلات، في مدوناتهم إما في المحتوى وطرق عرضه ، أو في القالب و أو إضافة معينة ، و في هذه المرحلة قد يتشوه القالب أحيانا لقدر الله ، و إن كانت المدونة لها زوار و متابعين كثر قد يأخدون إنطباع سيئ على مدونتك، و في أغلب الحالات يقوم أصحاب المدونات بتلبيس مدوناتهم بقوالب تخبر الزوار بأن الموقع في طور الإنشاء أو الإصلاح.
هذا ما جعلني اليوم أطرح هذا القالب الخاص بمدونات البلوجر في طور التعديل أو الإصلاح، والذي يعكس لدى الزوار ما إحترافية المدون في إدارة مدونته .
غالب المدونين يقومون ببعض الإصلاحات و التعديلات، في مدوناتهم إما في المحتوى وطرق عرضه ، أو في القالب و أو إضافة معينة ، و في هذه المرحلة قد يتشوه القالب أحيانا لقدر الله ، و إن كانت المدونة لها زوار و متابعين كثر قد يأخدون إنطباع سيئ على مدونتك، و في أغلب الحالات يقوم أصحاب المدونات بتلبيس مدوناتهم بقوالب تخبر الزوار بأن الموقع في طور الإنشاء أو الإصلاح.
هذا ما جعلني اليوم أطرح هذا القالب الخاص بمدونات البلوجر في طور التعديل أو الإصلاح، والذي يعكس لدى الزوار ما إحترافية المدون في إدارة مدونته .
باسورد فك الضغط:
warch-mo.blogspot.com
مميزات القالب:
- قالب سهل التركيب
- تنسيق وتصميم إحترافي.
- خالي من الأخطاء و العيوب.
- يعتمد لونين أساسيين الأزرق و الأسود.
- يحتوي على عداد يبين متى سيستأنف الموقع العمل مجددا.
- يحتوي صندوق الإشتراكات البريدية من أجل توصل متابعيك بأول نشاط لك بعد رجوعك للتدوين.
- كما يحتوي على أزرار مواقع التواص الإجتماعي.
تعديلات على القالب:
1- التعديل على العداد قم بالبحث عن هذا الكود : <!--Countdown Script-->
بعد أن تجده إنزل قليلا سوف تلاحظ التاريخ الذي قمت بإدراجه مسبقا قم بتغيره بما يناسبك . شاهد الصورة
الرقم 23 خاص باليوم.
December: خاص بالشهر يكتب بالإنجليزية فقط إحترس أن لا تكتبه الفرنسية.
2015: هذا واضح خاص بالسنة.
1: خاص بالساعات.
50: خاص بالدقائق .
30: خاص بالتواني.
هذا كل مافي الأمر يمكنك تغيره حسب رغبتك.
أتمنى أن يعجبك القالب إن واجهت أي صعوبة أنا في الخدمة بالتوفيق قي أمان الله.
الثلاثاء، 16 ديسمبر 2014
شهدنا في الآونة الأخيرة إنتشار و إقبال ملحوظ على الأجهزة الذكية سواء الألواح الإلكترونية أو هواتف الذكية و موضوعنا اليوم سنرى فيه كيف سنستثمر هذا المجال في خدمة الناشرين والمدونين ، وذلك من خلال بعض التطبيقات التي سوف تسهل شيئا ما لهم التدوين و مراقبة مدوناتهم أو مواقعهم و التوصل بكل الإحصائيات سواء تعلق الأمر بالجانب التقنية أو المالية، و كل هذه التطبيقات متوفرة على جوجل بلاي.
سنقوم بتصنيف هذه التطبيقات حسب مهمتها.
2- blogaway: هذا أيضا تطبيق بلوجر يساعدك على كتابة مواضيعك مع إمكانية إدراج صور أو فيديو من جهازك ، و تستطيع إدارة عدة مدونات من خلاله و يمكنك تحميله من هذا [الرابط].
4- gReader | Feedly | News | RSS: تطبيق أجنبي أخر يمكنك من متابعة جديد أخبار المواقع المفضلة لديك ، كما يمكنك من قراءة المواضيع حتى في غياب الشبكة اللاسلكية WI-FI ، ويمكنك تحميله من هذا [الرابط].
6- WebRank SEO: هذا التطبيق يمكن مدراء المواقع و المدونات من مراقبة مؤشرات السيو، و ذلك بالتعرف على ترتيب أليكسا و البايج رانك بالإضافة إلى المزيد من الميزات الأخرى، و يمكنك تحميله من [الرابط].
سنقوم بتصنيف هذه التطبيقات حسب مهمتها.
*صورة مأخوذة للتطبيقات التي أستخدمها شخصيا
خاصة بالتدوين
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
السلام عليكم و رحمة الله و بركاته،
لاشك أن العديد من المدونين و مدراء المواقع المبتدئين يصارعون من أجل كسب ثقة محركات البحث، وهذا من أجل أن تكون النتائج الأولى في بحث جوجل من نصيب مواضيعهم، وهذا قد ينجح فيه بعض المدونين و قد يفشل فيه أخرون، فكل واحد يبحث عن زوار لموقعه خصوصا من محركات البحث.
و اليوم سوف نرى كيف يمكننا مسك الكلمات المفتاحية في محركات البحث، فعلا الرغم من الكلمات المفتاحية التي نقوم بوضعها في أكواد الميتا الخاصة بالقالب إلا أنها لا تكفي، فالأمر يتعلق بمحتوى الويب الذي يشهد تطورا لا على مستوى المضمون و لا على مستوى أسلوب التحرير. وللأسف قد تجد بعض المواضيع قمة في الروعة و الفائدة و لكنها في الصفحة التانية أو الثالثة من نتائج البحث بينما تجد موضوع أخر في الصفحة الأولى حتى القواعد اللغوية غير مظبوطة به، لأن في هذه المرحلة تقنيات السيو هي التي تحكم.
كي تحجز لمواضيعك مكانا يليق بهاعليك أن تعتمد على هذه الخطوات في تحرير مواضيعك :
- العنوان : يجب أن يكون في حدود الكلمات المعبرة عن الموضوع و لا تقم بحشر كلمات لا دخل لها بالموضوع، لتجنب تشتيت إنتباه عناكب محركات البحث. كلما ركزت في العنوان كلما كان أفضل.
- تنسيق رابط الموضوع : فهناك بعض المدونين يتهونون في تنسيق روابط تدويناتهم . وهذا خطأ كبير ؛ بحيث يقومون بإهدار لبنة أساسية من تقنيات السيو كلمات الرابط من الأدوات المهمة التي تعتمد عليها محركات البحث فإذا كنت بصدد كتابة تدوينة لا تنسى إدراج بعد الكلمات المعبرة عن مضمون تدوينتك شرط أن لا يكون الرابط طويلا 4 كلمات كحد أقصى.
- توزيع الكلمات المفتاحية : بشكل متساوي في الفقرات من جهة و في التدوينة كلها من جهة أخرى، -و لا أقصد حشوها- بالإضافة إدراج مرادفات للكلمات المفتاحية فهذا أيضا تعتمد عليه محركات البحث خاصة العملاق جوجل و سعر نقرة بالنسبة لأدسنس مشابه للكلمات المفتاحية الأساسية.
- وصف البحث : أيضا مهم جدا عند كتابة أي تدوينة لا تنسى أن تكتب وصف مناسب و الوصف يكون مثل العنوان إلا أنه قد يكون أطول جملتين مثلا.و هو يشمل توضيحات عن الموضوع الذي تعالجه تدوينتك.
- المصطلحات الأجنبية : كتابة بعض المصطلحات التي هي دخيلة عن اللغة العربية بالحروف اللاتينية مثلا سيو - Seo ترافيك Traffic و هكذا .
- الرابط النصي : و يعني هذا الإحالة إلى مواضيع سابقة و ذلك في حالة ذكرك لمصطلح أو موضوع سابق ، تقوم بإدراج رابط الموضوع بشرط ألا تتجاوز 3 روابط . هذه الطريقة أيضا تساهم في مسك الكلمات المفتاحية في محركات البحث، بالإضافة إلا بناء شبكة باك لينك داخلية قوية.
- تسمية الصور: وهذا يعني في حالة كنت تخصص صور لتدويناتك سواء كنت تصممها بنفسك أو تجلبها من الأنترنيت، من الضروري إعادة تسميتها بكلمات دالة عن الموضوع و هذا أيضا ينبغي عليك أن لا تهمله.
هذه الأساليب يعتمدها مدراء كبار المواقع و المدونات، إذا كل ما عليك هو حسن تطبيق للخطوات التي رأيناها مع الصبر لأن الأمر ليس بالسهل و لن يتحقق في يوم أو يومين و مع مرور الوقت سوف تلاحظ أن حتى واردات الإعلانات تزداد بفضل من الله تعالى.
هذا كل ما في الأمر أتمنى أن لا أنسى شيئا، و في حالة إعتمادك على أساليب أخرى يمكنك أن تشاركها معنا في تعليق من أجل مناقشتها و تصحيح العديد من الطرق التي تطرحها بعدض الشرحات المغلوطة.
الثلاثاء، 9 ديسمبر 2014
تنسيق أزرار التحميل أو المعاينة ببرمجة css، هذه الأزرار تضفي جمالية على مواضيع مدونتك، و تجعل روابط مدونتك في حلة جميلة و إحترافية، عكس الطريقة التقليدية، بالإختصار بكتابة الرابط مباشرة أو عبارة معينة مع إضافة الإرتباط، و الجميل في هذه الأزرار هي أنك تستطيع أن تتحكم في لونها و شكلها و أن تضيف تأثيراتها، فقط بالقليل من الخبرة في أكواد css .
طريق التركيب
- قم بالدخول للوحة النجكم بلوجر ثم القالب ثم إنقر تحرير html .
- إنقر وسط الأكواد، إستعن بالزرين (ctrl+f) للبحث عن هذا الوسم: <b:skin>
- ثم ضع الكود التالي مباشرة فوق الوسم الذي وجدته.
/* === 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
السلام عليكم ورحمة الله وبركاته.
أداة الإقتباس من الأدوات التي يعتمدها المدونين في التحرير بكثرة ، ويكمن دورها في توضيح و تبين المحتوى المقتبس من النص الذي قام الكاتب أو المدون بكتابته. وتختلف أغراض هذا الإقتباس من موقع إلى أخر ، فهناك مواقع تهتم بقضايا إسلامية تستعمله للتفريق بين الأيات القرأنية، أو الأحاديث النبوية، و بين الكلام العادي. أما بالنسبة لمدونتي فأنا أستعمله لتميز الأكواد البرمجية من نص الشرح. وهكذا ، اليوم سنقوم بجعل المحتوى المقتبس سواء أيات أو أكواد يظلل بمجرد النقر عليه ضغطة واحدة فقط ، هذا يجعل ذلك المحتوى سهل النسخ و لن يتعبث الزائر، فأحيانا يجد البعض صعوبة في نسخ الأكواد المقتبسة ،فيظلل البعض و يبقى البعض وغيرها من المشاكل. المهم ننتقل للشرح .
1- نذهب للوحة التحكم بلوجر ثم القالب يستحسن حفظ نسخة من القالب، بعد ذلك نقوم بتحرير html.
2 - نقوم بالضغط و سط الأكواد ،ثم نضغط على الزرين ( crtl+f) ثم نبحث عن الوسم : </body>
3 - ثم ضع فوقه مباشرة هذا الكود:
أداة الإقتباس من الأدوات التي يعتمدها المدونين في التحرير بكثرة ، ويكمن دورها في توضيح و تبين المحتوى المقتبس من النص الذي قام الكاتب أو المدون بكتابته. وتختلف أغراض هذا الإقتباس من موقع إلى أخر ، فهناك مواقع تهتم بقضايا إسلامية تستعمله للتفريق بين الأيات القرأنية، أو الأحاديث النبوية، و بين الكلام العادي. أما بالنسبة لمدونتي فأنا أستعمله لتميز الأكواد البرمجية من نص الشرح. وهكذا ، اليوم سنقوم بجعل المحتوى المقتبس سواء أيات أو أكواد يظلل بمجرد النقر عليه ضغطة واحدة فقط ، هذا يجعل ذلك المحتوى سهل النسخ و لن يتعبث الزائر، فأحيانا يجد البعض صعوبة في نسخ الأكواد المقتبسة ،فيظلل البعض و يبقى البعض وغيرها من المشاكل. المهم ننتقل للشرح .
1- نذهب للوحة التحكم بلوجر ثم القالب يستحسن حفظ نسخة من القالب، بعد ذلك نقوم بتحرير html.
2 - نقوم بالضغط و سط الأكواد ،ثم نضغط على الزرين ( crtl+f) ثم نبحث عن الوسم : </body>
3 - ثم ضع فوقه مباشرة هذا الكود:
<script type='text/javascript'>
var pres = document.getElementsByTagName("blockquote");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("click", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>
4 - قم بحفظ القالب.
إذا رغبت في جعل محتوى الإقتباس يظلل بنقرتين أو دوبلكليك ، قم بإستبدال كلمة click الموجودة في الكود بي dblclick.
هذا كل ما في موضوع اليوم، أتمنى أن تستفيدو منه ، أي إستفسار أنا في الخدمة ، بالتوفيق للجميع ، في أمان الله.
الاشتراك في:
الرسائل (Atom)
مميزة
-
نعلم جيدا أن المواقع الإجتماعية هي من أكبر مصادر الزوار ولهذا سنتعرف اليوم على كيفية إضافة أزرار المشاركة الإجتماعية منها الفيس بوك و تو...
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم و رحمة الله و بركاته, حقوق القوالب هو موضوع تدوينتنا اليوم أحبابي في الله , إن كنت من مصممين القوالب أو تقوم بتعريبها و عان...
-
السلام عليكم ورحمة الله تعالى و بركاته. أحيانا أثناء تصفحنا للمواضيع في المدونات و المواقع نشعر بالتعب في أعيننا و نحن نحاول قراءة بعض ...
-
السلام عليكم و رحمة الله تعالى وبركاته تعتبر التعليقات خاصية مهمة في المداونات و المواقع عامة، و هي بمثابة الشريان الذي يصل بين المدو...
-
بعد أن رأينا في التدوينة السابقة أهم المناطق التي يجب أن نضع فيها الأعلانات للرفع من معدل النقرات،شاهد التدوينة من ((هنا)) سوف نشر...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله و بركاته قالب بلوجر الخاص بمدونة المحترف أخر إصدار أعلم أن الكثير من المدونين يعشقون هذا النوع من القوالب , وهذ...
تعليقات الزوار
تواصل معنا على الفيسبوك
أهم المواضيع
-
نعلم جيدا أن المواقع الإجتماعية هي من أكبر مصادر الزوار ولهذا سنتعرف اليوم على كيفية إضافة أزرار المشاركة الإجتماعية منها الفيس بوك و تو...
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم و رحمة الله و بركاته, حقوق القوالب هو موضوع تدوينتنا اليوم أحبابي في الله , إن كنت من مصممين القوالب أو تقوم بتعريبها و عان...
-
السلام عليكم ورحمة الله تعالى و بركاته. أحيانا أثناء تصفحنا للمواضيع في المدونات و المواقع نشعر بالتعب في أعيننا و نحن نحاول قراءة بعض ...
-
السلام عليكم و رحمة الله تعالى وبركاته تعتبر التعليقات خاصية مهمة في المداونات و المواقع عامة، و هي بمثابة الشريان الذي يصل بين المدو...
-
بعد أن رأينا في التدوينة السابقة أهم المناطق التي يجب أن نضع فيها الأعلانات للرفع من معدل النقرات،شاهد التدوينة من ((هنا)) سوف نشر...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله و بركاته قالب بلوجر الخاص بمدونة المحترف أخر إصدار أعلم أن الكثير من المدونين يعشقون هذا النوع من القوالب , وهذ...







