اضافة نموذج اتصل بنا في صفحة منفصلة في تويتر

0
 اضافة نموذج اتصال "اتصل بنا" على بلوجر في صفحة منفصلة
اضافة نموذج اتصال "اتصل بنا" على بلوجر في صفحة منفصلة


السلام عليكم

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

بعد تسجيل الدخول في لوحة التحكم لمدونتك

لوحة تحكم بلوجر
لوحة تحكم بلوجر



1- الدخول على صفحات

الدخول على صفحات مدونة بلوجر
الدخول على صفحات مدونة بلوجر

2- انشاء صفحة جديدة

انشاء صفحة جديدة على بلوجر
انشاء صفحة جديدة على بلوجر

3- قم باختيار وضعية HTML

اختيار وضعية HTML عند انشاء صفحة بلوجر
اختيار وضعية HTML عند انشاء صفحة بلوجر


4- قم بلصق الكود التالي:


<script>
var blogId = '8694494030520005341';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>


5- قم بتغيير الرقم في اللون الأحمر للرقم التعريفي لمدونتك، تجد الرابط بنفس الصفحة:

الرقم التعريفي لمدونة بلوجر (ID)
الرقم التعريفي لمدونة بلوجر (ID)


6- قم بنشر الصفحة

نشر صفحة على بلوجر
نشر صفحة على بلوجر

انتهى

اضافة اطار برواز الصور في بلوجر

0

اضافة اطار للصور في مدونة بلوجر

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

1- قم بالدخول على لوحة التحكم الخاصة بمدونتك
2- قالب
3- تحرير HTML
4- ابحث عن الكود التالي:
]]></b:skin>
5- الصق الكود التالي فوقه مباشرة:
/*--Mybloggersworld.com--*/
.post img
{
     border:1px solid #e3e3e3;
     border-radius:10px;
     padding: 10px;
}

6- قم بحفظ القالب

*ملاحظة:
- لتغيير حجم خط الاطار قم بتغيير 1px إلى الحجم الذي ترغبه
- قم بتغيير solid إلى  dotted ليكون خط الاطار نقاط هكذا ...... و dashed ليكون خط الاطار هكذا ------
- قم بتغيير كود لون الاطار e3e3e3 إلى اي كود آخر باللون الذي تريد
- قم بحذف السطر الذي يحتوي border-radius اذا كنت لا ترغب بالمسافة البيضاء التي بين الصور والاطار، لكي يكون الاطار ملاصقا للصورة مباشرة.


انتهى

تغيير روابط المواضيع المنشورة في بلوجر

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

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

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

تغيير رابط موضوع منشور على بلوجر
تغيير رابط موضوع (مشاركة) منشور على بلوجر

فما الحل؟

الحل بسيط جدا، فقط قم بالضغط على العود للمسودة، هنا:



ومن ثم قم بالضغط على رابط ثابت، وستجد خيار تغيير الرابط قد ظهر لك.

انتهى

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

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

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

اختيار نمط (ستايل) ادنسينس المناسب لقالب مدونتك على بلوجر

قم بتسجيل الدخول  إلى صفحة ادسنس، وثم: إعلاناتي > وحدة اعلانية جديدة ، كالتالي:



الآن قم باختيار اي اسم لهذا الإعلان، وثم حدد حجم الإعلان (انا افضل "حجم تلقائي متجاوبة") خصوصا للموبايل



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

طريقة اختيار (انشاء) نمط ألوان وحدة اعلانية في جوجل ادسنس
طريقة اختيار (انشاء) نمط ألوان وحدة اعلانية في جوجل ادسنس


الآن، قم بالضغط على الحفظ والحصول على الشفرة:


ستفتح لك نافذة تحتوي على الكود، قم بنسخ الكود ومن ثم قم بالدخول على هذا الموقع:
اضغط هنا
بعد الدخول على الموقع، قم بلصق الكود داخل المربع الموجود، وقم بالضغط على Convert Ad Code



وقم بنسخ الكود الجديد.

الآن قم بوضع الكود في المكان الموضح هنا:
<br>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div class='toppostadmobile ' style='text-align:center;'>
ضع الكود الخاص بأدسنس الذي قمنا بإنشاء في الخطوة السابقة هنا
 </div>
