مدونة الصفا والمروة

استمع للقرآن الكريم - صوت الشيخ أحمد العجمي حفظ الصفحة على المفضلة ( Ctrl + D ) - حفظ الصفحة على جهازك ( Ctrl + S )

رقم السورة	السورة	للأستماع	رقم السورة	السورة	للأستماع
1	الفاتحة		58	المجادلة
2	البقرة		59	الحشر
3	آل عمران		60	الممتحنة
4	النساء		61	الصف
5	المائدة		62	الجمعة
6	الأنعام		63	المنافقون
7	الأعراف		64	التغابن
8	الأنفال		65	الطلاق
9	التوبة		66	التحريم
10	يونس		67	الملك
11	هود		68	القلم
12	يوسف		69	الحاقة
13	الرعد		70	المعارج
14	إبراهيم		71	نوح
15	الحجر		72	الجن
16	النحل		73	المزّمّل
17	الإسراء		74	المدّثر
18	الكهف		75	القيامة
19	مريم		76	الإنسان
20	طه		77	المرسلات
21	الأنبياء		78	النبأ
22	الحج		79	النازعات
23	المؤمنون		80	عبس
24	النّور		81	التكوير
25	الفرقان		82	الإنفطار
26	الشعراء		83	المطفّفين
27	النّمل		84	الإنشقاق
28	القصص		85	البروج
29	العنكبوت		86	الطارق
30	الرّوم		87	الأعلى
31	لقمان		88	الغاشية
32	السجدة		89	الفجر
33	الأحزاب		90	البلد
34	سبأ		91	الشمس
35	فاطر		92	الليل
36	يس		93	الضحى
37	الصافات		94	الشرح
38	ص		95	التين
39	الزمر		96	العلق
40	غافر		97	القدر
41	فصّلت		98	البينة
42	الشورى		99	الزلزلة
43	الزخرف		100	العاديات
44	الدّخان		101	القارعة
45	الجاثية		102	التكاثر
46	الأحقاف		103	العصر
47	محمد		104	الهمزة
48	الفتح		105	الفيل
49	الحجرات		106	قريش
50	ق		107	الماعون
51	الذاريات		108	الكوثر
52	الطور		109	الكافرون
53	النجم		110	النصر
54	القمر		111	المسد
55	الرحمن		112	الإخلاص
56	الواقعة		113	الفلق
57	الحديد		114	النّاس

حقوق النشر محفوظة لكل مسلم - انشرها ولك الأجر الثواب ان شاء الله

‏إظهار الرسائل ذات التسميات اضافات لمدونات البلوجر. إظهار كافة الرسائل

0 شريط آخر المواضيع بالشكل الافقي

الأربعاء, يوليو 14, 2010

إضافة تسمية توضيحية

أولا قم بالدخول الي هذا الموقع

الدخول للموقع من هنا

ثانيا اتبع الصور

الشيء الهام هو ان تضع رابط feed الخاص بمدونتك

تدخل على اعدادات ومنها تغذية الموقع وتنسخ الرابط الموجود

وهو يكون بها الشكل تقريبا
http://alnir.blogspot.com/feeds/posts/default/

بعد الانتهاء
قم بنسخ الكود الموجود اسفل الصفحة وتضعه في المكان المناسب لك في مدونتك

من خلال اضافة اداة ثم HTML /java script

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 كيفية عمل قائمة جانبية بعناوين المواضيع بدلاً من العشوائية في السرد

الأحد, يونيو 27, 2010

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

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

نبدأ الآن الشرح:

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

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

والآن نأتي للمرحلة الأهم وهي عمل قائمة جانبية بأسماء المواضيع التي كتبت على مدونتك،

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

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

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

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

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

هذه الأداة تحمل اسم: التسميات
ستسرد كل عناوين مواضيعك على شكل قائمة
عندها تسميها ماتشاء بدلا من التسميات تطلق عليها مواضيعي أو مقالاتي دونت لكم

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

منقول للامانه

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 زر أعجبني من Facebook كيف يمكن إضافته لبلوجر

الأربعاء, يونيو 23, 2010

زر أعجبني من Facebook كيف يمكن إضافته لبلوجر

