مدونة ذؤيب

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

2009-12-19T16:26:00.011Z

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

1 - حفظ مواضيع و تعليقات المدونة:
» إعدادات المدونة (أساسي) » تصدير المدونة الإلكترونية » حفظ ملف ال xml في الحاسوب.

2 - حفظ قوالب المدونة:
» صفحة التخطيط » تحرير HTML » تنزيل قالب كامل » حفظه على الجهاز.

متابعة طيبة ... /

اضغط هذه الأيقونة في المشغل لمشاهدة أوضح.

رجاء تأكد من أن متصفحك يستطيع تشغيل الفلاش...

1431 عاما على الهجرة النبوية الشريفة .. كل عام و أنتم بخير!

2009-12-19T01:43:00.004Z

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

لا إله إلا الله محمد رسول الله صلى الله عليه و سلم

عدد الزمان و طول الأعوام

و كل عام و أنتم بخير ...

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

تصميم محمد الطلباني (اضغط لمشاهدة الحجم الكامل)

إهداء: أنشودة " أشباب أمتنا " للمنشد سمير البشيري

متصفحك لا يدعم تشغيل الفلاش ...

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

2009-12-17T12:55:00.006Z

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

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

<b:if cond='data:blog.pageType == "item"'>

و تحته مباشرة ضع هذا الكود و احفظ القالب.

<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>

ساهم في نشر الموضوع و لك جزيل الشكر!

</div>

<p align='center'>
<br/>
<br/>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='http://lh5.ggpht.com/_fQliT1HyqQc/SyhOqdrzU9I/AAAAAAAAA0o/Alh3qx4k6Yg/digg.png' width='60'/></a>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='http://lh3.ggpht.com/_fQliT1HyqQc/SyhOwaC5f6I/AAAAAAAAA08/3aojptHqUx8/techno.png' style='padding-top:1px;' width='60'/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='http://lh5.ggpht.com/_fQliT1HyqQc/SyhOqX-vzzI/AAAAAAAAA0k/tkjq8zI044Q/dele.png' width='60'/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOwS-K7wI/AAAAAAAAA04/5TeVBl2GOF8/stumb.png' width='60'/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='http://lh6.ggpht.com/_fQliT1HyqQc/SyhOqo5rkfI/AAAAAAAAA0w/UUXBImEo5MQ/reddit.png' width='60'/></a>

<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'>
<img alt='Facebook' height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOqqiNcSI/AAAAAAAAA0s/sGx3cWs2Msc/faceb.png' width='60'/></a>

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='http://lh3.ggpht.com/_fQliT1HyqQc/SyhOwhno87I/AAAAAAAAA1A/dhDkFtOs-LE/twitter.png' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOrMbHfgI/AAAAAAAAA00/Ng_qIFYQ_Bk/rss.png' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>

شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60' و width='60' و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).

لا تنسوا متابعتي على تويتر عبر هذين الحسابين

doaibblog

HalTa3lam

مع تحيات أخيكم محمد.

إضافة ترقيم الصفحات المعربة لمدونات ووردبريس WP Page Numbers

2009-12-12T15:58:00.003Z

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

.

معلومات عن الإضافة

.............................................

إضافة ترقيم الصفحات WP Page Numbers طورت من طرف Jens Törnell، و تتوافق مع إصدارات ووردبريس 2.8x و تجدون هنا باقي المعلومات . عربت من طرف ذؤيب و أعدت لتناسب اتجاه الكتابة العربية، كما أضيف لها مجموعة من القوالب الأنيقة زيادة على الأصلية و التي عدلت هي الأخرى لتناسب اتجاه العربية.

طريقة التركيب

.............................................

1 - حمل ملف الإضافة المضغوط من هنا.

تحميل إضافة ترقيم الصفحات لووردبريس

2 - فك الضغط عن الملف و ارفع مجلد الإضافة إلى الامتداد wp-content/plugins
3 - من لوح تحكم مدونتك فعل الإضافة.
4 - من قائمة إعدادات المدونة اضغط "ترقيم الصفحات" ثم غير إعدادات الإضافة بما يناسبك.
\!/ قبل متابعة الخطوة الخامسة يرجى تحميل نسخة احتياطية من قالب المدونة.
5 - ليظهر شريط أرقام الصفحات في المدونة ضع مكان