</b:if>
 </br>

الآن قم بلصق هذا الكود داخل المفكرة او برنامج ثاني لكي نستخدمه في الخطوات التالية.

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

***ملاحظة: يجب عليك اختيار قالب الجوال واختيار مخصص كالتالي:


طريقة اختيار قالب مخصص للجوال في بلوجر
طريقة اختيار قالب مخصص للجوال في بلوجر


اضافة اعلانات جوجل ادسنس داخل الموضوع أسفل العنوان (الجوال/الموبايل):

1- قم بالدخول على لوحة تحكم بلوجر
2- اضغط على "قالب"
3- ثم تحرير HTML
4- قم بالضغط في اي مكان داخل مربع الكود الخاص بمدونتك وثم قم بالضغط على Ctrl + F وذلك لعمل بحث داخل الأكواد.
5- قم بالبحث عن هذا الكود:
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

6- اضف تحته مباشرة، الكود الذي قمنا بإنشاءه مؤخرا. كالتالي:

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



7- قم بحفظ النموذج

اضافة اعلانات جوجل ادسنس داخل الموضوع في آخر الموضوع (الجوال/الموبايل):

1- قم بالدخول على بلوجر
2- اضغط على "قالب"
3- ثم تحرير HTML
4- قم بالضغط في اي مكان داخل مربع الكود الخاص بمدونتك وثم قم بالضغط على Ctrl + F وذلك لعمل بحث داخل الأكواد.
5- قم بالبحث عن هذا الكود:
<div class='post-footer-line post-footer-line-1'>

6- اضف تحته مباشرة، الكود الذي قمنا بإنشاءه مؤخرا. كالتالي:
ضافة اعلانات جوجل ادسنس داخل مواضيع بلوجر للموبايل والجوال
اضافة اعلانات جوجل ادسنس داخل مواضيع بلوجر للموبايل والجوال

7- قم بحفظ النموذج


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

عدم ظهور الجزء الخاص بإضافة تعليقات بلوجر نسخة الجوال

1
مشكلة عدم ظهور فورم التعليقات في بلوجر نسخة الجوال (الموبايل)
مشكلة عدم ظهور فورم التعليقات في بلوجر نسخة الجوال (الموبايل)


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


قم بالدخول على قالب > تعديل HTML

ثم قم بالبحث عن الكود التالي:
]]></b:skin>

ثم قم بإدراج الكود التالي فوق الكود السابق مباشرة:

.mobile .blogger-iframe-colorize {
display: block !important;
}
.blogger-iframe-colorize {display: block !important;}


انتهى.. ولأي استفسارات الرجاء تلرك تعليق بالاستفسار.. وشكرا

كلمات البحث:

  • مشكلة التعليق في بلوجر نسخة الجوال (موبايل)
  • مشكلة تعليقات بلوجر للجوال (للموبايل)
  • التعليقات لا تظهر في بلوجر الجوال (الموبايل)
  • اضافة تعليق لا يظهر في بلوجر نسخة الجوال
  • مشكلة اضافة تعليق في بلوجر الجوال

تغيير روابط مواضيع مدونة بلوجر لتحسين SEO

0
طريقة تغيير روابط مشاركات بلوجر
طريقة تغيير روابط مشاركات بلوجر



