Official Contact Form for Static Pages in Blogger with css style نموذج الاتصال بنا الرسمى من بلوجر فى الصفحات الثابتة

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

تعتبر افضل الادوات التى تقدم من قبل البلوجر الرسمية لانها لا تؤثر كثيرا على سرعه المدونة و الاخطاء تكون اقل او تقريبا معدومه ؛

مزيد من المعلومات »

sciencedirect

4:51 م

اقرأ المزيد

How To Add 3 Column Footer To Blogger Very Easy اضافة ثلاث أعمدة أسفل المدونة بلوجر

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

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

مزيد من المعلومات »

sciencedirect

2:11 ص

اقرأ المزيد

Add Numbered Page Navigation for Blogger شرح اضافة ترقيم الصفحات للمدونة بلوجر

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

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

مزيد من المعلومات »

sciencedirect

6:10 م

اقرأ المزيد

Add Colored Popular Post Widget In blogger اضافة المشاركات الشائعة الملونه الى بلوجر

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

كما نعرف انه من اهم عوامل نجاح اى مدونة هو ما تقدمه المدونة من افاده والشكل الجمالى او الشكل المناسب للزوار ؛ ولهذا قد تحتاج الى ان تضيف بصمة رائعة على ادواتك لجذب انتباه الزوار الى ما تقدمه

مزيد من المعلومات »

sciencedirect

9:16 م

اقرأ المزيد

Add Breadcrumb Navigation For Blogger اضافة شريط التسلسل للتدوينات الى بلوجر جديد

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

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

مزيد من المعلومات »

sciencedirect

12:11 م

اقرأ المزيد

تحميل قالب عرب نت

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

انا لا احب الكلام الطويل سوف ادخل في الموضوع الان 

صور القالب : 

التعديلات :

اذهب الى تحرير html واضغط على f3 وقم بتعديلات الازمة 

واذا صعب عليك شيء اترك لي تعليق وسوف اوقوم بأعلامك 

التحميل 

معاينة ----- تحميل 

لقد تم تعطيل التحميل بسب بعض الاشخاص يقومون بتغير الحقوق للتحميل 

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

sciencedirect

12:09 ص

اقرأ المزيد

طريقة ارشفة موقعك على محرك بحث جوجل (شرح بالصور)

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



1- سوف نتوجه إلى موقع أدوات مشرف الموقع بالإنجليزية Google Tools Webmaster التابع لموقع جوجل.

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

3- بعد تسجيل الدخول أنقر على إضافة موقع ثم قم بكتابة موقعك مثال :www.homeblooger.blogspot.com

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

سوف ننقر على طرق بديلة

سوف يظهر لنا كود وسوف نقوم بنسخه بعدها سوف نحطه في قالبنا بعد 

بعض وضع الكود سوف نقوم بحفظ القالب

في حالة إذا كنت قد ركبت الكود بالشكل الصحيح والمكان الصحيح سوف تظهر لك هذه الرسالة

الأن أتممنا مرحلة إضافة موقعنا على Webmaster سوف نشرح طريقة أرشفة المقالات على جوجل

في الحقل الفارغ سوف نضع هذ الرابط ثم ننقر على تقديم ملف Sitemap ويعني خريطة الموقع

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

وهذا للذي تدويناته أقل من 100 إذا كانت أكثر فيكفي تغير 100 إلى أي قيمة مثلا 500

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

تم وبحمد الله وإلى تدوينة أخرى بإذن الله نتمنى أن يكون الموضوع قد نال إعجابكم

sciencedirect

6:34 م

اقرأ المزيد

تغيير شكل التعليقات إلى شكل أخر جميل

المرحلة الأولى : ضبط إعدادت التعليقات المترابطة من لوحة التحكم

1 - قم بتسجيل الدخول إلى لوحة التحكم الخاص بمدونتك بلوجر.
2 - الأن توجه إلى إعدادت.
3 - بعد الدخول إلى إعدادات في القائمة الجانبية أنقر على أخرى.
4 - في السماح بخلاصات المدونة إجعلها كامل كما في الصورة بعدها قم بحفظ.