'next_posts_link()' و 'previous_posts_link()'

الكود الآتي :

<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

في كل من ملفات القالب الموالية : index.php ، archive.php و search.php
و هذه صورة توضيحية، اضغط لمشاهدتها بوضوح.

بعض صور الإضافة

.............................................

اضغط على الصورة لمشاهدتها كاملة

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

.............................................

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

تحياتي :)

وضع أقسام لمدونات بلوجر للمبتدئين.

2009-11-30T17:24:00.004Z

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

إضافة مواضيع ذات صلة لمدونات بلوجر ( تحديث ) Related Posts For Blogger

2009-11-29T20:12:00.004Z

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

The key is not supplied. Please go to BRPS to obtain one. If you are reading this, please relay the message to the owner of this blog.

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

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

الخطوة الأولى : حذف الإضافة الأولى

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

<div id='related_posts'/>

<script src='http://www.google.com/jsapi'></script>
<script src='http://sites.google.com/site/simoxisite/Home/simo/brps.txt?attredirects=0' type='text/javascript'/>

الخطوة الثانية : تركيب الإضافة الجديدة

1 - ابحث عن الكود الآتي

]]></b:skin>

ثم فوقه مباشرة ضع ما يلي :

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/GbYNm2feyIQ/rss.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

2 - مرة أخرى تحت الكود المشار إليه باللون الأزرق سابقا ضع الآتي :

<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>

3 - ثم تبحث عن هذا الكود :

<div class='post-footer-line post-footer-line-1'>

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

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>مواضيع ذات صلة : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

* يمكنك وضع أي عبارة تريد مكان " مواضيع ذات صلة " .
* كذلك يمكنك تغيير الرقم 5 بالكود السابق لتعين عدد النتائج المراد عرضها.

4 - و أخيرا استعرض المدونة و احفظ القالب و مبروك عليك :)
شكر خــــــــــــاص لـــ Widgetsforfree

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

2009-11-25T19:11:00.009Z

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

و يمكن مشاهدة مثال حي بهذه الصفحة : صفحة الأرشيف

الطريقة

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

<script style="" src="http://sites.google.com/site/simoxisite/Home/archive.js"></script>
<script src="http://doaib.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

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

رابعا يجب وضع رابط لصفحة الفهرس على الصفحة الرئيسية كما أفعل في مدونتي حيث وضعته بالقائمة العلوية ، أو يوضع بالقائمة الجانبية ... حتى يصل إليه زوار المدونة .
و أخيرا لمن أحب أن يضع فهرسا بشهور إنجليزية ما عليه سوى زيارة الموضوع الأصلي الذي أعده أخونا أبو فرحان عبر هذا الرابط .
Table of Contents Categorized by Dates (by Archived) for Blogger

تحياتي لكم و يوم عرفة مبارك على الجميع!
.
.

عذرا على الغياب !

2009-11-08T13:57:00.002Z

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين .

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

أخوكم محمد

عيد مبارك ، عساكم من عواده

2009-09-19T22:33:00.007Z

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

.
.
.

الآن خاصية "اقرأ المزيد" متاحة في بلوجر

2009-09-15T01:06:00.012Z

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

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

أما إن كنت تستعمل html لتنسيق التدوينة فيمكنك استعمال هذا الكود لتعيين مكان الفصل

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

<data:post.body/>

ثم بعده نضيف هذا الكود و نحفظ القالب :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

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

نصيحة : الخاصية لازالت قيد التطوير و لا ينصح باستعمالها الآن رغم أنها أعلنت رسميا و نفس الشيء ينطبق على محرر الرسائل الجديد.

تحياتي!

فهرس المواضيع لمدونات بلوجر Blogger Table of Contents

2009-09-12T22:04:00.015Z

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

مثال حي يمكن مشاهدته من هنـــــــــا
و هذه صورة للفهرس

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

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://doaib.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

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

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

خمس إضافات jQuery للمواقع و المدونات

2009-09-06T00:28:00.023Z

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

فورم "اتصل بنا" بواسطة Tom Kenny

تحميل | مشاهدة Demo

فقاعات title بتأثير جميل بواسطة Fez Soft

شرح التركيب | مشاهدة Demo