لتطبيق SEO يجب عليك تغيير هيكل الرابط الثابت التلقائي (URL) لمواضيع (مشاركات) مدونتك. للحصول على أفضل الممارسات في مجال SEO لمدونتك، فالرابط الخاص بأي موضوع من مواضيع مدونة بلوجر الخاصة بك يجب أن يحتوي على الكلمات الرئيسية التي تستهدفها (في الصورة السابقة استخدمنا كلمات رئيسية "تغيير مواضيع بلوجر url سيو). عند إنشاء ونشر موضوع، سيتم إنشاء URL (رابط ثابت) تلقائيا من قبل بلوجر. على سبيل المثال فهذا الموضوع الذي تقرأه الآن "تغيير روابط مواضيع مدونة بلوجر لتحسين SEO"، يحتوي على رابط مخصص وليس رابط تلقائي غير مفهوم:
http://ozo-post.blogspot.com/2015/12/change-blogger-posts-url-seo.html
هذا الرابط يساعد محركات البحث وخاصة جوجل في رفع ترتيبك في نتائج البحث (google position).

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

وهذا مثال يثبت ان الرابط يزيد من السيو (SEO) لمدونتك ويزيد من الرانك:

تغيير روابط  صفحات مواضيع مدونات بلوجر
تغيير روابط  صفحات مواضيع مدونات بلوجر

كما ترى، تم البحث عن صور غرف نوم بنات، وقام محرك البحث جوجل بقراءة girls و rooms من الرابط. وهذا يساعد على رفع ترتيب موقعك في نتائج البحث.

طريقة تغيير روابط URL لمواضيع مدونات بلوجر

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


عندما تقوم بإنشاء موضوع جديد (مشاركة جديدة) في بلوجر، ستجد عدة خيارات تحت مسمى إعدادات المشاركة على طرف الشاشة:

اضافة رابط مخصص لمدونات بلوجر
اضافة رابط مخصص لمدونات بلوجر


كما ترون هنالك خيار "رابط ثابت". قم بالضغط عليه، ليظهر لك خيارين: رابط ثابت تلقائي و رابط ثابت مخصص.



الآن قم باختيار رابط ثابت مخصص، وقم بإدخال الكلمات المفتايحة الخاصة بموضوعك باللغة الانجليزية واجعل الفاصل بينهما الرمز "-". كما هو واضح في رابط هذه الصفحة التي تقرأها الآن.

ملاحظات يجب الانتباه لها اذا اردت عمل روابط URL مخصصة لمدونات بلوجر


  • يجب أن لا تحوي على حروف كبيرة، فبعض المتصفحات تقرأها قراءة أخرى.
  • يجب أن لا تكون هنالك حروف عربية، او رموز عدا الرمز "-".
  • محركات البحث تتجاهل الكلمات الغير دلالية مثل: to ، the ، in ، on ، لذلك عند كتابة الرابط تجاهلها.
  • لا تقم بكتابة رابط طويل جدا، لكي تقرأة محركات البحث جيدا.
  • تجنب تكرار الكلمات في الرابط، لكي لا تعتبره محركات البحث سبام (spam)



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


لأي استفسار التعليقات مفتوحة بدون تسجيل :)

إضافة خريطة موقع مدونات بلوجرعلى قوقل | أفضل طريقة

0
اضافة خريطة موقع لمدونات بلوجر


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

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

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

http://yourblogname.blogspot.com/atom.xml?redirect=false

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


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


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

كيفية إنشاء خريطة الموقع XML كاملة لمدونات بلوجر؟

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

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500


واذا كان عدد مواضيع مدونتك اكبر من 500 واقل من 1000 موضوع، فسيكون هناك رابطين لخريطة الموقع كالتالي:

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500


واذا كان عدد مواضيع مدونتك 2000 تقريبا، فسيكون هناك 4 روابط  لخريطة الموقع كالتالي:

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1501&max-results=500


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

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

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

وقم بإضافة موقع جديد بالضعكالتالي:

ط على اضافة خاصية: 

اضافة خريطة موقع بلوجر قوقل - ادوات مشرفي المواقع



والآن توجه إلى الزحف > ملفات sitemap



في الجهة اليمنى في أعلى الصفحة اضغط على "اضافة sitemap" 





الآن قم بإضافة رابط خريطة الموقع الذي شرحته سابقا:

اذا كانت مدونتك اقل من 500 موضوع، فقم بإدخال هذا الرابط:


/atom.xml?redirect=false&start-index=1&max-results=500

واذا كانت بين 500 و 1000 موضوع، فقم بإدخال الرابطين التاليين على التوالي:


/atom.xml?redirect=false&start-index=1&max-results=500
/atom.xml?redirect=false&start-index=501&max-results=500

واذا كانت مواضيع مدونتك 2000 تقريبا قم بإدخال جميع الروابط التالية على التوالي:


/atom.xml?redirect=false&start-index=1&max-results=500

/atom.xml?redirect=false&start-index=501&max-results=500

/atom.xml?redirect=false&start-index=1001&max-results=500

/atom.xml?redirect=false&start-index=1501&max-results=500


عبر

يتم التشغيل بواسطة Blogger.

جميع الحقوق محفوظه © عزو بوست

تصميم الورشه