5 - بعد حفظ الإعدادت توجه إلى مشاركات وتعليقات .
6 - الأن موقع التعليقات إجعلها مضمن .

المرحلة الثانية: إضافة الكود إلى القالب 

1-في لوحة التحكم الخاصة بمدونتك توجه إلى قالب بعدها تحرير HTML ثم أنقر على متابعة.

2- ثم إعمل علامة على توسيع قوالب عناصر واجهة المستخدم.

3- الأن قم بالبحث عن :

قم باستبداله بـهذا الكود

 ملاحظة : إذا وجدت كودين أو فقم كذلك بإستبدالهم .

4-الأن قم بالبحث مرة أخرى عن :
]]>

وقم بإضافة الكود قبله :

.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 14px;
  margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:right;
line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding: 2px 5px;
text-decoration: none;
text-shadow:0 1px 1px rgba(0,0,0,.3);
color:#FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #3079ED;
background: #0066FF;
background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999));
background: -moz-linear-gradient(top, #0099FF, #009999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#009999');
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover {
  text-decoration: none;
background:#0099FF;
background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#0099FF));
background: -moz-linear-gradient(top, #009999, #0099FF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#0099FF');
}
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top:1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF', endColorstr='#0099CC');
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em 0 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px 0px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 40px;   font-size:12px;
}
.comments .comments-content .comment {
  padding-bottom:8px;
  margin-bottom: 0px
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .user a {
  color: #444;
}
.comments .comments-content .user a:hover {
  text-decoration: none;
color: #555;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 6px -4px;
}
.comments .comments-content .datetime {
  margin-left:6px;
color: #999;
font-style: italic;
font-size: 12px;
float: left;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 19px;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 19px;
  text-align:none;
margin: 15px 0 15px;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: right;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-right: 48px;
  position: relative;
padding: 20px 15px 20px 15px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-image: initial;
}

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

منقول : مدونة بيت بلوجر

sciencedirect

6:32 م

اقرأ المزيد

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

    
1-قم بالدخول إلى حساب مدونتك .
2-أنقر على تصميم ثم تحرير قوالب عناصر واجهة المستخدم هذا بالنسبة للوحة التحكم القديمة أما بالنسبة للجديدة فأنقر على قالب ثم متابة .
3- ثم توسيع قوالب عناصر واجهة المستخدم.
لا تنسى يا أخي أخد نسخة إحتياطية من قالب تحسبا لأي خطأ قد يحدث
4-إبحث عن 

  ضع فوقها مباشرة الكود التالي :

بإمكانك تغيير إقرأ أيضا بأي كلمة تريد.

ربط تعليقات بلوجر بتعليقات Disqus حصريا كالعادة

السلام عليكم ورحمة الله وبركاته وبعد طلب الأخ يوسف حول ربط تعليقات بلوجر بتعليقات disqus

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

اذا ندخل على لوحة التحكم ومن ثم القالب ومن تحرير html وتوسيع القالب ومن ثم نبحث عن

كود:

Disqus

ومن ثم نحذف الكودين المحددين في الصورة التالية :

ونحفظ القالب وانتهى كل شئ بسلاسة وبدون مشاكل

sciencedirect

6:41 م

اقرأ المزيد

قائمة أفقية ثابتة لمدونات بلوجر

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

معاينة الإضافة 

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


الأن حان وقت عرض الاكواد لوضع هذه القائمة الرائعة في مدونتنا:

الخطوات: 

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

ونقوم بإلصاق هذا الكود قبله .

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

عنوان الرابط 1

عنوان الرابط 2

عنوان الرابط 3

عنوان الرابط 4

عنوان الرابط 5

       

       

   

   

 

نقوم بتغير الكلمات :
الرابط-1 ، 2 ، 3 ، 4  و  5   بروابطنا التي نريد ان يتم التوجيه اليها بعد الظغط على الزر ، ونغير العناوين : عنوان الرابط 1
، 2 ، 3 ، 4 و 5  بالكلمة التي ستظهر على زر

 مثال:

أيوب التمايتي

sciencedirect

8:02 ص

اقرأ المزيد