قائمة مبوبة بتأثير flip بواسطة Webdeveloperplus

شرح التركيب | مشاهدة Demo

فقاعات بتأثير جميل بواسطة Jqueryfordesigners

شرح التركيب | مشاهدة Demo

زر لجميع المفضلات الاجتماعية بواسطة Artviper

شرح التركيب | مشاهدة Demo

عرض الأكواد في ووردبريس و بلوجر باستعمال SyntaxHighlighter

2009-08-29T09:05:00.013Z

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

.box-heart{
border:solid 1px #DEDEDE;
background:#FFFFCC url(img/icon-heart.png) 8px 6px no-repeat;
color:#222222;
padding:4px;
text-align:center;
}

1- طريقة تنصيب الإضافة في مدونات بلوجر Blogger

من لوحة التحكم نفتح صفحة تحرير html ثم نحفظ نسخة احتياطية من القالب قبل بدء التعديل.
و نبحث عن :

</head>

قبلها أي فوقها مباشرة نلصق الكود الموالي:


<link href='http://sites.google.com/site/simoxisite/syntaxhighlighter/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shCore.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushCpp.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushCSharp.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushCss.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushDelphi.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushJava.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushJScript.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushPhp.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushPython.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushSql.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushVb.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushXml.js' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxisite/syntaxhighlighter/shBrushRuby.js' type='text/javascript'/>

مرة أخرى نبحث عن:

</body>

و قبله أي فوقه مباشرة نلصق الكود الآتي و نحفظ القالب:


<script language='javascript'>
function start() {
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.ClipboardSwf = &#39;/flash/clipboard.swf&#39;;
dp.SyntaxHighlighter.HighlightAll(&#39;code&#39;, true, true, false, 1, false);
}
window.onload = start;
</script>

الآن بعد حفظ القالب سنتعرف طريقة وضع الكود بالتدوينة أو الموضوع.
كما لاحظتم في الكود الأول فإن الإضافة بها عدة ملفات جافاسكريبت كل واحد منها مختص بعرض أكواد لغة برمجة معينة ك php ، java ، javascript ، xml ، و غيرها ... و هذا سنأخذه بعين الاعتبار فيما يلي .
يدرج الكود كما يلي :

<pre name="code" class="css">
هنا يوضع الكود
</pre>

أو

<textarea name="code" class="css">
هنا يوضع الكود
</textarea>

طبعا هذا الكود معد لعرض css و منه لعرض أكواد أي لغة أخرى نستبدل css باسم تلك اللغة.
باستعمال pre لعرض كود html تأكد من تعويض الأقواس المعقوفة < و > بما يلي

- < إلى <
- > إلى >

و يمكن القيام بهذه العملية باستعمال هذه الاداة التي تعوض كل الأقواس بكود html دفعة واحدة .
أما إذا استعملت textarea فالمتصفح يتجاهل ما بين وسميها و يعرضها نصا ، إذا فهذه تعد الأبسط و الأسرع.

2 - طريقة تركيب الإضافة على مدونات ووردبريس

تحميل الإضافة من هنا SyntaxHighlighter Plus
فك الضغط عن الملف و رفع مجلد الإضافة إلى مجلد plugin الموجود داخل wp-content
تفعيل الإضافة من صفحة الإضافات في لوحة تحكم لمدونة .
ثم في التدوينة أو الموضوع ندرج الكود كما يلي:

يعوض css برمز لغة برمجة الكود المعروض و هذه لائحة اللغات المتاحة و رموزها.

تحياتي!

بلوجر تضيف إمكانية عرض التصنيفات على شكل سحابة أوسمة

2009-08-26T01:25:00.006Z

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

الجديد يظهر في هذه الصورة.

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

إضافة زر تويتر إلى مدونات بلوجر Retweet This Button

2009-08-24T02:58:00.010Z

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

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>

ثم بعده مباشرة سنضيف كود الزر المطلوب و نحفظ القالب.
الزر الكبير

<div style='float:left; margin-right:10px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>

الزر الصغير

<div style='float:left; margin-right:10px;'>
<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

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

<data:post.body/>

و سيبدو هكذا :

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

.

هاك الانتقال لأعلى الصفحة باستعمال مكتبة jQuery

2009-08-22T18:00:00.011Z

أغلب مدونات ووردبريس Wordpress تستعمل إضافة Wp To Top لوضع رابط الانتقال إلى أعلى الصفحة بطريقة سلسة. و صاحب هذه الإضافة اعتمد على هذه الطريقة jQuery topLink Plugin لإنشاء هذه الإضافة الممتازة. و اعتماداعلى نفس الموضوع سندرج هذه الإضافة في مدونات بلوجر و يمكن كذلك استعمال الطريقة ذاتها لإدراجها في أي موقع أو صفحة ويب. بسم الله نبدأ.
يمكن تجريب الإضافة من خلال هذه المدونة التجريبية. حاول النزول لأسفل الصفحة و سيظهر الزر تلقائيا.

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

]]></b:skin>

