تغيير الخصوصية والأذونات .. (4) ..... (يتبع)

دليل الخطوات الأولى في Blogger

الخصوصية والأذونات

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

1. أدنى قسم "قراء المدونة"، سترى على الأغلب خيار "أي شخص" محددًا كإعداد افتراضي. وعند تغييره إلى "هؤلاء القراء فقط"، سيظهر الزر إضافة قراء.
2. انقر على الزر إضافة قراء ثم أدخل عنوان البريد الإلكتروني لشخص تريد منحه حق الدخول إلى مدونتك. ولإضافة عدة أشخاص، افصل بين عناوينهم بفواصل.
3. يتم منح حق الدخول إلى كل حساب Google مقترن بكل عنوان أدخلته لمشاهدة مدونتك. وإذا كان أحد العناوين غير مقترن بحساب، فسيتلقى هذا الشخص دعوة في رسالة إلكترونية تشتمل على رابط يتيح له أحد الخيارات الثلاثة التالية:
• تسجيل الدخول باستخدام حساب حالي
• إنشاء حساب جديد
• مشاهدة المدونة بوصفه ضيفًا (ولا يتطلب ذلك حسابًا)
4. 
   

(تغيير الالوان وحجم المدونة .. (3) .. (يتبع )

دليل الخطوات الأولى في Blogger

مصمم نماذج Blogger‏ 

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

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

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

عند اختيار نموذج، يمكنك متابعة تخصيص مظهر مدونتك.

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

الخلفية

حتى بعد اختيار النموذج، يمكنك التغيير في مظهره. فيمكنك، باستخدام مصمم نماذج Blogger، اختيار لون أو صورة خلفية مدونتك ثم استخدام نظام الألوان كما تريد. لبدء تخصيص الخلفية، انقر على الصورة المصغّرة أسفل صورة الخلفية.

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

عند تحديد الصورة، يمكنك تغيير لون الخلفية من خلال النقر على مظهر اللون الرئيسي ثم تحديد اللون المطلوب.

لن تتمكن من تغيير لون الخلفية إلا إذا كانت الخلفية شفافة. كما لن تتمكن من تغيير لون النموذج الذي اخترته إذا كانت خلفيته رمادية.

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

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

للحصول على معلومات حول تحميل صورة خلفية مخصصة، يرجى مراجعة مقالة إضافة CSS مخصص إلى مدونتك.

تخطيط

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

إذا أردت إضافة أدوات أو إزالتها أو تعديل إعدادات أدوات، فلن تتمكن من إجراء ذلك عبر مصمم نماذج Blogger. بل عليك إجراء ذلك من علامة التبويب العامة التنسيق.

ضبط العرض

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

اضافــة فيديــو الي المدونــة (2) .. ( يتبــع)

دليل الخطوات الأولى في Blogger

إضافة فيديو

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

انقر على تصفح لتحديد ملف الفيديو الذي تريد تحميله من الكمبيوتر. ولاحظ أن Blogger تقبل ملفات بتنسيقات AVI وMPEG وQuickTime وReal وWindows Media ويجب ألا يتجاوز حجم ملف الفيديو 100 ميغابايت.

قبل تحميل الفيديو، أضف عنوانًا في المربع "عنوان الفيديو" ووافق على البنود والشروط (يجب عليك إجراء ذلك في المرة الأولى فقط لتحميل فيديو إلى Blogger). ثم انقر على تحميل الفيديو.

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

تخصيص

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

في علامة التبويب نموذج، يمكنك إما النقر على الزر البرتقالي تخصيص لتبدأ في استخدام مصمم النماذج بسيط الاستخدام WYSIWYG ("ما تراه هو ما تحصل عليه") أو لاختيار إحدى النماذج الافتراضية العديدة لدينا. إذا كنت تريد تعديل HTML في مدونتك، ما عليك سوى النقر على الزر الرمادي تعديل HTML.

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

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

4. بعد إضافة المعلومات اللازمة إلى الأداة المحددة، انقر على الزر البرتقالي حفظ الترتيب. ستظهر التغييرات التي تم إجراؤها على التنسيق على الفور.

نظرة عامة على محتويات المدونة واقسامها (1) .. (يتبع )

دليل الخطوات الأولى في Blogger

مرحبًا بك في Blogger! يمكن أن يرشدك هذا الدليل إلى كيفية إنشاء مدونة ومساعدتك في التعرف بنفسك على الميزات الأساسية في Blogger.

لبدء استخدام Blogger، ما عليك سوى تسجيل الدخول باستخدام حسابك في Google. (إذا كنت تستخدم Gmai أو مجموعات Google أو orkut، فإنك تمتلك حسابًا فعلاً). إذا لم يكن لديك حساب في Google، يمكنك إنشاء حساب الآن.

المحتويات

• إنشاء مدونة
• لوحة التحكم
• نظرة عامة
• كتابة مشاركة
• إضافة صورة
• إضافة فيديو
• تخصيص
• الخصوصية والأذونات

إنشاء مدونة

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

اختر عنوانًا (عنوان URL) وعنوانًا للمدونة. ثم اختر نموذج المدونة المفضل لديك (هذا ما ستبدو عليه مدونتك عندما تنشرها). يمكنك الآن أن تكون مبدعًا الآن وأن تضيف المعلومات إلى ملفك الشخصي وأن تخصص مظهر مدونتك، إذا أردت ذلك. ابدأ التدوين الآن!

لوحة التحكم

لوحة التحكم هي كالمعتاد نقطة البدء. ففيها تُدرج جميع مدوناتك، ويمكنك النقر على الرموز بجوارها لتنفيذ إجراءات متعددة على كل مدونة، مثل:

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

يرجى ملاحظة أن علامة التبويب "الأرباح" لن تظهر إلا إذا كان AdSense يدعم لغتك.

نظرة عامة

في علامة التبويب نظرة عامة، يمكنك الاطلاع على نشاط مدونتك والأخبار والنصائح من فريق Blogger والمدونات المهمة الحديثة.

كتابة مشاركة

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

بعد تسجيل الدخول إلى Blogger، ستشاهد لوحة التحكم مع قائمة من المدونات. إليك ما يجب فعله:

1. انقر على رمز القلم الرصاص البرتقالي لكتابة مشاركة جديدة وأدخل أي شيء تريد مشاركته مع العالم.
2. ثم ستشاهد صفحة محرر المشاركات. ابدأ بوضع عنوان لمشاركتك (اختياري)، ثم أدخل المشاركة نفسها:
   
3. عند الانتهاء، انقر على الزر معاينة في الجزء العلوي للتأكد أنها جاهزة للنشر، ثم انقر على الزرنشر لنشر المشاركة.

إضافة صورة

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

بعد تحديد الصورة، يمكنك اختيار تنسيق لتحديد كيفية ظهور الصورة في المشاركة:

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

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

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

المصدر : 

https://support.google.com/blogger/answer/1623800?hl=ar

قالب بلوجر غير مُعرب (4)

قالب 4

المعاينة 

http://gameclub-bloggertemplateplace.blogspot.com/

التحميل 

اضغط هنا للتحميل

قالب بلوجر معرب (3)

قالب بلوجر معرب 3

تحميل قالب / استايل بلوجر GardenWork المعرب

الإصدار الأول من قالب / استايل GardenWork لبلوجر blogger: قالب بلوجر بني مع عمود للإضافات على اليسار وبدون أعمدة فوتر يصلح للمدونات الشخصية والمدونات المهتمة بالطبيعة.

قبل تحميل القالب يجب أن تعلم :

• لا أسامح أبدا من يحذف حقوق التعريب
• + غير مسجل إذا أعجبك القالب / الاستايل اضغط زر الإعجاب الخاص بالفيسبوك أسفله

باسوورد فك الضغط : www.bloggerexp.com



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

قالب بلوجر معرب 3)

