كيفيت اضافة ثلاث 3 اعمدة اسفل مدونتك بلوجر

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

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

اليوم سوف نشرح كيفيت وضع ثلاث 3 اعمد اسفل مدونة بلوجر

الموضوع سهل جدا لاكن محتاج شويت تركيز بس

لا اطول عليكم نبدا بالشرح

1- أدخل إلى لوحة تحكم مدونتك الخاصة بحسابك على بلوجر

2- تختر " تصميم " ثم " تحرير HTML " (تذكر أن تحتفظ بنسخة احتياطية من القالب)

3- ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم

4- بعد ذلك قم بالإستعانة ب  ctrl+f للبحث عن :

4- بعد ذلك قم بالإستعانة ب  ctrl+f للبحث عن :

5- الصق الكود التالي فوقه مباشرة :

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

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

في حالة ما لم تجده قم بالبحث عن كود يحتوي على  footer-wrap, footer, footer-end  أو ماشابهها.

7- ثم الصق الكود التالي بعده مباشرة :

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

8- و أخيرا قم بحفظ القالب

9- ثم اذهب الي التخطيت و ستلاحظ بإذن الله إضافة 3 أعمدة في الأسفل.

تم بحمد الله اي اسئله استفسار مشاكل في الرشرح حاجه مش فهمها اترك تعليق بسؤالك وسوف نقوم بالرد عليك في اسرع وقت ممكن ان شاء الله
                       والسلام عليكم ورحمه الله وبركاته

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

السلام عليكم ورحمه الله وبركاته
اهلا ومرحبا بكم اعضاء وزوار مدونة عالم التكنولوجيا والمعلومات اليوم شرحنا بسيط جدا ومحتاج القليل من التركيز درسنا هيكون عن كيفيت عمل تاج لجميع الاصدقاء او اشاره لجميع الاصدقاء علي صفحتك في الفيسبوك ومميزاته ايضا اي مثلا لو في اعياد او افراح او حاله بدك جميع اصدقائك يعلمو بيها او دعايه لصفحه مثلا او اي شيئ طبعا بتاج ده او الاشاء جميع اصدقائك هيعرفو وهيشوفو المنشور او البوست لا اطول عليكم تابعو الشرح.................................................!!!

اولا تخش لحسابك علي الفيسبوك علي صفحتك الشخصيه من جوجل كروم ثم تكتب منشور وبعد ذالك تابع كما بالصوره

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

ثم بعد ذلك تضغط علي F12من لوحت المفاتيح او تضغط كلك يمين وتختار اخر اختيار ثم بعد ذلك هيظهرلك صفحه مليئة بالاكواد في الاسفل اضغط علي التبويب Console ثم هتقوم بنسخ ولسق الكود في المستطيل الفارغ كما بالصوره تابع

قم بتحميل الكود من هنا
او
قم بتحميله من هنــــــــــا

 أخيرا و لترى النتيجة، أعد تحميل الصفحة (بالضغط على الزر F5)

تم بحمد الله يارب تكونو استفدتو وشرح موفق ان شاء الله اي اسئله استفسار مشاكل في الشرح حاجه مش فهمها ما عليك ولا تتردد في ترك تعليقا بسؤالك او استفسارك وسوف نقوم بالرد عليك في اسرع وقت ممكن ان شاء االله

لا تحرمونا من تعليقاتك واعجابتكم ودعمكم لنا دائما ♥

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

كيفيت اضافة صندوق اعجابات الفيسبوك عائم مع تأثير الاضاءة

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

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

طريقة تركيب هذه الإضافة على مدونة البلوجر :

1- توجه إلى لوحة التحكم البلوجر لمدونتك, و اختر تخطيط.

2- ثم إضافة أداة ثم اختر HTML/Javascript والآن ألصق داخل المستطيل الكود التالي :

3- بعد إضافة الكود أعلاه، قم بتغيير

https://www.facebook.com/mdonh.alm.altknlogyah.alantrnat

 بعنوان صفحة الفيس بوك الخاصة بك، ثم إحفظ الأداة.

هذا كل شيء، لقد قمت لتوك بتركيب الأداة.

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



تم بحمد الله اي استفسار اسئله مشاكل في الشرح حاجه مش فهمها لا تتردد قم بترح سؤالك او استفسارك في تعليقا ولا تقلق سوف نقوم بالرد عليك ان شاء الله في اسرع وقت ممكن مع حل مشكلتك لا تحرمونا من تعليقاتكم واعجاباتكم ودعمكم لنا تحياتي للجميع
والسلام عليكم ورحمه الله وبركاته 

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

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

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

 ابحث عن السطر أسفله بالضغط على CTRL+F
 

 و ألصق فوقه الكود التالي
 

  ثم قم بحفظ القالب

الخطوة الثانية : 

 من لوحة تحكم البلوجر الخاصة بك قم بالدخول على تصميم القالب ثم اضغط على إضافة أداة واختر HTML/JavaScript.

 ثم قم بنسخ الكود التالي وألصقه بالمكان المخصص له
 

تابعونا علي الفيسبوك

By AfkarPro / +Get This!

