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

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

مميزات الاضافة

 تسهيل التحميل لزائرى المدونة
تسريع المدونة
تناسبه مع جميع المدونات وجميع المتصفحات
لابمكن استخدام هذا الكود الا فى مدونات بلوجر

كيفية تركيب الاضافة

 الدخول الى لوحة تحكم الرسالة

اختيار وضع HTML كما بالصورة

ثم ضع الكود التالى فى المكان الذى تريد
<div trbidi=”on” style=”text-align: right;” dir=”rtl”>

<div style=”text-align: center;”>
</div>
<div style=”color: red; text-align: center;”>
<style type=”text/css”>
div.background
  {
  width:585px;
  height:60px;
  background:url(http://4.bp.blogspot.com/-z156K3xU9Xk/Ulk6mmee0oI/AAAAAAAAADg/2-vfVmbcfRM/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat;
  border:2px solid white;
  }
div.transbox
  {
  width:566px;
  height:26px;
  margin:26px 9px;

  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
</style></div>
<div style=”color: red; text-align: center;”>
</div>
<div style=”color: red; text-align: right;” class=”background”>
<div class=”transbox”>
<a href=”https://sites.google.com/site/morfkatmdontkblog/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D8%A7%D8%B6%D8%A7%D9%81%D8%A9%20%D8%A7%D8%AF%D8%A7%D8%A9%20%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A9%20%D8%A7%D9%84%D9%89%20%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%20%D9%81%D9%82%D8%B7%20%D9%85%D9%86%20%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83.docx“>كيفية اضافة المرفقات.docx</a> (91 KB)</div>
</div>
</div>

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

معاينة وتحميل الشرح

div.background { width:585px; height:60px; background:url(http://4.bp.blogspot.com/-z156K3xU9Xk/Ulk6mmee0oI/AAAAAAAAADg/2-vfVmbcfRM/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat; border:2px solid white; } div.transbox { width:566px; height:26px; margin:26px 9px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; }

دمج تعليق مدونة بلوجر مع تعليق جوجل بلس 2013

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

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

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

ازهب الى لوحه التحكم

ثم  القالب

صورة توضيح مثل ما فى الصورة
وأضف الكود التالى تحته مباشر

gapi.comments.render('gcomments', {
    href: window.location,
    width: '570',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
$('#comments-norm').click(function(){
// switch to normal comments displaying
$('#gcontainer').css('display','none');
$('#comments').css('display','block');
$('#comments-norm').addClass('comment-on');
$('#comments-gplus').removeClass('comment-on');
$('#comments-norm').attr('src','http://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png&#039;);
$('#comments-gplus').attr('src','http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png&#039;);
});
$('#comments-gplus').click(function(){
// switch to google plus comments displaying
$('#comments').css('display','none');
$('#gcontainer').css('display','block');
$('#comments-norm').removeClass('comment-on');
$('#comments-gplus').addClass('comment-on');
$('#comments-norm').attr('src','http://lh3.googleusercontent.com/-ZDxk9ANrLNE/UXVi6ulLzvI/AAAAAAAAILg/jiUy8rJS_Ok/s50/blogger_off.png&#039;);
$('#comments-gplus').attr('src','http://lh3.googleusercontent.com/-oNlD347wl3k/UXVi7AiBdHI/AAAAAAAAILc/NxAyb8fwEfI/s50/plus_on.png&#039;);
});
$('#comments-norm').hover(
// switch to normal comments displaying
function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','http://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png&#039;);}
}, function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','http://lh3.googleusercontent.com/-ZDxk9ANrLNE/UXVi6ulLzvI/AAAAAAAAILg/jiUy8rJS_Ok/s50/blogger_off.png&#039;);}
}
);
$('#comments-gplus').hover(
// switch to gplus comments displaying
function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','http://lh3.googleusercontent.com/-oNlD347wl3k/UXVi7AiBdHI/AAAAAAAAILc/NxAyb8fwEfI/s50/plus_on.png&#039;);}
}, function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png&#039;);}
}
);

#gcontainer {
display: none;
}
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
    float: left;
}
  #comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
  #gcontainer {
margin-left: 40px;
    margin-top:20px;
    float: left;
}

مثل ما فى الصورة 
ثم ابحث عن الكود التالى 

]]>

أذا ما وجد مع البحث ابحث عن الكوت التالى مع توسيع القالب مثل ما عملنه فى السابق

أضف فوقه مباشر هذا الكود

/*****************************************
Bloggerheroe.com Blogger and G+ Comment System
******************************************/
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
float: left;
}
#comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
#gcontainer {
margin-left: 40px;
margin-top:20px;
float: left;
}
.commentwith h5 {
text-transform: uppercase;
font-family: ‘Oswald’, Arial, Helvetica, sans-serif;
font-size: 24px;
color:#1BA1E2;
font-weight: normal;
line-height: 25px;
margin-bottom: 35px;
float: left;
margin: 15px;
}