اولا ادخل على هذا الرابط وانسخ رابط مدونتك في المكان المخصص لذلك

http://developers.facebook.com/docs/reference/plugins/like

تابع الصور

ولا تنسي توسيع قالب مدونتك والبحث بطريقة كنترول + f

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 أحدث نسخة كود ترتيب الأليكسا والبيج رانك

السبت, يونيو 12, 2010

ترتيبك في اليكسا والبيج رانك فقط في كود واحد وبنر واحد أنيق وفريد من نوعه مقدم ومبرمج لكم من خبراء موقعي. انسخ الكود بالأسفل وسوف يظهر لك ترتيبك في الأليكسا والبيج رانك مثل هذا البانر.

انسخ الكود الى موقعك

<div align="center">
<style type="text/css">@import url(http://www.risemyweb.com/widget/brand.css);</style>
<div id="widget"><script type="text/javascript" src="http://www.risemyweb.com/widget/widget.php"></script>
<div id="lbrand">
<div id="itex"><a href="http://www.risemyweb.com/" title="risemyweb">RiseMyWeb</a></div>
</div></div></div>

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 كود اقرأ المزيد

الجمعة, يونيو 11, 2010

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

1 - الخطوة الأولى: من باب او قائمة " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة صح في المربع الصغير أعلى صندوق التحرير و نبحث عن

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

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>

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

<head>

ومباشرة بعدها إي تحتها نضع الكود الموجود أعلاه . ( طبعا هذا للتوضيح يعني إما ( head / ) الثانية او ( head ) الاولى ) في صفحة HTML .

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

2 - الخطوة الثانية : نعمل بحث يعني ( Ctrl+F ) عن الكود التالي :

ثم نحدده أي نضلل عليه ثم نستبدله بالكود التالي :

<p><b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>Read more ....</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 اضافة ايقونة تويتر بشكل مختلف

الجمعة, يونيو 11, 2010

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

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

الشرح
اولا الدخول الى الموقع من هنــــــــــــــــــا

Twitter account: اسم دخول الى تويتر
Label: الكتابة التي تكتب علىالايقونة
Color: لون الايقونة
Side: اختار على اي جهة تكون الايقونة Left اليسار ---- اليمين Right
From top: الحجم

وفي الاخير تضغط على

لجلب كود جاف سكريت ولصقه في اي مكان من المدونة

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 كيفية وضع امضاء في موضوعك

الخميس, يونيو 10, 2010

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

<data:post.body/>

أو

وبعدها قم بلصق هذا

<img src='your picture here' style='border:0px;'/>

ضع رابط الصورة مكان your picture here

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 "جاري تحميل الصفحة.." الان هو متاح لبلوجر

الخميس, يونيو 10, 2010

السلام عليكم

اخواني اعرف الكثير من المدونات و التي لها مشاكل عديدة منها : تصفحها الثقيل ..

لدالك هدا يعتبر من أكبر الأسباب التي تأدي الى عدم تكرار الزيارة للمهتمين بمدونتك

و عليه جاءتني فكرة و هي : لمادا لا نلهي الزائر بلمسة رائعة

تخبره بأن يصبر قليلا ..ريثما يتم تحميل الصفحة ؟

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

و الدي هو الان متاح لجميع العرب !

أولا كما تعودنا من تحرير ال html

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

</head>

مباشرة فوقه نقوم باضافة هدا الكود :

الان نحفظ القالب لكننا لم ننتهي بعد :

سنقوم باضافة أداة html

و انتهى

Page........ يمكن كتابة جري تحميل الصفحة مثلا أو اي كلمات ترغبها

top:50px;right:200px : بامكانك تغيير هذه القيم و ذلك حسب وضع الصورة

رابط عنوان الصورة : link picture

position:fixed : ادا كنت تريد تغيير تحرك الصورة اما ثابتة أو متحركة...

fixed او absolute

الان هدية صغيرة وهي عبارة صورة تابعة للموضوع

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 إضافة جميلة "" خلاصة المواضيع بجانب الأقسام في المدونة ""

الخميس, يونيو 10, 2010

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

أولا : أخذ نسخة إحتياطية من القالب

ثانيا : ادخل الى لوحة التحكم .. ثم الى التخطيط .. ثم الى تحرير HTML
.. ثم قم بعمل توسيع للقالب

أكيد انت طبعا عملت كل ده إذن فاستعد لتركيب الإضافة في مدونتك

1. ابحث عن هذا الكود

وقم بتحديده
ثم الصق هذا الكود مكانه

<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

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

ولتعديل الإضافة الى هذا الشكل

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

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

</li>
</b:loop>

وقم بعمل حفظ للقالب

تم بحمد الله

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 الزر الرسمي لخدمة google buzz صدى جوجل لنشر محتوى موقعك

الأربعاء, يونيو 09, 2010

الزر الرسمي لخدمة google buzz صدى جوجل لنشر محتوى موقعك

و شرح كيفية اضافة ازرار صدى جوجل لمدونات البلوجر و صفحات الويب

ازرار صدى جوجل الرسمية

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

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

:: ولإنشاء الزر الرسمي الخاص بموقعك يرجى زيارة الرابط التالي: http://www.google.com/buzz/stuff

طريقة اضافة زر صدى جوجل google buzz لمدونات البلوجر

:: سجل دخولك على حساب البلوجر و من لوحة التحكم الرئيسية اختار ( التخطيط ) >> تحرير HTML >> ثم اختر (توسيع قوالب عناصر واجهة المستخدم ) .

:: ابحث فى القالب CTRL+F عن :

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

:: الان احفظ قالبك . و شاهد النتيجه .

:: ملحوظه هامه .. ولإنشاء الزر الرسمي الخاص بموقعك او مدونتك يرجى زيارة الرابط التالي: http://www.google.com /buzz/stuff

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 طريقة ترقيم الصفحات بالمدونة,blogger

الاثنين, أبريل 19, 2010

طريقة ترقيم الصفحات بالمدونة,blogspot,blogger

ماعليكم الا اضافة الكود التالى عن طريق
لوحة التحكم الرئيسية >> التخطيط >> اضافة اداةhtml

بالكود غيروا اللى باللون الاحمر لما يناسبكم

var pageCount=2; رقم 2 هو عدد المواضيع الظاهرة فى مدوناتكم

border: 1px solid #ccc;

رقم 1 هو حجم الايطار

solid نوع الايطار عادى لو عايزين تغيروه غيروه والدرس التالى يوضح طريقة تغييره

تغيير شكل إطار الصور بالمدونة لعدت انواع أخرى,blogspot,blogger

#ccc لون الايطار

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

مثال

يمكنك تحميل الكود من هنا

http://www.4shared.com/file/8ZYMrozG/pages.html

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 كود اضافة المواضيع المشابهة فى مدونة بلوجر

الاثنين, أبريل 19, 2010

كود اضافة المواضيع المشابهة فى مدونة بلوجر

ادخل فى حسابك على مدونة بلوجر ثم اذهب الى تخطيط
ثم تحرير Html اى فى المكان الذى تعدل فيه قالب المدونة ثم ابحث عن السطر الآتى

هتقولى ازاى ابحث عنه اقولك
بعد ما دخلت على تحرير بواسطة html اللى قولنا عليها اضغط من الكيبورد كنترول + f

واكتب الجملة او العبارة اللى عايز تبحث عنها مثلا احنا عايزين نبحث عن الكلمة الآتية التى فى المثال الحالى

ابحث عنها ثم ضع فوقها مباشرا هذا الكود
كود بلغة HTML:

يمكنك تغيير عنوان الكود مثلما تود

var relatedpoststitle="مواضيع مشابهة";

يمكنك تغيير الالوان ايضا من أكواد الـCSS

بعد كدا هتحبث عن السطر ده

كود بلغة HTML:

لو ملقتهوش ابحث عن السطر ده

المهم اى واحد منهم بعد ما تلاقيه
انسخ الكود الآتى كله ثم ضعه تحته مباشرا

بس كدا اعمل save وشوف النتيجة ^_^

لو وقفت فى حاجة قولى

التسميات: اضافات لمدونات البلوجر | 0 التعليقات

0 كيف تضع عداد زوار في مدونتك

الأربعاء, أبريل 14, 2010

كيف تضع عداد زوار في مدونتك

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