إغلاق

  قم بالتعديلات التالية :

تابعونا علي الفيسبوك : غير هذه العبارة بما يناسبك.

mdonh.alm.altknlogyah.alantrnat : استبدله باسم صفحتك على الفيسبوك.

 لا تنسى حفظ الإضافة.

 تم بحمد الله اي اسئله مشاكل حاجه مش فهمها من الشرح اتفضل اترك تعليقا سوف نقوم بالرد عليك في اسرع وقت ان شاء الله لا تحرمونا من تعليقاتكم واعجباتكم تحياتي للجميع
                 والسلام عليكم ورحمه الله وبركاته 

اقوه موقع لاختراق اميلات الفيسبوك مع الشرح التسجيل والاختراق(لا تستخدمه ضد المسلمين)

   

 

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

اليوم جبتلكم موقع جميل جدا مقبرة الفيسبوك

لاختراق اميلات الفيسبوم وتويتر وجميل جوجل الياهو واليوتيوب

وغيرو من المواقع التواصل الاجتماعي بطرقه سهله جداا

مع  شرح كيفيت التسجيل وكيفيت الاختراق 

ملحوظه مهمه جداا (لا تستخدمه ضد المسلمين )

انا بلغت وربي يشهد وانا غير مسئول عن اي سيئات هتشيها 

لا اطول عليكم نبداء الشرح تابع......!!!!

اولا كيفيت التسجيل في الموقع 

ادخل هنـــــــــــــــا

اتبع الشرح في الصور وطبق كما بها

 

ثم بعد التسجيل في الموقع هتسجل الدخول  فيه

بمعلومات حسابك الي قدمته في التسجيل

 تم تسجيل بنجاح نروح للخطوه الثانيا كيفيت الاختراق

الخطوه الثانيه كيفيت الاختراق

هيظهرلك كما بالصوره

ودي 44 اسكامه يعني 44 رابط تستطيع انك تخترق بيه ودي مش في اي موقع اغلب المواقع بيكون فيها 5 روابط فقط الموقع ده ممتاز جداا وخارق اوي

وكمان فيه روابط او اسكمات لي اختراق حسابات جوجل وتويتر والياهو واليوتيوب ومواقع تانيه كتير من مواقع التواصل الاجتماعي كما قلتلكم من قبل

وهذه اسم الاسكمات بالترتيب

1     facebook         Link 1
   
2     add10000fans         Link 1
   
3     add5000amis         Link 1
   
4     flowersfacebook     Link 1
   
5     beinsports         Link 1
   
6     happyfarm         Link 1
   
7     changeecolor         Link 1
   
8     freecall                     Link 1
   
9     8poollive         Link 1
   
10     dragoncity         Link 1
   
11     swagfacebook         Link 1
   
12     protectfb         Link 1
   
13     facebook walpapers     Link 1
   
14     facebook pro         Link 1
   
15     real vs barca         Link 1
   
16     verified facebook     Link 1
   
17     visits profile     Link 1
   
18     world cup2014     Link 1
   
19     chat room     Link 1
   
20     Sayf.Elma3rfa     Link 1
   
21     coverfb         Link 1
   
22     hack fb         Link 1
   
23     facebook simple     Link 1
   
24     cundy crush     Link 1
   
25     criminal case     Link 1
   
26     war of mercenaries     Link 1
   
27     Zynga poker     Link 1
   
28     facebook home     Link 1
   
34     ask         Link 1
   
32     outlook hotmail     Link 1
   
29     beins sports     Link 1
   
30     gamezer     Link 1
   
33     yahoo         Link 1
   
31     arab idol     Link 1
   
35     skype                 Link 1
   
36     taqif nafsak fb     Link 1
   
37     just pass     Link 1
   
38     cafeland     Link 1
   
39     steam         Link 1
   
42     liker fb         Link 1
   
41     chat new     Link 1
   
43     twitter         Link 1
   
44     tsu         Link 1
     

طريقه الاختراق بقا هتضغط علي الكلمه دي
Link 1 قصاد الاسكامه الي تريد تخترق بيها 

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

ودي بعض الصور لي الاسكمات للفيسبوك

الافضل

تابع

اسكامت الحصول علي 100.000 معجبين لصفحتك

اسكامت الحصول علي 50 الف متابع علي الفيسبوك

اسكاامت الحصول علي 5.000 صديق علي الفيسبوك

تم بحمد الله اي اسئله استفسار مشاكل في الشرح حاجه مش فهمها سؤال لا تتردد في ترك تعليقا وسوف يتم الرد عليك في اسرع وقت ان شاء الله
لا تحرمونا من تعليقاتكم واعجباتكم ودعمنا تحياتي للجميع
@مهم جدا ( لا تستخدمه ضد المسلمين ) اللهم بلغت اللهم فاااشهد انا غير مسئول عن اي سيئات او ذنوب هتشيلها لو استخدمتها ضد المسلمين

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

        

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

 

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

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

 

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

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

 بعد ذلك اضغط على Ctrl + F للبحث عن الوسم التالي :  ]]>   
 

