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

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

تعديـــــــــــــــل الشعـــــــــــــــــــار


  • تعديل شعار القالب واستبداله بشعار خاص بمدونتك 
  • من لوحة التحكم 
  • اختر قالب
  • تحرير html
  • علم خانة - توسيع قوالب عناصر واجهة المستخدم 
  • اضغط على المفتاح f 3 وابحث عن الكود <div class='left' id='logo'> ستجده بالشكل التالـــــي :

<div class='left' id='logo'>

<a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='122' src='http://lh5.ggpht.com/_fQliT1HyqQc/Sye4IXmsHVI/AAAAAAAAAzk/6mECuJmRn4Y/doaib-logo-2.png' width='425'/></a>

<div id='tagline'><data:description/></div>

</div>

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

width='425      اللون الأزرق عرض الشعار
height='122     اللون الأخضر ارتفاع الشعار

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

تعديل الشريط الأفقي (القائمة الأفقية) 



يمكنك تعديل القائمة الأفقية للمدونة واضافة أقسام أو صفحات أخرى لمدونتك قم بالبحث عن الكود  <ul class='left clearfloat' id='page-bar'> ستجد الكود بالشكل التالــــــي :


 <ul class='left clearfloat' id='page-bar'>

<li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>

<li><a href='http://blogger-onlin.blogspot.com/2012/11/blog-post_12.html'>فهــــرس المدونــــة</a>
</li>

<li><a href='http://blogger-onlin.blogspot.com/2012/11/blog-post_6864.html'>اطلب مساعدة من الزوار </a>
</li>

<li><a href='http://blogger-onlin.blogspot.com/2012/11/blog-post_7235.html'>الدعم المباشر من الإدارة </a>
</li>

<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>التعليقات </a></li>
</ul>

اذا أردت تغيير اي من الصفحات قم بادراج رابط الصفحة التي تود توجيه الزوار اليها مكان الرابط باللون الأزرق وتغيير اسم الصفحة مكان الكلمات باللون الأحمر.

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


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

حذف مربع البحث من الشريط الأفقي 

ابحث عن الكود <div id='search'> ثم قم بمسح الكود التالـــــــــــــــــــــــــــي :

<form action='/search' id='searchform' method='get'>
<div id='search'>
<input class='field' id='s' name='q' type='text' value=''/>
<input class='button' id='searchsubmit' type='submit' value='بحـــث'/>
</div>
</form>



تعديل حجم الصفحة (صفحة عرض التدوينات او الرسائل)





ابحث عن الكود #headline {      ستجد الكود بالشكل التالـــــي :


#headline {

width:600px;

float:right;

background:#fff;

قم بتغيير القيمة   width:600px الى الحجم الذي يلائم مدونتك.


تعديل حجم رأس الصفحة


ابحث عن الكود #head {    ستجده بالشكل التالــــي :

       #head {
width:960px;
margin:0px auto;

margin-top:15px;;

قم بتغيير القيمة  960 واحفظ القالب


تعديل الحجم الإجمالي للمدونة 
ابحث عن الكود التــــــــــــــــــــــــــــــــــالي:
#page {

width:940px;

margin:0px auto;

padding:10px;



قم بتعديل القيمة 940 الى ما يناسب مدونتك

تغيير لون تظليل خط الأدوات الجانبية للمدونة أثناء المرور بمؤشر الماوس

ابحث عن الكود التـــــــــــــــــــــــــــــــالي :


#sidebar ul li a:hover{ /*hover state CSS*/
color: #005b7f;
background-color: #F3F3F3;
}
اذا أردت تغيير لون الخط أثناء المرور فوقه بمؤشر الماوس color: #005b7f 
اذا أردت تغيير لون السحابة المضللة (الخلفية) أثناء المرور بمؤشر الماوس فوق الخط  background-color: #F3F3F3



تعديل لون الشريط الأفقي الأزرق 

/* Navigation Bar*/

#page-bar li:hover {


#page-bar a, #page-bar a:visited {


تعديل عنوان التدوينة لون وحجم ونوع الخط 

a:link, a:visited {

a:hover, a:active {

#headline  div.title {


تغيير لون شريط المشاراكات الشائعة


#headline h2 { font:1em Tahoma;


تغيير لون شريط الأدوات الجانبية

#sidebar h2 {


» تابع القراءة

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


» تابع القراءة

استطاعت شركة جوجل دمج شبكة التواصل الإجتماعي +google بداخل تدوينات بلوجر بحيث أصبح من السهل مشاركة التدوينات مباشرة بعد نشرها يتم ظهور مربع ساحة المشاركات الخاص بشبكة جوجل بلس ليطلب منك نشر التدوينة عبر الشبكة ومشاركتها مع دوائرك.


» تابع القراءة

صفحة مخصصة لطلب المساعدة من ادارة المدونة حول تصميم وتعديل وتطوير مدونات بلوجر، الدعم متواصل كل ايام الأسبوع

يمكنك طلب المساعدة اذا تعلقت مشكلتك باحدى النقاط التالية

» تابع القراءة

هذه الصفحة مخصصة لطلب المساعدة وتلقي الدعم المباشر سواء من قبل الزوار أو من ادارة المدونة نفسها "صاحب المدونة" لحل مشاكل تتعلق بمدونات blogger .

» تابع القراءة

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

لماذا اضيف شعار الى مدونتي ؟
لشعار المدونة مزايا كثيرة من بينها

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


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

الطريقة الأولى : 

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


الطريقة الثانية :

  • قم برفع شعار مدونتك الى اي موقع من مواقع تحميل الملفات او الصور وان لم تجد يمكنك رفعها على مدونتك على البلوجر ونشرها بطريقة عادية "فقط قم بنسخ رابط الشعار".
  • من لوحة التحكم للمدونة اختر قالب ثم اختر تحرير HTML ثم اضغط توسيع عناصر واجهة المستخدم 
  • ثم ابحث عن الرمز التالي :


  <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
 </div>




  • بعده مباشر قم بلصق الكود التالي :


<div dir='rtl' style='text-align: right;' trbidi='on'>
<div class='separator' style='clear: both; text-align: center;'>
<a href='http://blogger-onlin.blogspot.com/'><img border='0' src='http://4.bp.blogspot.com/-1tPJdDEYEUw/UKE9xpUti-I/AAAAAAAAAFM/jCvJRn2UbK0/s1600/blogger+online.png'/></a></div>
</div>

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


» تابع القراءة