و مباشرة تحتها نضيف الكود الموالي

<script src='http://simo.eb2a.com/jQ2top/jquery-1.3.2.js' type='text/javascript'/>
<script src='http://simo.eb2a.com/jQ2top/jquery.scrollTo-1.4.0-min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200,
ieOffset: 50
}, settings);
return this.each(function() {
//listen for scroll
var el = $(this);
el.css('display','none'); //in case the user forgot
$(window).scroll(function() {
if(!jQuery.support.hrefNormalized) {
el.css({
'position': 'absolute',
'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
});
}
if($(window).scrollTop() >= settings.min)
{
el.fadeIn(settings.fadeSpeed);
}
else
{
el.fadeOut(settings.fadeSpeed);
}
});
});
};

$(document).ready(function() {
$('#top-link').topLink({
min: 400,
fadeSpeed: 500
});
//smoothscroll
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
</script>

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

]]></b:skin>

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

#top-link {
display:none;
position:fixed;
right:5px;
bottom:5px;
color:green;
font-weight:bold;
text-decoration:none;
border:1px solid green;
background:Lightgreen;
padding:10px;
}

بعد ذلك نضع كود ال XHTML الموالي بين وسمي body ، مثلا مباشرة فوق </body> و نحفظ القالب.

<a href='#top' id='top-link'>إلى الأعلى</a>

طريقة الإضافة في مدونات ووردبريس
كما ذكرت سابقا فالأمر سهل لمدونات ووردبريس و الطريقة كالآتي
1 - تحميل الإضافة من هنا Wp To Top
2 - فك الضغط عن الملف و رفع مجلد الإضافة إلى مجلد plugin الموجود داخل wp-content
3 - تفعيل الإضافة من صفحة الإضافات في لوحة تحكم لمدونة .

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

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

إضافة All in One SEO المعربة لمدونات ووردبريس

2009-08-20T03:22:00.006+01:00

أتممت بحمد الله تعريب إضافة All in One SEO لمدونات ووردبريس . هذه الإضافة تمكن من تعريف محركات البحت بالمدونة بشكل أفضل و أيسر من خلال ميزات عدة أهمها إمكانية تحديد شكل عناوين صفحات الأرشيف ، التصنيفات ، التدوينات و الكلمات المفتاحية ... إضافة إلى إمكانية التحكم في الأرشفة لتفادي المحتويات المكررة و التي لا تتوافق و قوانين محركات البحث ... و غيرها كثير يمكنك الوقوف عليها من خلال صورة هذه الإضافة .

اضغط على الصورة لمشاهدتها بالحجم الأصلي

معلومات عن إضافة All in One SEO
تعريب ذؤيب
ملف اللغة العربية ملحق بمجلد الإضافة و يعمل تلقائيا في حال كانت لغة المدونة الافتراضية هي العربية .

طريقة التركيب
فك الضغط عن الملف المحمل ثم ارفع مجلد الإضافة إلى مجلد plugins الموجود داخل wp-content ثم من لوحة تحكم المدونة توجه إلى صفحة الإضافات ثم فعل إضافة All In One SEO . ثم بعد ذلك يمكنك مباشرة العمل بالإضافة انطلاقا من خانة الإعدادات.

تحميل النسخة المعربة

.

خدمتان تمكنانك من إضافة أزرار المفضلات الاجتماعية إلى مدونتك

2009-08-17T02:05:00.009+01:00

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

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

