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

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

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

• تعديل شعار القالب واستبداله بشعار خاص بمدونتك 
• من لوحة التحكم 
• اختر قالب
• تحرير 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgM4iKEFhthnRO3WVazIV0bc96-4oRNxJ-p616Qn12Ar3k9yu_PDyrwu25srBsNgrQwZccxns45QTzUnE95i3zCVOPmvtegOfrfW5s2IDQ1SVvif2blYWnsMHzBvZmEJ0GyBtIPnW35jI/' 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0GpHyfyLUPWqnMC8CIqyii4QzqKu0M6WBUZAUMEK4EVPU748pyRYbZsH9aH8YNQNkaFIZZQG_j1uYVqJFUgso6WlMRSw70dNZqJXO4cxxtl7tHrcI9eeQDhXsPfD0NF0LPxSBoQGxPk/s1600/blogger+online.png'/></a></div>
</div>

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

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

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

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

مزايــا اضافــة فهــــرس المدونــــة 

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

طريقــة اضافــة الفهــرس الــى المدونــة 
1- من لوحة تحكم المدونة نقوم بانشاء صفحة او رسالة (مشاركة) جديدة ثم ننتقل الى قسم HTML للرسالة او الصفحة ونقوم بلصق الكود التـــــالــــــــــــــــــــــــــــي :

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: right;"><script src="http://sites.google.com/site/javacodehtml/IndexWithLabels.js"></script></div><div style="text-align: right;"><script src="http://blogger-storm.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script></div><div style="text-align: right;"><script type="text/javascript">var accToc=true;</script></div></div><br /></div>

2- قم بتغيير الرابط الملون باللون اللحمر برابط مدونتك

3- انشر الرسالة او الصفحة لترى الفهرس بشكل منظم ومرتب.

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

ادراج اعلانات جوجل ادسنس وسط الموضوع او التدوينة بمدونات بلوجر أمر يزيد من مردودية الوحدات الإعلانية كونها تجلب عدد كبير من الضغطات وتكون مرئية للزوار بشكل مضمون.

كيفية ادراج اعلانات ادسنس وسط الموضوع او التدوينة بمدونات بلوجر؟

يمكنك وضع اعلانات ادسنس بأي مكان او موضع تريد من التدوينة فقط قم بما هو أتي :

1- قم بنسخ كود الوحدة الإعلانية لأدسنس .

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

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

4- لاتنسى وضع الرمز <br /> قبل وبعد كود "اعلان ادسنس" كما هو موضح بالصورة السابقة وهذا حتى يكون هناك فاصل بين المحتوى والإعلان .

5- واخيرا نقوم بنشر الرسالة لتظهر اعلانات جوجل ادسنس وسط الموضوع كما هو موضح بالصورة التالية.

تحذير 

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

مسموح 

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

على العموم احترام سياسة جوجل ادسنس يجب أن يكون من الأولويات التي تتبناها في استراتيجيتك للنجاح في ربح المال من خلال اعلانات جوجل ادسنس، لأنه عند غلق حسابك ستخسر الكثير. 

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

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

كيفية اضافة الأداة ؟

• من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
• نقوم بلصق الكود التالي

<style type="text/css">

 /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {

 display: none;

}

#sliderFrame {

 position: relative;

 width: 468px;

 margin: 0 auto;

        border:3px solid #E1E0E2;

}

#ribbon {

 width: 111px;

 height: 111px;

 position: absolute;

 top: -4px;

 right: -4px;

}

#slider {

 width: 468px;

 height: 260px;

 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_5TuS3fuu2Oow2-oaG9p19UoAzfJQMJ0qxgS0HICpwSDrEgTc-LEQCZSVvmmOJQq3eq_LlvD2qDd6UHWl5mc10TrCqJU1Bj3SR9TF6_iJqrRDPCiKhpOSI-BMYKNj5h1StqflMQsBQ/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;

 position: relative;

 margin: 0 auto;

 box-shadow: 0px 1px 5px 010007;

}

#slider img {

 position: absolute;

 border: none;

 display: none;

}

#slider a.imgLink {

 z-index: 2;

 display: none;

 position: absolute;

 top: 0px;

 right: 0px;

 border: 0;

 padding: 0;

 margin: 0;

 width: 100%;

 height: 100%;

}

div.mc-caption-bg, div.mc-caption-bg2 {

 position: absolute;

 width: 100%;

 height: auto;

 padding: 0;

 right: 0px;

 bottom: 0px;

 z-index: 3;

 overflow: hidden;

 font-size: 0;

}

div.mc-caption-bg {

 background-color: #0066CC;

}

div.mc-caption {

 font: bold 25px/21px traditional arabic ;

 color:  #0000;

 z-index: 4;

 padding: 10px 0;

 text-align: center;

}

div.mc-caption a {

 color: #FB0;

}

div.mc-caption a:hover {

 color: #DA0;

}