ثم أبحث عن الكود التالى 
ملحوظة : سوف تجد الكواد اكثر من وحد الكواد الثانى صو المقصود 
أضف الكود تحته مباشر

 
 

   

أضف تعليق


   

OR

   

اكتب شئ

               

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

قالب تقني على شكل سكريبت مجله الكترونيه (قالب المساعد العربي-v7)

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

مميزات القالب
  •    1-قالب انيق ومميز واحترافي 
  •    2-يتميز القالب بقائمه منسدله احترافيه
  •    3-يتميز بخفة في التصفح
  •    4-يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
  •    5-اضافة الاشتراك في المواقع الاجتماعيه
  •    6-سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
  •    7-يتميز القالب بسلايدرات احترافيه تلقائيه ذاتية التشغيل
  •    8-اضافة مشاركة المواضيع على الشبكات الاجتماعيه
  •    9-اضافة كاتب الموضوع اسفل التدوينه
  •    10-إضافة لمشاركة المواضيع على الشبكات الإجتماعية
  •    11-إضافة اقرا المزيد
  •    12-يتميز القالب باربع قوائم اسفل الفوتر
  •    13-يحتوي على خطوط ويب مميزه واحترافيه
  •   14 -يتميز القالب بتعليقات بلوجر المترابطه
  •   15-صفحات مرقمه بشكل جميل واحترافي
  •   16-متوافق مع اشهر المتصفحات ماعدا انترنت اكسبلور
  • وهناك المزيد حقا سيعجبك القالب

معاينة وتنزيل القالب

۞ معاينة القالب ۞ تحميل القالب

تخصيص القالب

  • الشعار

لتغير لوجو المدونه قم بالبحث عن :

http://1.bp.blogspot.com/-xN29CGgaBOk/UkFYN0PBhuI/AAAAAAAACBQ/FFh2RN6TB0E/s1600/albaadani-web%281%29.png

واستبدله برابط شعار مدونتك

يمكنك تحميل شعار البعداني ويب psd مفتوح المصدر للتعديل عليه حسب رغبتك

۞ تحميل ▼

تخصيص المحتوى للقالب

القالب يحتوي على كتير من ألسليدرات كلها متشابهة وتعتمد هذه السلايدرات على عرض مواضيع قسم معين من اقسام المدونه ,  ولكن  يجب ان يتوافر لديك رابط مهم جدا لتشغيل جميع السلايدرات التي في القالب وسوف يكون الرابط كالتالي  :
http://رابط مدونتك/feeds/posts/default/-/اسم القسم?published&alt=json-in-script&callback=labelthumbs
عوض ما باللون الاحمر  برابط المدونة و اسم القسم المراد عرض مواضيعه
مثال
http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs
ولنفترض ان لديك 4 اقسام في المدونه وتريد عرضها في القالب في جميع السلايدرات الموجوده , فبهذه الحاله سوف تكرر العمليه السابقه اربع مرات بعدد اقسام المدونه ولكن مع مراعاة تغيير اسم القسم داخل الرابط 
فمثلا انا لدي 4 اقسام هي   اضافات بلوجر , قوالب بلوجر ,دروس بلوجر ,تقنيه
سوف اقوم باضافته للرابط السابق كالتالي
http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs 
http://www.alb33dani.com/feeds/posts/default/-/قوالب بلوجر?published&alt=json-in-script&callback=labelthumbs
http://www.alb33dani.com/feeds/posts/default/-/دروس بلوجر?published&alt=json-in-script&callback=labelthumbs
http://www.alb33dani.com/feeds/posts/default/-/تقنيه?published&alt=json-in-script&callback=labelthumbs