2 - وضعها أسفل كل موضوع أو تدوينة.
بالنسبة لووردبريس هناك إضافة ممتازة قد تغنيك عن نسخ الأكواد و هي Sociable ، يمكن تحميلها من هنـــــــا ، بعد فك الضغط عن الملف يرفع مجلد الإضافة إلى مجلد Plugins الموجود داخل wp-content وتفعل الإضافة من لوحة التحكم حيث يمكن تعديلها من خلال قائمة الإعدادات.
بالنسبة لبلوجر سنضع الكود كما فعلنا مع إضافة AddThis حيث سنبحث عن هذا الكود و نضع الكود المنسوخ تحته مباشرة بعد حفظ نسخة احتياطية من القالب.

<div class='post-footer-line post-footer-line-1'>

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

1 - SocioFluid.com

يقدم مجموعة أزرار جميلة تتموج في حركة شبيهة بقائمة فيستا أو الماك.

2 - Social-Submitter.com

كذلك يقدم هذا المولد مجموعة أزرار صغيرة أنيقة لا تتطلب مساحة كبيرة .

تحياتي!
.
.

10 مجموعات من أجمل الأيقونات للمدونات و المواقع

2009-08-15T03:52:00.019+01:00

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

___________________________ مدونة ذؤيب

Socialize Icons

___________________________ مدونة ذؤيب

Coquette Icons

___________________________ مدونة ذؤيب

Vega Icons

___________________________ مدونة ذؤيب

مجموعة أيقونات المفضلات

___________________________ مدونة ذؤيب

Icojoy Icons

___________________________ مدونة ذؤيب

أيقونات صغيرة للمفضلات

___________________________ مدونة ذؤيب

Onebit free icon set

___________________________ مدونة ذؤيب

Social Media Bookmark Icons

___________________________ مدونة ذؤيب

Function Icons Set

___________________________ مدونة ذؤيب

Xiao Icon

___________________________ مدونة ذؤيب

إضافة التدوينات العشوائية لمدونات بلوجر Random Posts Blogger Widget

2009-08-12T02:59:00.018+01:00

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

تحديث : الأداة تعمل بشكل جيد مع Firefox و Opera و لكن تسبب بعض المشاكل عند استعمال Internet Explorer 6 و Google Chrome ، سأضع أداة أخرى تفي بالغرض بإذن الله ، المرجو التريث في استعمال هذه .

الأداة من برمجة : Gautam

صورة للإضافة

أضفها من هنا
تنويه : لن يفعل زر الإضافة إلا بعد ضغط "تحديث" .
مع تحيات أخيكم ذؤيب

[ معربة ] إضافة التدوينات العشوائية من تصنيف محدد لمدونات ووردبريس Random Posts from Category

2009-08-11T03:42:00.009+01:00

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

صور للإضافة .

اختيار طريقة عرض التدوينات
طريقة التنصيب

أولا : تحميل النسخة المعربة
ثانيا : بعد التحميل فك الضغط عن الملف و ارفع مجلد الإضافة (random-posts-from-category) إلى مجلد plugins الموجود داخل المجلد wp-content .
ثالثا : من لوح تحكم مدونتك فعل الإضافة .
رابعا : توجه إلى مربعات القائمة الجانبية من هناك سيمكنك إضافة مربع التدوينات العشوائية و تخصيصه ثم حفظه وفق رؤيتك.

معلومات إضافية

» الإضافة تعرض مواضيع عشوائية من تصنيف محدد.
» بها إمكانية تحديد عدد التدوينات المعروضة.
» إمكانية اختيار طريقة العرض (العنوان فقط ؛ العنوان ومقتطف من التدوينة ؛ أو العنوان و محتوى التدوينة كاملا)
» إمكانية ربط عنوان المربع بأرشيف التصنيف المحدد.
» الإضافة تتطلب ووردبريس 2.8 فما أحدث أي 2.8.2 و 2.8.3
» تاريخ إنشائها : 2009-8-6
» Random Posts from Category Wordpress Plugin

عربت بواسطة ذؤيب
تحياتي!

خدمة بلوجر تتعرض لهجمات اختراق و المياه تعود إلى مجاريها تقول جوجل

2009-08-07T23:12:00.005+01:00

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

رابط الخبر

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

إضافة تويتر لمدونات بلوجر Blogger Twitter Widget