div.navBulletsWrapper {

 top: 250px;

 right: 190px;

 width: 150px;

 background: none;

 padding-right: 20px;

 position: relative;

 z-index: 5;

 cursor: pointer;

}

div.navBulletsWrapper div {

 width: 11px;

 height: 11px;

 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQSsLvENML9w0Ns56823WtTdshy2RmVDYPMuHXlI_4llcVqv426NyltndjKUttK8wU0DPUFMsJZBZqmX6RWjMqHeHPQuVs2Q8S3b8LTgelgs5DQ-0Ngcn21_wjqsopBL5eL7g0yk6wQ/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;

 float: right;

 overflow: hidden;

 vertical-align: middle;

 cursor: pointer;

 margin-left: 11px;

 _position: relative;

}

div.navBulletsWrapper div.active {

 background-position: 0 -11px;

}

#slider {

 transform: translate3d(0,0,0);

 -ms-transform: translate3d(0,0,0);

 -moz-transform: translate3d(0,0,0);

 -o-transform: translate3d(0,0,0);

 -webkit-transform: translate3d(0,0,0);

}

 </style> 

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">

     <div id="ribbon"></div>

            <div id="slider">

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp"alt=" ttttt"/></a>

                </div></div>

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

• نضع مكان الرمز xxxxx رابط الموضوع (الرابط الإلكتروني للموضوع )
• نضع مكان الرمز ppppp رابط الصورة (الرابط الإلكتروني لصورة الموضوع)
• نضع مكان الرمز ttttt عنوان الموضوع (أو نختار عنوان أخر للموضوع )

• ثم نقوم بحفظ الإضافة 

تعديل الإضافة بما يتناسب مع مدونتك 

1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).

2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :

#slider {

 width: 468px;

 height: 260px;

لتغيير عرض الأداة width 

لتغيير ارتفاع الأداة height

3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي :

 background-color: #0066CC;

ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )

