طريقة تغير لون شريط المتصفح لمدونة بلوجر

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

لتغير لون شريط المتصفح قم بالذهاب إلي لوحة التحكم الخاصة بمدونتك ..

ثم بعد ذلك قم بالذهاب إلي المظهر لتغير لون شريط المتصفح..

ثم تعديل HTML ..

ثم بعد ذلك قم بإضافة الكود التالي قبل وسم <head/ >  لتغير لون شريط المتصفح..

<!-- لمتصفح أندرويد -->
<meta content='#F50057' name='theme-color'/>
<!-- ويندوز فون -->
<meta content='#F50057' name='msapplication-navbutton-color'/>
<!-- لنظام سفاري iso -->
<meta content='#F50057' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<!-- Chrome, Firefox OS and Opera -->
  <meta content="#F50057" name="theme-color"/>

ملحوظة مهمة :-

طريقة إضافة صندوق تحويل أكواد HTML لمدونة بلوجر

6/ بعد ذلك قم بنشر الصفحة وهكذا تكون قد أضفت صندوق أكواد خاص بتحويل أكواد HTML ..

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

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

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

1/ أولاً قم بالذهاب للوحة تحكم بلوجر ثم إلي المشاركة ثم قم بالضغط علي مشاركة جديدة ..

2/ قم بكتابة المشاركة التي تريد مشاركتها مع زوارالمدونة ثم عندما تريد إضافة صندوق الأكود قم بالضغط علي HTML أعلي الصفحة علي الجهة اليمني ..

3/ بعد ذلك قم بإضافة الكود التالي ..

<pre  dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: auto;">أكتب الكود هنا</pre>

# ملحوظة مهمة جداً :-

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

رابط تحويل أكواد HTML

4/ قم بإضافة الكود الذي تريد مشاركتة في الدوينة مكان أكتب الكود هنا الموجود علي الكود السابق بعد تحويله بإستخدام محول أكواد HTML ..

5/ ثم إضغط علي نشر وبذلك يتم مشاركة الكود علي صندوق خاص بالأكواد ..

أتمني إنه الشرح يكون مفيد

 تحياتي في أمان الله

إضافة صفحة إتصل بنا لمدونة بلوجر

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

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

لنبدأ..

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

2/ قم بالبحث عن نموذج إتصال ثم قم بإضافتها علي المدونة بالضغط عليها ثم قم بعمل حفظ لنموذج الإتصال ..

3/ بعد ذالك سنقوم بإخفاء نموذج الإتصال من المدونة وذلك لنضيف تصميمنا الخاص
الأن قم بالذهاب إلي المظهرثم بعد ذلك قم بالضغط علي تعديل HTML ..

4/ ثم بعد ذلك قم بوضع الماوس علي خانة أكواد الصفحة ثم قم بالضغط علي Control  + F بعد ذلك قم بإضافة الوسم <b:skin/> في خانة البحث ثم إضغط Enter  بعد الضغط علي Enter ستظهر <b:skin/>  معلمة أي عليها علامة باللون الأصفر قم بالضغط علي النقاط الموجودة أمام الوسم <b:skin/>..

5/ ثم بعد ذالك قم بإضافة كود إخفاء نموذج الإتصال ..

#ContactForm1{display:none!important}

6/ ثم بعد إضافة كود إخفاء نموذج الإتصال قم بإضافة الكود التي وهو عبارة عن كود  خاص بإظهار الأيقونات علي النموذج الجديد..

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

7/ بعد ذلك سنقوم بإنشاء صفحة جديدة قم بالإنتقال من التخطيط إلي الصفحات ثم بعد ذلك قم بالضغط علي صفحة جديدة ..

8/ ثم قم بالضغط علي HTML ..

9/ بعد ذلك قم بتحديد الكل بإستخدام الأمر Control + A  ثم قم بإستدال الكود المكتوب بالكود الثالث الموجود علي الملف بعد تحميله من الرابط التالي  جميع الأكواد التي ستحتاج إليها في الرابط التالي أول كود عبارة عن كود إخفاء نموذج الإتصال الكود الثاني خاص بإظهار الأيقونات أما الكود الثالث والأخير عبارة عن الكود الذي ستقوم بإضافته في الصفحة الجديدة التي ستقوم بإنشائها وهو كود خاص بنموذج الإتصال الذي قمنا بتصميمه ...

رابط تحميل الكود

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

11/ بعد ذلك سنقوم بعرض الصفحة التي قمنا بإنشائها ..

12/ ولجعل الصفحة تظهر عندما يقوم الزائر بالضغط علي إتصل بنا لابد من ربط الصفحة مع زر أو جملة إتصل بنا  التي يقوم الزائر بالضغط عليها , الطريقة سهلة جداً ماعليك سوي أخذ رابط الصفحة من أعلي المدونة بعد أن تعمل لها عرض كما رائينا في الخطوة  السابقة رقم  11 ثم قم بإضافة رابط الصفحة إلي  إتصل بنا , جملة إتصل بنا أو زر أتصل بنا إبحث عنه في التخطيط بعد أن تجده قم بإضافة الرابط إليه وبذلك وبمجرد أن يضغط الزائر علي إتصل بنا سيتم نقله تلقائية إلي النموذج الذي قمنا بتصميمه..