2009-08-05T03:06:00.012+01:00

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

<div id="twitter_div" style="border: 1px solid #e6e6e6;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/doaib">تابعني على تويتر !</a>
</div>
<script src="http://sites.google.com/site/simoxisite/Home/twitter.js?attredirects=0" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/doaib.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

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

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

لا تنسوا أن تتابعوني على تويتر من هنـــــــا على حسابي الخاص بالمدونة.

أسئلة و أجوبة حول مدونات بلوجر Blogger

2009-08-03T18:53:00.001+01:00

بسم الله و الصلاة و السلام على خير خلق الله محمد البشير الأمين و على آله و صحبه و من تبعهم بإحسان إلى يوم الدين . إخواني الكرام السلام عليكم و رحمة الله ، أحييكم و أقدم لكم في هذا الموضوع بإذن الله أكثر الأسئلة شيوعا في عالم مدونات بلوغر Blogger و أملي ان تجدوا فيها و لو يسير الفائدة ، كما و أني أرحب بكل سؤال جديد يضاف للقائمة لإغنائها و توسيع ضفاف فائدتها. و بسم الله نبدأ مع الأسئلة.
1 - سؤال : لماذا لا يمكن لغير المسجلين التعليق على تدويناتي؟
جواب : لأنه عند إنشاء مدونة جديدة يكون التعليق مقصورا على منتسبي غوغل أو بعض الحسابات الاخرى و يمكن تجاوز ذلك و فتح التعليق للعموم عبر هذا المسار:
لوحة التحكم » إعدادات » التعليقات ثم جوابا على السؤال "من يمكنه التعليق؟" الموجود بالقائمة ، فعل الخيار الأول ثم اضغط زر حفظ الإعدادات.

2 - سؤال : لماذا لا يتم تنسيق الخط تلقائيا جهة اليمين ؟
جواب : لأنك جعلت لمدونتك لغة أخرى غير العربية ، إذا لتدارك الأمر ، قم بتغير اللغة إلى العربية من قائمة " التنسيق " الموجودة في صفحة الإعدادات .

3 - سؤال : لماذا كلما وضعت صورة كبيرة وجدتها قد صغرت في التدوينة ؟
جواب : يقع ذلك حتى لا يشوه شكل مدونتك و ليبقى تصفح تدويناتك سهلا و مرتبا. فمن أراد مشاهدة صورك بحجمها الكامل لا يكلفه ذلك إلا الضغط عليها.

4 - سؤال : ما سبب بطء تصفح مدونتي؟
جواب : ذلك راجع لأسباب عدة أهمها :

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

5 - سؤال : هل يمكنني نشر تدوينتي في أكثر من قسم ( أو تصنيف ) ؟
جواب : نعم من الأفضل فعل ذلك لأن كثرة التصنيفات تزيد من من الكلمات الدلالية داخل مدونتك و نتيجة لذلك يزداد زوار مدونتك القادمون عبر محركات البحث . فمثلا كتبت موضوعا أو تدوينة حول " الرياضة في الإسلام " إذا فيمكنك وضعه في تصنيف "رياضة" و "إسلاميات" و "الإسلام و الناس " و هلم جرا ...

يتبع ( في نفس الموضوع )

قالب ووردبريس معرب Green Rays Wordpress Theme

2009-07-30T01:06:00.007+01:00

قالب green-rays لمدونات ووردبريس Wordpress ، معرب و جاهز للتركيب ، القالب بسيط شكلا لكنه أنيق و جذاب و سهل التعديل . طبعا طريقة التركيب معروفة ، فقط فك الضغط عن الملف و ارفع مجلد القالب إلى Themes الموجود داخل wp-content ثم فعله من لوحة التحكم. المثال الموجود للقالب هي هذه الصورة ، أما المثال المباشر ففي القريب بإذن الله و طبعا لا أحتاج لأن أذكر بضرورة استعمال القالب فيما يرضي الخالق عز و جل . نتمنا لكم تدوينا هادفا و علما نافعا!

اضغط على الصورة لمشاهدتها بحجم أكبر

مصمم القالب : Themelab
تعريب القالب : ذؤيب
النسخة الإنجليزية : مشاهدة مباشرة
النسخة المعربة : صورة