4- تغيير حجم ولون خط عنوان الموضوع (عناوين  المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :

 font: bold 25px/21px traditional arabic ;

الرمز traditional arabic لإستبدال نوع الخط 

الرمز   25px حجم الخط .

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

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

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

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

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

• التهيئة
• الصحة
• حركة المرور
• التحسين
• الميزات الإختبارية حيث يمكن اختبار اداء وسرعة الموقع.

رابط البرنامج :أدوات مشرفي المواقع 

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

اضافة مجموعة من ازرار مواقع التواصل الإجتماعي الى مدونات بلوجر في بداية الموضوع او عند نهايته مع امكانية التعديل عليها واضافة ازرار اخرى هو عمل لا يمكن لي صاحب موقع او مدونة مهما كان حجمها الإستغناء عنه لما له من فوائد جمة.

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

كما يمكننا اضافة الأزرار بواسطة عداد افقي انظر المعاينة  .

كيفية القيام بهذا ؟

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

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

    <div class='post-body'>

2- نقوم بعده مباشرة بلصق الكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/>
<!-- AddThis Button END -->
</b:if>  

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


<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/>
<!-- AddThis Button END -->
 

3- نقوم بحفظ قالب المدونة ومعاينة الإضافة الجديدة.

ب - اما اذا أردنا ظهور الأزرار عند نهاية أو أسفل الموضوع او الرسالة نقوم بمايلي :

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>

2- بعده مباشرة نقوم بلصق الكود التالي : 

<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/>
<!-- AddThis Button END -->
</b:if>

نقوم بنفس العمل اذا أردنا ظهور الأزرار بالصفحة الرئيسية للمدونة كما سبق وأن قمنا بشرحه.

3- نقوم بحفظ القالب ومعاينة الإضافة الجديدة. 

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

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

ادراج خط بين العنوان والموضوع  بالبلوجر (الفصل بين العنوان والموضوع) أمر سهل وغير معقد فقط اتبع الخطوات التالية :


1- من لوحة التحكم لمدونتك اختر قالب

2- ثم اختر تحرير HTML ثم متابعة

3- ثم علم الخانة توسيع قوالب عناصر واجهة المستخدم 4- ثم قم بالبحث عن الكود التالي :

    <div class='post-body'>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>

.............................................

</b:if>

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

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

    <div class='post-footer-line post-footer-line-1'>

وبعده مباشرة قم بلصق الكود السابق.

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

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

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

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

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

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

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

أهمية الإشتراك بالبرنامج 
بدون مراقبة موقعك او مدونتك ومعرفة ادق التفاصيل حول ادائه لن تستطيع تطوير وانجاح أنشطتك عبر شبكة الإنترنت لأنك لا تستطيع تقييم موقعك لذا الإشتراك ببرنامج google analytics او احدى البرامج المماثلة لا غنى عنه للأسباب التالية :

يمكنـــك معرفـــة مايلــــــي :

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

 برنامج برنامج  analytics في تطوير دائم حيث اتاحت شركة جوجل امكانية الإشتراك بسوم منخفضة وعرض موقعك على خبراء تحليل اداء المواقع وتطويرها.

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

جوجل adwords هو برنامج اعلاني تابع لشركة google يعمل بالتوازي مع برنامج google adsense وهو يسمح لأي شخص بالترويج لمنتوج أو نشاط معين على شبكة الإنترنت مقابل مبالغ مادية يتم تحديدها حسب الميزانية اليومية للحملة الإعلانية.

الحملات الإعلانية التي يقوم بانشائها مشتركي برنامج جوجل adwords  بدورها تعرض على مواقع مشتركي برنامج جوجل Adsense .

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

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

 رابط البرنامج  : جوجل Adwords

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

جوجل ادسنس google adsense هو برنامج اعلاني تابع لشركة google يسمح لأصحاب المواقع والمدونات بنشر اعلانات على مواقعهم مقابل حصولهم على مبالغ مالية عن كل عملية نقر تتم على الإعلان او حسب مرات مشاهدة الإعلان.

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

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

لماذا اشترك ببرنامج جوجل ادسنس ؟

1. يسمح لصاحب الموقع بالحصول على عائد مادي مقابل الجهد الذي يبذله في تطوير موقعه
2. يساعد اصحاب الشركات الصغيرة على تنمية مشاريعهم عبر شبكات الإنترنت 
3. يشجع المدونين على بذل المزيد من الجهد وكتابة محتوى جيد
4. التحفيز على التنافس النزيه بانشاء مواقع ومدونات جيدة 

ملاحظة : برنامج جوجل ادسنس يعمل بالتوازي مع برنامج google adwords 

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

تنبيهات جوجل أو google alerts هي احدى خدمات شركة google الرائعة والفريدة وهي تلعب دور المنبه فهي تنبه المستخدم الى صدور معلومة جديدة حول اي شىء على شبكة الإنترنت.

مصدر الصورة  googleenterprise

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

لماذا نستخدم خدمة تنبيهات google؟

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

رابط الخدمة : تنبيهات جوجل 

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

 تطبيق google docs هو خدمة تابعة لشركة جوجل نقوم من خلالها بتخزين ملفاتنا بمختلف صيغها (فيديو، تطبيقات، صور، مستندات ....الخ )على شبكة الإنترنت والوصول اليها في أي وقت من أي جهاز كومبيوتر موصول بالشبكة.

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

ماذا يفيدنا هذا البرنامج؟

برنامج أو تطبيق google docs يسمح لنا بـــ

• تخزين ملفاتنا على شبكة الإنترنت والوصول اليها من بواسطة كلمة السر من اي جهاز موصول بالشبكة
• مشاركة الملفات مع الأخرين عبر شبكة الإنترنت
• انشاء مستندات وقرائتها ونشرها مباشرة على الشبكة

الرابط  الإلكتروني : google docs 

ملحق : مؤخرا تم اضافة تطبيق اسمه google Drive تابع لخدمة google docs ويتم تثبيته على جهاز الكومبيوتر لمزامنة الملفات المخزنة على الشبكة.

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

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

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

والتي من خلالها يمكننا ازاحة اعمدة المدونة من اليمين الى اليسار أو من اليسار الى اليمين وهو ما نحتاج اليه في تغيير اعمدة قالب مدونة ذؤيب.

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

كيفية القيام بذالك ؟

من لوحة التحكم اختر قالب ثم اختر تحرير Html ثم متابعة ثم توسيع قوالب عناصر واجهة المستخدم وقم بالبحث عـــن الكـــــــــــــــود التالـــــــــــــــــــــــــــــــــــــي :  #sidebar {

ستجده على الشكل التالـــــــــــــــــــــــــــــي :

/* Sidebar*/

#sidebar {

width:320px;

float:right;

margin:0px 0px 0px 0px;

}

نقوم بتغيير كلمة right الى كلمة left  

 ثم نقوم بالبحث عن الكـــــــــــــــــــــــود التــــــــــــــــــــــــــالـــــي : #headline { 

الذي سنجده أيضا بهذا الشكـــــــــــــل : 

/#headline {

width:590px;

float:left;

background:#fff;

padding:10px;

font-size:1.05em;

line-height:1.5em;

margin:0;

}

مرة أخرى نقوم بتغيير كلمة left الى كلمة right وبهذه الخطوة نكون قد انتهينا من ازاحة اعمدة القالب من الجهة اليمنى الى الجهة اليسرى .

الأن نقوم بحفظ القالب ومعاينة الشكل الجديد للمدونة .

اذا أردنا القيام بالعملية العكسية أي ازاحة  العمود من اليسار الى اليمين ما علينا سوى القيام بنفس الخطوات لكن نقوم بتغيير الكلمات عكس ما فعلناه في المرحلة الأولى : أي من left الى right  و من right الى left .

الفرق بين العمود على اليمين والعمود على يسار القالب

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

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

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

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