قالب 3

تحميل قالب / استايل بلوجر Love Sonnet المعرب ~ قالب بلوجر للمدونات الشخصية

قالب / استايل Love Sonnet المعرب لبلوجر blogger: قالب / استايل بلوجر بسيط أبيض وأحمر مناسب للمدونات الشخصية بعمود للإضافات على اليسار وبدون أعمدة فوتر.



باسوورد فك الضغط : www.bloggerexp.com

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

إضافة زر المتابعة على المواقع بشكل متحرك

اضافات بلوجر

بسم الله الرحمن الرحيم 

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

لوحة التحكم الرئيسية / التخطيط / أداة جافاسكريبت وضع بها الكود التالى

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><style type="text/css">#MD-circle-mod{bottom: 0 !important;left: 5px;position: fixed;}#MD-container-circle{position:relative;height:100px;width:100px}#MD-base-button{background:-moz-linear-gradient(center top,#A90329 0,#8F0222 44%,#6D0019 100%) repeat scroll 0 0 #6D0019;background:-webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);border:4px solid #fff;text-decoration: none;z-index:9999;cursor:pointer;border-radius:50px 50px 50px 50px;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;font:68px Arial;height:80px;left:0;padding:0;position:absolute;text-align:center;top:0;width:80px}.MD-btn{position:absolute;height:50px;width:50px;border-radius:25px;top:15px;left:15px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;box-shadow:0 1px 3px rgba(0,0,0,.5)}#MD-fb.open{top:-125px;left:25px}#MD-fb.open.clicked{top:-135px;left:15px}#MD-tw.open{top:-105px;left:80px}#MD-gplus.open{top:-75px;left:125px}#MD-rss.open{top:-30px;left:160px}#MD-mail.open{left:175px;top:25px}.plus{-moz-user-select: none;-moz-transition:all 200ms ease-in 0s;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in}.rot{-moz-transform:rotate(137deg);-o-transform:rotate(137deg);-webkit-transform:rotate(137deg);transform:rotate(137deg)}</style><script type="text/javascript">var delay=40,delayTime;$(function(){btns=$(".MD-btn");$("#MD-base-button").toggle(function(){$("span.plus").addClass("rot");btns.each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.addClass("open")},delayTime)})},function(){$("span.plus").removeClass("rot");$($(btns).get().reverse()).each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.removeClass("open")},delayTime)})})});</script><a href="http://gj37765.blogspot.com" style="position:absolute;z-index:-11"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqHd5r0nqoS3i6gqCKORQoqchF1-EhOKVoB_XvJ1kmtxqadV-jsIJ7RIgS48ak3ueI4ZfIhonAl6Vh5WNpcEcaNsjrhI9Mk9wQlMS9Av2cmLVJKgpmMPHsR1c6ol_MDfKCjjO4Av9lTc/s1600/1x1juice.png" /></a><div id="MD-circle-mod"><div id="MD-container-circle"><a id="MD-fb" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -1px 0" href="https://www.facebook.com/nevadajabr" rel="nofollow" target="_blank"></a><a id="MD-tw" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -52px 0" href="http://twitter.com/#" rel="nofollow" target="_blank"></a><a id="MD-gplus" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -157px 0" href="#" rel="nofollow" target="_blank"></a><a id="MD-rss" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -105px 0" href="#" rel="nofollow" target="_blank"></a><a id="MD-mail" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -210px 0" href="http://feedburner.google.com/fb/a/mailverify?uri=#&loc=en_US" rel="nofollow" target="_blank"></a><a id="MD-base-button"><span class="plus">+</span></a></div></div><a href="http://gj37765.blogspot.in" rel="dofollow"></a>

مع تغيير اللوان الأحمر بالروابط الخاصة بك

المصدر | مدونة مدوّن http://mdwanblog.blogspot.com/2013/09/blog-post_18.html#ixzz2iUPGDRB0

اضافة كود آخر التعليقات بالمدونة

أضف لمدونتك آخر التعليقات بشكل جزاب وبصورة المعلق

اضافات بلوجر

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

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

والآن مع تركيب الإضافة وهى سهلة جدا لمن لا يعلم 

تركيب الإضافة 

لوحة تحكم بلوجر - التخطيط - إضافة اداة جافاسكريبت 

وضع بها الكود التالى 

 <style type="text/css">
    ul.w2b_recent_comments{list-style: none;margin: 0;padding: 0;}
    .w2b_recent_comments li{margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.w2b_recent_comments li:hover{background: #CCCCCC!important;border:1px #999999;margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 6,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 60,
 showMorelink = false,
 moreLinktext = "للمزيد",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://mdwanblog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

مع تغيير اللون الأحمر برابط مدونتك

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

المصدر | مدونة مدوّن http://mdwanblog.blogspot.com/2013/05/comments.html#ixzz2iUMEjBbx

ABLUT ME

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

لينك الموقع

https://about.me/

للمعاينة

ABOUT ME