الان  بعد ان قمنا بعمل روابط لاقسام المدونه يجب ان نجعل الروابط الذي قمنا بالتعديل عليها مختصره عن طريق الموقع التالي

http://goo.gl/

 قم بادخال الربط داخ المستطيل واضغط على SHORT URL لتحصل الى الرابط المحتصر

الان بعد ما حصلنا على 4 روابط مختصره سوف نحتفظ بها لاننا سنحتاجها فيما بعد

  • نقوم اولا بتخصيص السلايدر شو الاساسي 

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

ثانيا تخصيص اداة احدث التدوينات 

قم بالبحث عن الرابط التالي

 

 واستبدله بالرابط المختصر للقسم الثاني الذي اضفته مسبقا

  تخصيص السلايدر الافقي اسفل اداه احدث التدوينات

قم بالبحث عن الرابط التالي

 

 واستبدله بالرابط المختصر للقسم الثالث الذي اضفته مسبقا

  تخصيص قائمة المواضيع اسفل السلايد الافقي

قم بالبحث عن الرابط التالي

 

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

  تخصيص قائمة عرض المواضيع حسب التسميات اسفل القالب

هذا المستطيل يعتمد على عرض المواضيع حسب التسميات ( الاقسام ) لذا كل ماعليك هو اولا وضع اسم للقسم الذي تحب ان تعرض مواضيع داخل هذا المستطي وايضا الرابط المختصر للقسم (الذي انشئناه مسبقا في اول الشرح)

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

    ستجد الكود بهذا الشكل

    1
    2
    3
    4
    5
    6
    7
    <ul class='maintabNav'>     
    <li class='firstTab active' style=''>
        <a href='#maintabs-1' title='اسم القسم 1'><span class=''>اسم القسم 1</span></a></li>
    <li><a href='#maintabs-2' title='اسم القسم 2'><span class=''>اسم القسم 2</span></a></li>
    <li><a href='#maintabs-3' title='اسم القسم 3'><span class=''>اسم القسم 3</span></a></li>
    <li><a href='#maintabs-4' title='اسم القسم 4'><span class=''>اسم القسم 4</span></a></li>
    </ul>

    قم بكتابة اسماء التسميات(الاقسام) الخاصه بك داخ الكود السابق  كما هو موضح كل قسم ستكتب اسمه مرتين

    الان ننتقل  الى كيفية اضافة روابط هذه الاقسام

    قم بالبحث عن الكلمات التالي 
    الرابط المختصر للقسم 1

    الرابط المختصر للقسم 2

    الرابط المختصر للقسم 3

    الرابط المختصر للقسم 4
    واستبدل كل جمله  بالرابط  المختصر   للقسم الذي تريد عرضه  >ويجب ان يكون ترتيبها حسب ترتيبك لاسماء مواضيع التسميات  التي اضفتها في الكود السابق
    الان قم بحفظ القالب واستمتع بالقالب الاحترافي الجديد في مدونتك

    اتمنى ان اكون قد وفقت لتوصيل المعلومه وفي حاله حصول اي مشكله عند التركيب قم بوضع تعليق

    حصرياً: كيف تركب أكثر من قالب في آنٍ واحد لمدونة بلوقر

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

    Light bulb فكرة تركيب أكثر من قالب للمدونة

    هل يمكن نزع خصائص الأنماط CSS من قالب المدونة وجعله في ورقة أنماط خارجيه، من ثم استحضاره ؟. هذا هو السؤال الذي بدر في ذهني وكنت واثق بأن بلوقر بمشيئة الله لن يمنع هذا ، جربت الطريقة ونجحت ، إذاً هذا هو المفتاح ، الخطوة التالية هو استخدام إضافة تعتمد على مكتبة الجي كيوري وهي Switchstylesheets ، ستسمح لنا هذه الإضافة بالتنقل بين النمط الافتراضي للمدونة وأوراق الأنماط الخارجية البديله ، مع الاحتفاظ بالنمط ( القالب ) الذي يختاره الزائر ما لم يحدث الصفحة أو يحذف بيانات التصفح ( الكوكيز )، إذا  فالطريقة باختصار (1) ترك القالب الأصلي كما هو ليصبح هو القالب الافتراضي (2) حفظ القوالب البديلة في أوراق أنماط خارجية ثم رفعها وحفظها في مكان مناسب مثل Dropbox أو google sites أو google code . ثم (3) تركيب الإضافة . ثم (4) عمل أزرار بسيطة لزائر المدونة ليتنقل بين القوالب.

     Secret telling تنبيه قبل الخوض في شرح تركيب القوالب المدمجة

      في البدء أنبه على أن القوالب يجب أن تكون متناسقة من ناحية بناءها أقصد هيكل كود HTML ، وكذلك لها نفس أسماء خصائص CSS ، مثلاً إذا أسميت خصائص القائمة الجانبية ( sidebar_left ) في القالب الافتراضي ، فيجب أن يكون له نفس الاسم في بقية القوالب البديلة. ولو أسميته في القوالب البديلة مثلاً ( sidebarleft ) بدون علامة الشرطة السفلية ( _ ) فسوف لن يتم أي تغيير على القائمة الجانبية وستبقى القائمة الجانبية تحت تأثير خصائص القالب الافتراضي. لماذا ؟  ، الجواب: لأن جميع القوالب ستستخدم بناء هيكلي HTML واحد ، وقد علمت أو ستعلم أن HTML تستدعي خصائص CSS بأسمائها ، إذاً HTML سيعطي اسماً واحداً لكل خصيصة ولن يتبنى أي اسم آخر لنفس الجزء .. هذا الكلام سيكون مملاً إذا قضيت ساعة واحده في تعلم HTML و CSS.
    إذاً فما رأيك في حل بسيط وآمن جداً وهو استخدام قالب واحد ، ثم نجري عليه التعديلات قلّت أو كثرت ، ثم نصدره كقالب بديل ، ثم نجري تعديلاً ثانٍ ونصدره كقالب بديل ثالث ؟ وهكذا … هذا ما فعلته أنا على أي حال. تنبه! أيها المُبارك الخطوات يجب أن تكون حسب هذا السيناريو 1. تنشئ مدونة جديدة ثم ترفع عليها القالب الأصلي ، ثم لا تجري التعديلات على هذه المدونة بل 2. نزل نسخة من القالب وارفعها في مدونة جديدة ثانية غير الأولى، الآن عدل عليها واحفظ قالبها، هذه الآن مدونة تحمل القالب البديل الأول 3. أنشئ مدونة جديدة ثالثة ارفع عليها القالب الأصلي أجري عليها التعديلات احفظها هذه المدونة الثالثة التي تحمل القالب البديل الثاني. النتيجة: ثلاثة مدونات الأولى تحمل القالب الأصلي أي الافتراضي، الثانية تحمل القالب البديل الأول، الثالثة تحمل القالب البديل الثاني … افعل هذا وإذا انتهيت إنشاء هذه المدونات الثلاث فتعال نكمل لعل الله أن يفتح علينا!

    نزع خصائص CSS وحفظها في ورقة أنماط خارجية

    الآن وبعد إنشاء المدونات الثلاث ، سنقوم بنزع الجزء المحتوي على خصائص CSS من كل قالب بديل ، وسنترك القالب الافتراضي بدون أن ننزع منه أي شيء!. ستقول لماذا لا ننزع من القالب الافتراضي ؟ ، الجواب: يمكن نزعه وستنجح الطريقة بدون مشاكل إن شاء الله ، بل انه جيد لمن يحبون إظهار القالب في سطور أقل، وكنت حتى قبيل نشر القالب الثلاثي أعتمد هذه الطريقة ، لكن واجهت سلبية طفيفه ولكنها مزعجه وهي أن الزائر الذي سيفتح المدونة لأول مرة سيرى المدونة لثانيةٍ أو جزء منها بدون تنسيق نظراً لأن القالب محفوظ على ورقة أنماط خارجية ويتطلب هنية حتى يتم تطبيق القالب الافتراضي على المدونة ، ولكن بترك القالب الافتراضي كما هو بدون نزع الخصائص سيظهر القالب الافتراضي مباشرة ، بالإضافة الى ميزة أخرى وهي في حال تعطل الإضافة لأي سبب كالحذف أو توقف الخدمة التي اشتفت عليها ملفات الأنماط ، فلن يؤثر على المدونة ولن تخسر زواراً .. مرة أخرى يبدو أني أطلت، اليك طريقة نزع الخصائص:
    الخطوة الأولى:  من المدونة الثانية – أي القالب البديل الأول – قُم بنسخ جميع الأكواد الواقعة  ما بين :
    هذا السطر:
    >

    <![CDATA[

    وهذا السطر:
    ]]></b:skin>
    الخطوة الثانية:  قم بفتح ملف نصي والصق فيه جميع الأكواد التي نسختها من الخطوة الاولى.
    الخطوة الثالثة: احفظ الملف النصي بصيغة CSS ، مثلاً سمه:   style1.css .
    الخطوة الرابعة: كرر الخطوات السابقة مع القالب البديل الثاني الموجود في المدونة الثالثة ، لينتج عندك ملفان style1.css و style2.css. هذه هي أوراق الأنماط الخارجية البديلة!

    حفظ أوراق الأنماط وملف الإضافة

      الملفات التي نحتاجها لإنشاء قالب ثلاثي عددها أربعة ، الأول: مكتبة الجي كيوري التي تعتمد عليها الإضافة، لستَ مضطراً لرفعها لأن قوقيل توفرها لك وكذلك ميكروسوفت سنرى لاحقاً ، الثاني: ملف الإضافة يمكن تنزيله من موقع المطور من هنا ، عبارة عن ملف مضغوط يحتوي على ملف الإضافة ( styleswitch.js ) وملفات أخرى عبارة عن مثال حي من المطور ليوضح كيف تعمل الإضافة. الملفان الثالث والرابع: هما أوراق الأنماط style1.css و style2.css  ..
    عليك رفع ملف الإضافة وورقتي الأنماط في استضافة مناسبة، استخدم الموقع الذي يعجبك المهم أن يوفر روابط مباشرة مثل  Dropbox أو google sites أو google code أو ؟؟؟ .

    شرح استيراد ملفات الإضافة وتركيبها في بلوقر

    ابحث عن نهاية وسم رأس القالب أي هذا السطر :
    </head>
    الآن قبله مباشرة انسخ هذا الكود:
    <link rel="alternate stylesheet" type="text/css" href="style2.css" title="styles2" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="style3.css" title="styles3" media="screen" />
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>
    <script type="text/javascript" src="http://alblogger-gen.googlecode.com/svn/trunk/styleswitch.js"></script>
      السطر الأول والثاني: خاصان باستيراد أوراق الأنماط للقوالب البديله ، أكتب رابط كل ورقة في الموضع المضلل باللون الأصفر، عنوان الرابط title المضلل بالأخضر مهم لأننا سنستخدمه لاحقاً، ولاحظ أننا كتبنا alternate stylesheet في القيمة rel وتعني ورقة الأنماط البديله.  السطر الثالث: خاص باستيراد مكتبة الجي كيوري اتركه كما هو فهذا مستضاف في قوقيل ، السطر الرابع: خاص باستيراد ملف الإضافة نفسه وهو مستضاف في حساب خاص بمدونة البلوقر في قوقيل كود، تفضل باستخدامه ان شئت وإن شاء الله لن أحذفه أبداً كما ذكرت في تدوينات سابقة.
    بهذا ستكون مدونتك مدونة ذات ثلاثة قوالب في آنٍ واحد ، بقي أن نوفر لزوار مدونتك أزراراً تمكنه من التنقل بين القوالب ، لنتابع:

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

      أزرار الاختيار إما تدمجها مع هيكل المدونة HTML وبالتالي أي مستخدم لقالبك ستظهر عنده مباشرة، أو تجعلها على هيئة أداة يضيفها المستخدم عن طريقة إضافة أداة HTML/Javascript من واجهة عناصر الصفحة، مثلاً لنجعلها بسيطة ونصية وبالتالي نكتبها هكذا:
    <p>اختر قالبا</p>
    <ul>
    <li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">القالب الافتراضي </a></li>
    <li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">القالب البديل الأول</a></li>
    <li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">القالب البديل الثاني</a></li>
    </ul>
    ولاحظ أن قيمة rel هنا يجب أن تكون مماثلة لـ title في الكود المتعلق باستيراد أوراق الأنماط وضللناه باللون الأخضر سابقاً ، أيضاً من الضروري كتابة قيمة class كما هو موضح .. بقي عليك أن تبدع في تصميم أزرار اختيار لمدونتك، أو يمكنك استخدام أزرار القالب الثلاثي الذي نشرته سابقاً والتعديل عليه كما تشاء ..
    هذه هي الطريقة آمل أن يكون هذا الشرح واضح ليس فيه غموض ، أتمنى أن يستخدم الإخوة المعربين والمصممين هذه الإضافة ، ويستخدمونها بطرق متنوعة !
    تحياتي العاطرة Rose

    تفضيلات البحث بلوحة تحكم بلوجر الحديثة لتحسين أرشفة مدونات بلوجر

    بسم الله الرحمن الرحيم
     والصلاة والسلام على أشرف المرسلين
    سيدنا محمد وعلى آله وصحبه أجمعين

     تفضيلات البحث Search Preference Option ميزة رائعة على منصة بلوجر الجديدة حيث أنها أتاحت لمدونات بلوجر الأرشفة  بوضع وصف ميتا تاج لتكون المدونة صديقة لمحركات البحث

    blogger

     والآن نستعرض مميزات منصة بلوجر الجديدة وكيفية التعامل معها:

    1.  وصف بحث الميتا للمدونة
    2. وصف بحث مخصص لكل موضوع أو رسالة. 
    3. توجيه الزائر برسالة معينة إذا لم يتم العثور على الصفحة المخصصة (صفحة خطأ ) Error 404
    4. عمليات إعادة التوجيه المخصصة.
    5. أرشفة الصور فى محرك بحث جوجل للصور.
    6. برامج الزحف والفهرسة 

    وكل هذه الخصائص كنا فى السابق نطبقها بوضع بعض الأكواد بتحرير HTML مما قد يسبب  حدوث خطأ فى القالب أما الآن فالموضوع أصبح أفضل كثيراً.

    تمكين تفضيلات البحث لمدونات بلوجر

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

    •  وصف البحث

      وفيه نكتب وصف قصيرعام للمدونة ككل بحيث سيظهر الوصف فى نتيجة البحث عن الصفحة الرئيسية للموقع
    metatag for blogger  

    •  وصف بحث مخصص لكل موضوع  Custom Post Meta Description

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

    • توجيه الزائر برسالة معينة إذا لم يتم العثور على الصفحة المخصصة (صفحة خطأ ) Error 404

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

    ويمكنك بنسخ هذا الكود بتفضيلات البحث بتويب “لم يتم العثور على الصفحة المخصصة”

    عذرا الصفحة المطلوبة غير موجودة يرجى إعادة كتابة الرابط بشكل صحيح أو الرجوع للخلف
    <br/>
    <img src="https://lh5.googleusercontent.com/-CoLBGpw_1XY/T4ShUwV52gI/AAAAAAAABLA/lpopz03TYKM/s500/old-paper-message.jpg" alt=" الصفحة غير موجودة " width=500 height=400 border=0>
    <br/>
    <a href="http://conda3ianllkhir.blogspot.com/"> Get it here </a>

     

    صفحة خطأ

    ستحصل على هذه الصورة تعلوها رسالة معينة للزائر داخل مدونتك عند وجود صفحة محذوفة

    يمكن التعرف على الروابط التى لم يتم العثور عليها من هــناااااا
    • إعادة التوجيه المخصصة 

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

    • أرشفة الصور فى محرك بحث جوجل للصور.

      كتابة تسمية الصورة  من خلال كود” Alt” يساعد فى أرشفة الصورة فى محرك بحث جوجل للصور وقد كنا فى السابق نقوم بكتابة عنوان أو تسمية للصورة بشكل يدوى فى تحرير html للموضوع مما قد يسبب أخطاء برمجية.

      ولكن الآن منصة بلوجر الجديدة أتاحت لنا كتابة عنوان و “alt ” للصورة بكل سهولة دون عناء 
      ويتم تطبيق بالضغط على الصورة بعد رفعها حتى يظهر شريط أدوات الصور
      ثم الضغط على Properties
      سيظهر مكان لكتابة عنوان أو تسمية للصورة title text
      وكتابة الكلمات المفتاحية التى تدل على الصورة alt text


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

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