صندوق تعليقات مدونات بلوجر بمظهر جديد شرح بالصور وحصري

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين محمد صلى الله عليه وسلم

أما بد إخواني:

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

بداية هذه الإضافة أو بالأحرى تغيير الصندوق بأكمله إلى صندوق آخر عبر موقع يسمى intense debate.

صورة للإضافة بعد التركيب:

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

أولاً: نذهب لموقع Intense Debate حيث أن هذا الموقع هو الذي سيقوم بتغيير الصندوق القديم واستبداله بالصندوق الجديد، فبعد أن نذهب للموقع نقوم بالتسجيل بهذا الموقع وطريقة التسجيل سهلة جدا.
تابع الصورة:

1

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

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

تابع طريقة التفعيل:

بعد الظغط على رابط التفعيل سوف تظهر لك هذه الرسالة لتؤكد نجاحك في التسجيل :

الأن بعد التسجيل إضغط على التبويبة EXTRAS

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

الآن سندخل إلى صفحة تثبيت أداة "Install IntenseDebate" وستكون على ثلاث مراحل.
* المرحلة الأولى/ تحديد رابط المدونة "تحديد عنوان URL":

* المرحلة الثانية/ إختيار الإستضافة:

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

أما إذا كان رابط أو دومين مدونتك هو بلوجر أي يكون مثلاُ alribah.blogspot.com فهذا يعني أنك قد حددت نوعية الإستضافة وهي بلوجر فما عليه إلا أن يوجهك بعد الخطوة الأولى إلى الخطوة الثالثة مباشرةً.

* المرحلة الثالثة/ التثبيت:

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

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

3- بعد تحميل القالب في جهازك تابع مايلي:

في الصفحة الجديدة التي ظهرت لنا كما نراها في الصورة يوجد بها الكود الكامل للمدونة مع استبدال صندوق قالب بلوجر الأساسي بصندوق قالب بلوجر الجديد.
انسخ الكود الموجود في الصفحة.

تابع الصورة:

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

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

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

إضافة الإبتسامات Onion Emoticons على مدونات بلوجر

إضافة الإبتسامات Onion Emoticons على مدونات بلوجر

www.monte-escalier-prix.org

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

وهذه بعض الأمثلة :

ما عليك سوى تتبع المراحل الآتية :

1. قم بفتح المتصفح فاير فوكس ، فإن لم يكن لديك ، حمله من هنا
2. الآن سوف نقوم بتثبيت برنامج Grease monkey على فايرفوكس وذلك بالضغط على add toFirefox .

3.بعد أن ينتهي التحميل و التثبيت وافق على إعادة تشغيل الفايرفوكس,وسوف تظهر أيقونة رأس قرد فوق ساعة الكومبيوتر في الأسفل.

4.أما الآن يجب تثبيت الكود java script في البرنامج Grease monkey بالضغط هنا .

1. انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
   قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

]]></b:skin>

ثم قم بلصق الكود التالي قبله :

إضافة أرشيف لمدونة بلوجر

إضافة أرشيف لمدونة بلوجر

www.monte-escalier-prix.org

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

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

<script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript">

</script>

 

<script src="http://chabab-khayr-khribga.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

 

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

</head>

ثم قم بلصق هذا الكود قبله :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

قم بالبحث عن الكود التالي :

]]></b:skin>

ثم قم بلصق هذا الكود قبله :

#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgelX6f_wjthUcSe0Ns3RHzL7opYMXPY2vx1RTEIpWLZypfir_X8UGNEdzhr953nPKELwU-_EC8ZNo0L1eQMTRoaX3_xoftvgnDm0KzYHPXv0VFmzF9r-kxJnenlpd_Eo7ILSP-vU_Pj2M/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlkexPiVVywz7NyC5oxzM2MYAeC_vULjFgZcPohuPDDQwZzZAfyqed6SpsgX8-zEDxDY1uELeEMDV4cyav68NhEnm28KVyz1YhOgBc15fWl5JDA20qAV6xeCyvxPquggKnCnX5OSrW78/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62lWa6rrH4Akbn7SVvkb_kSFxeM9Foq2rVu0ANyOdwwhObil0QTIyWH9Dug0aGPgAVk6j85ZcAtVLD5hxYO8UROl0g_5rpzmrA792EM34YBxRqtrWRpRSDwUvfTG2gIVuIvN6GKctRbA/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

}

 

حل مشكل إختفاء أداة الصفحات في بلوجر

حل مشكل إختفاء أداة الصفحات في بلوجر

www.monte-escalier-prix.org

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

نتجه إلى تحرير Html ← بالضغط على Control+Fنبحث عن:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

نستبدله بالكود التالي { نمسحه ونضيف الكود التالي مكانه } :

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
< b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
< /b:section>

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