ثم اضف الكود التالي فوقه:

 

 /* ==========================
POPULAR POST - cnmu colored
========================== */
#PopularPosts1 ul li a:hover{color:#fff; text-decoration: none !important; margin-bottom:0 !important;}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block;font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-right:35px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px;}
#PopularPosts1 img {
border-radius:200px;
max-width:60px;
max-height:60px;
margin-left:4px;
}

 

ثم اضغط حفظ القالب ومبروك عليك ♥ ^_^ ♥

 

ثانيا تركيب الاده البسيطة:

  شرح كيفيت التركيب تابع ......!!

نزل نسخه للقالب لتجنب للوقوع في اي اخطاء

ايضا ندخل الي لوحه التحم بلوجر ثم تحرير html
 بعد ذلك اضغط على Ctrl + F للبحث عن الوسم التالي :  ]]>    

 

ثم اضف الكود التالي فوقه:

 

 

/* ==========================
POPULAR POST - cnmu simple
========================== */
#PopularPosts1 ul li a:hover{color:#000; text-decoration: none !important; margin-bottom:0 !important;}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block;font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-right:35px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li {
  background:#FFFFFF;
  border: 2px solid #777777;
  border-radius: 25px 0;
  margin: 6px 0;
  padding: 10px;
  position: relative;
}
#PopularPosts1 ul li:hover{background:#F1FBFE; border: 2px solid #06BBFD;}
#PopularPosts1 img {
border-radius:200px;
max-width:60px;
max-height:60px;
margin-left:4px;
}

 

الكودين المعلمان بالأحمر هما لون خلفية المشاركات الشائعة والثاني هو لون الإطار

الكودين المعلمان بالأزرق هما نفس الشئ ولكن عند مرور الماوسملحوظة بعض القوالب قد تكون بها كود بالفعل لتنسيق المشاركات الشائعة وهذا قد يسبب تعارض
لذا يجب حذفه أولا ولتحديد هذا الكود ستجده مشابه لتلك الأكواد يحمل معرفPopularPosts1
يعني مثلا

 #PopularPosts1 { 

background:#fff;
}

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

وبالتوفيق

تم بحمد الله شرح موفق ان شاء الله يارب تكونو استفدتو اي اسئله اي مشاكل واجهتك اسناء التركيب لا تتردد بترح سؤالك في تعليق سوف يتم الرد عليك في اسرع وقت ان شاء الله لا تحرمونا من تعليقاتكم واعجابتكم لدعمنا تحياتي للجميع
                             ♥ والسلام عليكم ورحمه الله وبركاته ♥

                                             

كيفيت اضافه فهرس كل المشاركات لمدونتك او لموقعك بشكلهي الجديد والجميل

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

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

لمشادة المعاينه حية ادخل هنا

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

 

ثم بعد ذلك اقلب كتاباة الموضوع من تأليف الي Html
تابع الصوره وطبق ايضا..............................!!!

 ثم احذف كل ما بداخله واضف الكود التالي :

أول شئ نفعله هو استبدال http://abdallhaidbody.blogspot.com/ برابط مدونتك
بالنسبة للتنسيق لمن يرغب بالتعديل هاذين الكودين هما نوع وحجم الخط يمكنك تغيرهما بما تشاء
  font-family: arial;
  font-size: 14px;
 لكن طبعا كما قلت تكبير الخط قد يزيد من عرض الفهرس فإن لم تكن مساحة الموضوع لديك كبيرة قد يكون الفهرس شكله غير مضبوط

هذا هو #ddd لون خلفية  جملة عدد المواضيع
وهذا هو #BBB لون الإطار
 نفس الأمر في الثلاث الوان التالية الخلفية #ddd الإطار #BBB وهذا لون الخط #000 ولكنهم يخصون عناوين الأعمدة

بالنسبة لجزء
/*عناوين المواضيع */
اللونين الموجدان بالبداية هما الخلفية والإطار
ولونين النهاية المعلمان بالأزرق نفس الشئ لكن عند تمرير الماوس

جزء
/*التاريخ*/
الثلاث الوان هما الخلفية الإطار ولون الخط

جزء
/*الأقسام*/
الثلاث الوان الاولى الخلفية والإطار والخط
اللون #fff هو لون الروابط 
اللونين الملعمان بالأخضر في النهاية هما الخلفية والإطار عند مرور الماوس
ملحوظة أخيرة بخصوص النسب المعلمة باللون الوردي 58% 11% 31%
 هذه نسبة كل قسم من مساحة عرض الفهرس يمكنك زيادة حجم قسم او تقليلها بتغيير النسبة
لكن عند زيادة قسم يجب تقليل الآخرين بحيث يكون مجموع النسب كلها 100%
تم بحمد الله الشرح يارب تكونو استفدتو اي اسئله استفسار مشاكل في الشرح مش فاهمو محتاج تفسير اكتر لا تتردد في ترح سؤالك بتعليق وسوف نقوم بالرد عليك في اسرع وقت ان شاء الله لا تحرمونا من تعليقاتك واعجابتكم لدعمنا تحياتــــــي
           ♥ السلام عليكم ورحمه الله وبركاته ♥