فتح الروابط الخارجية في صفحة جديدة مع إعطائها الوسم Nofollow

فتح الروابط الخارجية في صفحة جديدة مع إعطائها الوسم Nofollow

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

1. عدم الفتح في نافذة المدونة وهذا يجعل الزائر يترك المدونة وربما يكون ما يزال يقرأ 
2. ان تصبح الروابط الخارجية Dofollow مما يؤثر سلباً على المدونة ان كثر وجودها

وقد شرحنا سابقاً ما هو الـ Nofollow , Dofollow في الموضوع التالي إضغط هنــــــا 

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

مثال لرابط سيفتح في صفحة جديدة وله وسم Nofollow

<a href='#' target="_blank" rel="nofollow">الرابط</a>

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

<script type='text/javascript'>
$(document).ready(function() {
$("a[href^='http://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
$(this).attr('rel', 'nofollow');
}
}
);
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
});
</script>
الكود يجمع بين الامرين الفتح في صفحة جديدة والـ Nofollow
لانني وجدت كثير من المدونين يستخدمون كودين منفصلين مما يجعل الأمر ثقيل
وقد حدد الجزء الخاص بالـ Nofollow باللون الأصفر لمن اراد حذف هذا الأمر

Unknown في 3:33 ص إقرأ المزيد

كود تعديل لون تحديد النصوص

كود تعديل لون تحديد النصوص

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

::selection {background-color: #cc0000; color: #fff;}
::-moz-selection {background-color: #cc0000; color: #fff;}
اللون المعلم بالأحمر هو لون التحديد واللون الأصفر هو لون الكتابه
ملحوظة إضافية من يستخدمون انماط خلفيات مختلفة كأن يكون لديهم اكواد في منطقة بخلفية قاتمه ومنطقة بخلفية فاتحة
فالأفضل ان يتركوا الإفتراضي حيث ان الإفتراضي يتعرف عليها تلقائيا ويعدل اللون مع اختلاف الخلفية

Unknown في 3:32 ص إقرأ المزيد

حل مشكلة إختلاف أعداد المواضيع المعروضة

حل مشكلة إختلاف أعداد المواضيع المعروضة

بعض المدونات تواجه مشكلة في اعداد المواضيع المعروضة مثلا يحدد مشرف المدونة 6 مواضيع ثم يجد في صفحة موضوعين وفي صفحة 5 وفي صفحة 1 وفي صفحة 4 وهكذا وهذه المشكلة في الحقيقة هي خطأ من المدون وليس مشكلة في القالب أو في بلوجر 

منصة بلوجر لها حدود لضمان كفاءة العمل ومن تلك الحدود أن لا يزيد حجم الصفحة عن 1 ميجا

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

سؤال كيف اعرض مواضيع كثيرة وموضوع واحد قد يكون 1 ميجا

بلوجر وضعت الحل في صندوق المواضيع وهو زر فاصل اقرأ المزيد اليدوي
هذه صورته

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

أين اضيف الفاصل ؟

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

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

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

تحياتي

Unknown في 3:31 ص إقرأ المزيد

الخمسة النمطية القالب الرابع

الخمسة النمطية القالب الرابع

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

معاينة تحميل

القالب النمطي الرابع

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

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

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

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

 طريقة تعديل روابط القائمة

<li><a href='#'>رابط</a></li>
<li id='sub'><a class='suba' href='#'>قائمة</a>
<ul id='drop'>
<li> <a href='#'>فرعي</a></li>
<li> <a href='#'>فرعي</a></li>
<li> <a href='#'>فرعي</a></li>
<li> <a href='#'>فرعي</a></li>
</ul>
</li>
<li><a href='#'>رابط</a></li>
<li><a href='#'>رابط</a></li>

تكرار الكود الاحمر يساوي رابط جديد
تكرار الكود الازرق يساوي قائمة جديدة
تكرار الكود الاخضر يساوي رابط فرعي داخل القائمة

 تنبيه هام لا يسمح بحذف الحقوق ويرجى الإلتزام بشروط الإستخدام

Unknown في 3:30 ص إقرأ المزيد

تعلم طريقة تصميم لوجو بدون برامج

تعلم طريقة تصميم لوجو بدون برامج

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

اول شئ يجب ان تقوم بتحديده هو ايقونة احترافية بحيث تعطي لمسة جيدة للوجو ابحث عن ايقونة احترافية تتناسب مع محتوى مدونتك مثال انا مدونتي متخصصة في بلوجر لذا سأدخل بحث صور جوجل واكتب Blogger icon لتظهر لي ايقونات بلوجر واختار ادوات البحث ثم الحجم ثم احدد رمز هذا بالنسبة لبحث جوجل كل ما عليك ان تضع بجوار المحتوى التي تتكلم عنه مدونتك كلمة icon مثال لو موقعي متخصص في البرامج سأكتب مثلا software icon وهكذا , أو هناك موقع للأيقونات يمكنك البحث به هذا هو الموقعwww.iconarchive.com بعدما ان تختار ايقونة مناسبة وتحفظها على جهازك قم بتطبيق الشرح كما في الفديو التالي

وهذه أمثلة تم تطبيقها

 وبالتوفيق

Unknown في 3:29 ص إقرأ المزيد

قالب التنظيف لمدونات بلوجر

قالب التنظيف لمدونات بلوجر

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

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

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

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

ثم تحذف كل شئ موجود في صندوق التحرير ثم تضيف أكواد قالب التنظيف وتضغط حفظ

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

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : CNMU Cleaning Template
Designer URL  : http://cnmu.blogspot.com
year          : 2015
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>

Unknown في 3:28 ص إقرأ المزيد

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

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

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

 مميزات القالب يتمتع بافضل اكواد seo لتجعل مواضيعك في صدارة جوجل وارشفة سريعة عليك تغيرها ببياناتك مثلي

 

أيضا صندوق عرض الاكواد في بلوجر مثل هكذا 

كود HTML

كود CSS

كود Javascript

كود JQuery

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

Unknown في 3:28 ص إقرأ المزيد