كيفية انشاء مدونة على بلوجر

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




من هنا يمكن أن تبدأ في إنشاء مدونتك .

كتابة الإيميل وكلمة السر :


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

اختيار عنوان واسم المدونه


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

اختيار القالب المناسب لمدونتك :

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

نهاية عملية انشاء المدونة :

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

:

انطلق في عالم التدويين :


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

تعليقاتكم تسرنا واستفساراتكم تهمنا،،،،،

1

شرح طريقة إضافة شريط علوي

السلام عليكم ورحمة الله وبركاته 

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

بعد ذلك إضغط على تحرير HTML كما هو موضح في الصورة :

ثم إضغط على متابعة كما هو موضح في هاته الصورة :

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

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

<div class='menu-primary-wrap'>




شاهد الصورة 

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

<li><a href='http://arab-googl.blogspot.com//search/label/hola?&amp;max-results=11'>hola</a></li> </ul>




شاهد الصورة

ملاحظة :

تقوم بتغيير ما باللون الأحمر داخل الكود  إلى التسمية التي تريدها 

تقوم بتغيير ما باللون الأزرق داخل الكود إلى رابط مدونتك 

-وإذا أحببت تسميات أخرى تقوم بتكرارنفس الكود الاول

أتمنى أن الدرس قد أفادكم 

1

.


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


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

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

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

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

طريقة تركيب تعليقات فيسبوك

الخطوة الأولى: إنشاء تطبيق خاص على الفيسبوك

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

كما وضح من خلال الصورة ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا blogspot.com لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد.

الخطوة الثانية: إضافة الأكواد اللازمة إلى قالب المدونة

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

xmlns:fb='http://www.facebook.com/2008/fbml'

و سيصبح إذن الكود بهذا الشكل :

<html xmlns:fb='http://www.facebook.com/2008/fbml' 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'>

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

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId:معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>

بعد ذلك ابحث عن ثم قبله مباشرة ألصق الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='معرف التطبيق ID' property='fb:app_id'/>
<meta content=' معرف حسابك على فيسبوكID' property='fb:admins'/>
<meta content='article' property='og:type'/>

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


ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك
نضيف colorscheme='dark' مباشرة بعد <fb:comments


و أخيرا اضغط زر الحفظ و هنيئا لك.

1