قالب تقني على شكل سكريبت مجله الكترونيه (قالب المساعد العربي-v7)

<div dir="rtl" style="text-align: right;" trbidi="on"><h3></h3><div class="post-body"> <div dir="rtl" style="text-align: right;"><div style="text-align: justify;">السلام عليكم ورحمة الله تعالى وبركاته ,, مرحبا بكم اخواني اخواتي في جديد مدونة جلال البعداني , اقدم لكم اليوم قالب احترافي بكل ما تعنيه الكلمه, يحتوي هذا القالب على سكريبت عرض المواضيع بطريقه مميزه واحترافيه ,حيث يقوم بعرض كافة المواضيع التي في المدونه على شكل سلايدرات احترافيه مميزه ومنسقه لتظهر بشكل جميل تجذب الزائر , القالب يحتوي على الكثير من المميزات الاحترافيه والتي يصعب ايجادها في اي قالب اخر , القالب خاص بمدونات الوورد برس تم تحويله وتطويره من قبل ادمن  مدونة المساعد العربي  ,وقد شملت هذه النسخه تطويرات ملموسه ورائعه من حيث الشكل وايضا من حيث المحتوى فقد تم اضافة اداة تعريف كاتب التدوينه وايضا ادوات المشاركه عبر اشهر مواقع التواصل الاجتماعي , الان اترككم تحكمون على القالب بانفسكم ,,</div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKr1JZ_jIqmKYO2i2i87lfKoQu8h_vKZ4aEwn1btjRE7FvzcP5B3bd964IeV3_I1m9tXmrzsV3wd1NYBi0wUTIHdW2pU3cvhUOOEh94iCbJBJnmB8fS31lOUrYtMBJL0XH_nv71oLr3e1_/s1600/%D9%81%D9%87%D8%B1%D8%B3.png" style="color: #fd7012; margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKr1JZ_jIqmKYO2i2i87lfKoQu8h_vKZ4aEwn1btjRE7FvzcP5B3bd964IeV3_I1m9tXmrzsV3wd1NYBi0wUTIHdW2pU3cvhUOOEh94iCbJBJnmB8fS31lOUrYtMBJL0XH_nv71oLr3e1_/s640/%D9%81%D9%87%D8%B1%D8%B3.png" width="645" /></a></div><div style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-align: center; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: medium;">مميزات القالب</span></div><ul style="text-align: right;"><li style="text-align: justify;">   <b><span style="font-size: x-small;"><span style="font-family: inherit;">1-قالب انيق ومميز واحترافي  </span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   2-يتميز القالب بقائمه منسدله احترافيه</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   3-يتميز بخفة في التصفح</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   4-يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   5-اضافة الاشتراك في المواقع الاجتماعيه </span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   6-سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   7-يتميز القالب بسلايدرات احترافيه تلقائيه ذاتية التشغيل</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   8-اضافة مشاركة المواضيع على الشبكات الاجتماعيه</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   9-اضافة كاتب الموضوع اسفل التدوينه</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   10-إضافة لمشاركة المواضيع على الشبكات الإجتماعية</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   11-إضافة اقرا المزيد</span></span></b></li><b></b><li>   <b><span style="font-size: x-small;"><span style="font-family: inherit;">12-يتميز القالب باربع قوائم اسفل الفوتر</span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">   13-يحتوي على خطوط ويب مميزه واحترافيه</span></span></b></li><b></b><li>  14 <b><span style="font-size: x-small;"><span style="font-family: inherit;">-يتميز القالب بتعليقات بلوجر المترابطه </span></span></b></li><b></b><li><b><span style="font-size: x-small;"><span style="font-family: inherit;">  15-صفحات مرقمه بشكل جميل واحترافي</span></span></b></li><b></b><li>  <b><span style="font-size: x-small;"><span style="font-family: inherit;">16-متوافق مع اشهر المتصفحات ماعدا انترنت اكسبلور</span></span></b></li><b></b><li><span style="font-size: large;"><b><span style="font-family: inherit;">وهناك المزيد حقا سيعجبك القالب</span></b></span></li></ul><h2 style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-align: center; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: medium;">معاينة وتنزيل القالب</span></h2><br /><br /><center><a class="previewbutton" href="http://jalal-v7.blogspot.com/" target="_blank"> <span style="font-family: inherit;"><span class="previewbutton1">۞</span><span style="font-size: small;"><span style="font-family: inherit;"> معاينة القالب</span> </span> <span class="previewbutton2">◄</span></span></a><span style="font-family: inherit;"> <a class="previewbutton" href="https://www.dropbox.com/s/phw0fxcosidgweh/arab-help-templet7-by%20jalal%20albaadani.zip" target="_blank"> <span class="previewbutton1" target="_blank">۞</span><span style="font-size: small;"><span style="font-family: inherit;"> تحميل القالب</span></span> <span class="previewbutton3">▼</span></a></span> </center><br /><h2 style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-align: center; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: medium;">تخصيص القالب</span></h2><ul style="text-align: right;"><li><h2 style="text-align: right;"><span style="font-size: medium;"><u><span style="color: orange;"><b>الشعار</b></span></u></span></h2></li></ul><div style="text-align: right;"><b>لتغير لوجو المدونه قم بالبحث عن :</b></div><div dir="ltr" style="text-align: left;"><b><br /></b></div><blockquote dir="ltr" style="text-align: left;"><span style="color: #0b5394;"><span style="font-family: inherit;"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhag_ajbR7zWKpF_brZR0nK4tOaKOxH_bS-i66YV2xoWao2I1fNE9OHm85g8YpgPMtAQLx86GdMK-ToGlgqhtBouXp3BXyy_YZShwjGVhLY-FSXUaUEtJ74T8AHeMHS7fZ3p-_AyGEBN64/s1600/albaadani-web(1).png</b></span></span></blockquote><br /><b>واستبدله برابط شعار مدونتك</b><br /><br /><br /><span style="color: #0b5394;"><span style="font-family: inherit;">يمكنك تحميل شعار البعداني ويب <span style="color: orange;">psd</span> مفتوح المصدر للتعديل عليه حسب رغبتك</span></span><br /><br /><center><span style="font-family: inherit;"><a class="previewbutton" href="http://www.gulfup.com/?S4NTN4" target="_blank">۞ تحميل ▼</a></span> </center><br /><br /><h2 style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-align: center; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: medium;">تخصيص المحتوى للقالب</span></h2><div style="text-align: right;">القالب يحتوي على كتير من ألسليدرات كلها متشابهة وتعتمد هذه السلايدرات على عرض مواضيع قسم معين من اقسام المدونه ,  ولكن  يجب ان يتوافر لديك رابط مهم جدا لتشغيل جميع السلايدرات التي في القالب وسوف يكون الرابط كالتالي  : </div><div dir="ltr" style="text-align: center;"><blockquote class="tr_bq"><div style="text-align: left;"><div dir="ltr"><b><span style="font-size: x-small;"><span style="background-color: white;"><span style="color: red;">http://رابط مدونتك</span></span><span style="color: red;">/</span>feeds/posts/default/-/<span style="color: red;">اسم القسم</span>?published&alt=json-in-script&callback=labelthumbs</span></b></div></div></blockquote></div><div style="text-align: center;">عوض ما باللون <span style="color: red;">الاحمر</span>  برابط المدونة و اسم القسم المراد عرض مواضيعه</div><div style="text-align: center;"><br /><span style="color: orange;"><b><span style="font-size: large;">مثال</span></b></span><br /></div><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><b><span style="font-size: x-small;"><span style="color: #ea9999;"><span style="background-color: white;">http://www.alb33dani.com</span></span>/feeds/posts/default/-/<span style="color: #ea9999;">اضافات بلوجر</span>?published&alt=json-in-script&callback=labelthumbs</span></b></div></blockquote><div dir="ltr" style="text-align: center;"><div style="text-align: right;">ولنفترض ان لديك 4 اقسام في المدونه وتريد عرضها في القالب في جميع السلايدرات الموجوده , فبهذه الحاله سوف تكرر العمليه السابقه اربع مرات بعدد اقسام المدونه ولكن مع مراعاة تغيير اسم القسم داخل الرابط </div><div style="text-align: right;">فمثلا انا لدي 4 اقسام هي <span style="background-color: white;"> </span><span style="background-color: #f9cb9c;"><b><span style="color: #ea9999;"><span style="background-color: white;"> اضافات بلوجر</span></span><span style="background-color: white;"> , <span style="color: blue;">قوالب بلوجر</span> ,<span style="color: magenta;">دروس بلوجر</span> <span style="color: orange;">,تقنيه</span></span></b> </span></div><div style="text-align: right;">سوف اقوم باضافته للرابط السابق كالتالي</div><div style="text-align: right;"></div><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><b><span style="font-size: x-small;"><span style="color: #ea9999;"><span style="background-color: white;">http://www.alb33dani.com</span></span>/feeds/posts/default/-/<span style="color: #ea9999;">اضافات بلوجر</span>?published&alt=json-in-script&callback=labelthumbs</span></b>  </div></blockquote><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><b><span style="font-size: x-small;"><span style="color: #ea9999;"><span style="background-color: white;">http://www.alb33dani.com</span></span>/feeds/posts/default/-/<span style="color: blue;">قوالب بلوجر</span>?published&alt=json-in-script&callback=labelthumbs</span></b></div></blockquote><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><b><span style="font-size: x-small;"><span style="color: #ea9999;"><span style="background-color: white;">http://www.alb33dani.com</span></span>/feeds/posts/default/-/<span style="color: magenta;">دروس بلوجر</span>?published&alt=json-in-script&callback=labelthumbs</span></b></div></blockquote><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><b><span style="font-size: x-small;"><span style="color: #ea9999;"><span style="background-color: white;">http://www.alb33dani.com</span></span>/feeds/posts/default/-/<span style="color: orange;">تقنيه</span>?published&alt=json-in-script&callback=labelthumbs</span></b></div></blockquote><br />الان  بعد ان قمنا بعمل روابط لاقسام المدونه يجب ان نجعل الروابط الذي قمنا بالتعديل عليها مختصره عن طريق الموقع التالي</div><div style="text-align: center;"><b><span style="background-color: orange;"><a href="http://goo.gl/" target="_blank">http://goo.gl/</a></span></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERh3hork7okKeTzRUyqOkW1ttculZu2Fgrw3b9UfeDYcLDqIeI42WzwDvhZsevVLWi9bQoNlBMCpRN0Lz7rWmn6X9N1D95whMgDDpxr9FQH3WFvy05jOyjJSOU3YbiBptJjnOsMXR4M2X/s1600/canvas.png" style="color: #fd7012; margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERh3hork7okKeTzRUyqOkW1ttculZu2Fgrw3b9UfeDYcLDqIeI42WzwDvhZsevVLWi9bQoNlBMCpRN0Lz7rWmn6X9N1D95whMgDDpxr9FQH3WFvy05jOyjJSOU3YbiBptJjnOsMXR4M2X/s1600/canvas.png" /></a></div> قم بادخال الربط داخ المستطيل واضغط على SHORT URL لتحصل الى الرابط المحتصر <br /><br /><br />الان بعد ما حصلنا على 4 روابط مختصره سوف نحتفظ بها لاننا سنحتاجها فيما بعد<br /><br /><ul style="text-align: right;"><li><h2 style="text-align: right;"><span style="background-color: orange;"><span style="font-size: medium;">نقوم اولا بتخصيص السلايدر شو الاساسي </span></span></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboxahK_ttfPvROaDVwnqVKuajaGW9qsGEy8qwBpFmHJGsw2LfF50oq2_sYgIS5cAiSkjIzr_8hhBkzouFuDrt5_cHqjgAS8KEWYYdSGPGMyjZYMXKQrIJynWkdj4vSnb_wJ-IVqGlapBr/s1600/canvas.png" style="margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboxahK_ttfPvROaDVwnqVKuajaGW9qsGEy8qwBpFmHJGsw2LfF50oq2_sYgIS5cAiSkjIzr_8hhBkzouFuDrt5_cHqjgAS8KEWYYdSGPGMyjZYMXKQrIJynWkdj4vSnb_wJ-IVqGlapBr/s1600/canvas.png" width="523" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: right;"></div><div style="text-align: right;">قم بالبحث عن الرابط التالي</div><div style="text-align: right;"></div><blockquote class="tr_bq "><div style="text-align: left;">http://goo.gl/hZfeln</div></blockquote></li></ul><div style="text-align: right;"> ستجد هذا الرابط مكرر مرتين في القالب  قم باستبدال الرابطين  بالرابط المختصر للقسم <span style="background-color: #e06666;">الاول </span> الذي انشأته مسبقا  واحتفظت به</div><div style="text-align: right;"></div><h2 style="text-align: right;"><span style="background-color: orange;"></span><span style="color: orange;"><span style="font-size: medium;"><span style="background-color: orange;"><span style="color: black;">ثانيا تخصيص اداة احدث التدوينات  </span></span><u><br /></u></span></span></h2></div><div style="text-align: center;"><div style="text-align: right;">قم بالبحث عن الرابط التالي</div><div style="text-align: right;"></div><div style="text-align: center;"><blockquote class="tr_bq"><div><div dir="ltr">http://goo.gl/tm6lDZ</div></div></blockquote></div>  <br /><div style="text-align: right;"> واستبدله بالرابط المختصر للقسم <span style="background-color: orange;">الثاني </span>الذي اضفته مسبقا</div><h2 style="text-align: right;"><span style="background-color: orange;">  </span><span style="color: orange;"><span style="font-size: medium;"><span style="background-color: orange;"><span style="color: black;">تخصيص السلايدر الافقي اسفل اداه احدث التدوينات</span></span><u><br /></u></span></span></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxqfdcpEILptEo5JDttAUjOGUkrFAf5Xwju8yw4dgG7Dl7FUgDA3yKMvw4Fo4LXZ1br5VpQqVFRqa_uvYYFWavGON8aenEFhqZMErppjNurYMStDF-ncvAt6yoQ8jhVT_y3_ixtjzJ34Bu/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF+2.png" style="margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxqfdcpEILptEo5JDttAUjOGUkrFAf5Xwju8yw4dgG7Dl7FUgDA3yKMvw4Fo4LXZ1br5VpQqVFRqa_uvYYFWavGON8aenEFhqZMErppjNurYMStDF-ncvAt6yoQ8jhVT_y3_ixtjzJ34Bu/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF+2.png" width="545" /></a></div><div style="text-align: right;"></div><div style="text-align: right;">قم بالبحث عن الرابط التالي</div><div style="text-align: right;"></div><blockquote class="tr_bq "><div style="text-align: left;">http://goo.gl/8PM3pP</div></blockquote>  <br /><div style="text-align: right;"> واستبدله بالرابط المختصر للقسم <span style="background-color: #6fa8dc;">الثالث </span>الذي اضفته مسبقا</div><div style="text-align: right;"></div><div style="text-align: right;"></div><h2 style="text-align: right;"><span style="background-color: orange;">  </span><span style="color: orange;"><span style="font-size: medium;"><span style="background-color: orange;"><span style="color: black;">تخصيص قائمة المواضيع اسفل السلايد الافقي</span></span><u><br /></u></span></span></h2><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjntR2WjVLS8zWvn0bVt9mp4qReSLwEbMP7B5-ZTP_fA-BDixmTlpzePq1xtaRFszrFqntfZjTmJDUXspu838NZceyqB2jwD03w-EiEgPrptHNKsJjGU21-86mQizSUGy2LNgIcuuoTpVij/s1600/canvtttttas.png" style="margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjntR2WjVLS8zWvn0bVt9mp4qReSLwEbMP7B5-ZTP_fA-BDixmTlpzePq1xtaRFszrFqntfZjTmJDUXspu838NZceyqB2jwD03w-EiEgPrptHNKsJjGU21-86mQizSUGy2LNgIcuuoTpVij/s1600/canvtttttas.png" width="470" /></a></div><div style="text-align: right;">قم بالبحث عن الرابط التالي</div><div style="text-align: right;"></div><blockquote class="tr_bq "><div style="text-align: left;">http://goo.gl/bhbgON</div></blockquote>  <br /><div style="text-align: right;"> ستجد هذا الرابط مكرر مرتين في القالب  قم باستبدال الرابطين بالرابط المختصر للقسم <span style="background-color: magenta;">الرابع </span> الذي انشأته مسبقا  واحتفظت به</div><br /><div style="text-align: right;"></div><h2 style="text-align: right;"><span style="background-color: orange;">  </span><span style="color: orange;"><span style="font-size: medium;"><span style="background-color: orange;"><span style="color: black;">تخصيص قائمة عرض المواضيع حسب التسميات اسفل القالب</span></span><u><br /></u></span></span></h2></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQC580RKaHmqk8etFCp-8sE3RXlw2x3wjUSjX9Uu7gx8BdOaB9rhbngF2HEyxXd5ShJA8e62Pg2okW7vvG2kjmD6vbbjDpEdaWi4gG7O-699qPYWCAw6c_Y63zI-JFX7c-Fc81FQSDCpwQ/s1600/%25D9%2581%25D9%2587%25D8%25B1%25D8%25B3.png" style="margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQC580RKaHmqk8etFCp-8sE3RXlw2x3wjUSjX9Uu7gx8BdOaB9rhbngF2HEyxXd5ShJA8e62Pg2okW7vvG2kjmD6vbbjDpEdaWi4gG7O-699qPYWCAw6c_Y63zI-JFX7c-Fc81FQSDCpwQ/s640/%25D9%2581%25D9%2587%25D8%25B1%25D8%25B3.png" width="461" /></a></div><br /><br />هذا المستطيل يعتمد على عرض المواضيع حسب التسميات ( الاقسام ) لذا كل ماعليك هو اولا وضع اسم للقسم الذي تحب ان تعرض مواضيع داخل هذا المستطي وايضا الرابط المختصر للقسم (الذي انشئناه مسبقا في اول الشرح)<br /><br />اولا نقوم بتغيير عناوين التسيمات التي في القائمه الافقيه اعلى المستطيل  ولتغييرها نبحث عن الكود التالي<br /><br /><blockquote class="tr_bq "><div style="text-align: left;"><ul class="maintabNav"></ul></div></blockquote><span style="background-color: #f9cb9c;"><b>ستجد الكود بهذا الشكل</b></span><br /><br /><blockquote class="tr_bq"><div><div class="syntaxhighlighter html" id="highlighter_371276"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div><div class="line number3 index2 alt2">3</div><div class="line number4 index3 alt1">4</div><div class="line number5 index4 alt2">5</div><div class="line number6 index5 alt1">6</div><div class="line number7 index6 alt2">7</div></td><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">ul</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'maintabNav'</code><code class="html plain">>      </code></div><div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">li</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'firstTab active'</code> <code class="html color1">style</code><code class="html plain">=</code><code class="html string">''</code><code class="html plain">></code></div><div class="line number3 index2 alt2"><code class="html spaces">    </code><code class="html plain"><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'#maintabs-1'</code> <code class="html color1">title</code><code class="html plain">=</code><code class="html string">'اسم القسم 1'</code><code class="html plain">><</code><code class="html keyword">span</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">''</code><code class="html plain">>اسم القسم 1</</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'#maintabs-2'</code> <code class="html color1">title</code><code class="html plain">=</code><code class="html string">'اسم القسم 2'</code><code class="html plain">><</code><code class="html keyword">span</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">''</code><code class="html plain">>اسم القسم 2</</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number5 index4 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'#maintabs-3'</code> <code class="html color1">title</code><code class="html plain">=</code><code class="html string">'اسم القسم 3'</code><code class="html plain">><</code><code class="html keyword">span</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">''</code><code class="html plain">>اسم القسم 3</</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number6 index5 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'#maintabs-4'</code> <code class="html color1">title</code><code class="html plain">=</code><code class="html string">'اسم القسم 4'</code><code class="html plain">><</code><code class="html keyword">span</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">''</code><code class="html plain">>اسم القسم 4</</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">ul</code><code class="html plain">></code></div></div></td></tr></tbody></table></div></div></blockquote><br />قم بكتابة اسماء التسميات(الاقسام) الخاصه بك داخ الكود السابق  كما هو موضح كل قسم ستكتب اسمه مرتين<br /><br />الان ننتقل  الى كيفية اضافة روابط هذه الاقسام<br /><br /><br /><div style="text-align: right;">قم بالبحث عن الكلمات التالي </div><div style="text-align: center;"></div><div style="text-align: center;"><span style="background-color: #f9cb9c;">الرابط المختصر للقسم 1</span></div><div style="text-align: center;"><span style="background-color: #fce5cd;"><br /></span></div><div style="text-align: center;"><span style="background-color: #9fc5e8;">الرابط المختصر للقسم 2</span></div><div style="text-align: center;"><span style="background-color: #fce5cd;"><br /></span></div><div style="text-align: center;"><span style="background-color: #b4a7d6;">الرابط المختصر للقسم 3</span></div><div style="text-align: center;"><span style="background-color: #fce5cd;"><br /></span></div><div style="text-align: center;"><span style="background-color: #fce5cd;"><span style="background-color: #d5a6bd;">الرابط المختصر للقسم 4</span></span></div><div style="text-align: center;"></div><div style="text-align: left;"></div><div style="text-align: left;"></div><div style="text-align: right;">واستبدل كل جمله  بالرابط  المختصر   للقسم الذي تريد عرضه  >ويجب ان يكون ترتيبها حسب ترتيبك لاسماء مواضيع التسميات  التي اضفتها في الكود السابق </div><div style="text-align: left;"></div><br /><br /><div style="text-align: center;"><span style="background-color: #d9ead3;">الان قم بحفظ القالب واستمتع بالقالب الاحترافي الجديد في مدونتك</span></div><br /><div style="text-align: center;">اتمنى ان اكون قد وفقت لتوصيل المعلومه وفي حاله حصول اي مشكله عند التركيب قم بوضع تعليق </div></div></div><blockquote class="tr_bq"><center> <ins style="border: none; display: inline-table; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><ins id="aswift_0_anchor" style="border: none; display: block; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"></ins></ins> </center></blockquote></div>

قالب تقني على شكل سكريبت مجله الكترونيه (قالب المساعد العربي-v7)

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

مزيد من المعلومات »

حصرياً: كيف تركب أكثر من قالب في آنٍ واحد لمدونة بلوقر

<div dir="rtl" style="text-align: right;" trbidi="on"><div><div><div><div><div><a class="cboxElement" href="http://lh4.ggpht.com/_7QkA1GqKTpo/TbjvQZqy83I/AAAAAAAAAaw/3QbZ8D3PFaE/3in1%5B5%5D.png" target="_blank"><img align="right" alt="3in1" border="0" height="195" src="http://lh4.ggpht.com/_7QkA1GqKTpo/TbjvSsnRtnI/AAAAAAAAAa0/NSb7FQdGLRg/3in1_thumb%5B3%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; margin: 0px 1px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="3in1" width="284" /></a></div></div></div></div></div><div><div><div><div><div>بحمد الله وفضله عرضت في <a href="http://www.alblogger.com/2011/04/blog-post_22.html" target="_blank" title="لأول مرة: ركب ثلاثة قوالب لمدونة بلوقر في آن واحد !">آخر تدوينه</a> قالباً مدمج فيه ثلاثة قوالب ليكون الخيار لزوار المدونة يختر كل منهم ما يناسبه، قد يكون الجميع لاحظ هذه الميزة في مدونات الوردبريس المدفوعة، وهي اليوم إن شاء الله في مدونات بلوقر، لتثبت بلوقر مرة أخرى أن كونها  منصة مجانية للتدوين لا يعني أن لا تكون احترافيه!.هذه الإضافة ستمكن معربي ومصممي القوالب استخدام بنية HTML واحدة ومن ثم يتفرغون للتفنن في صياغتها وتنسيقها وإخراجها عبر أوراق أنماط خارجية! ، إن شاء الله في هذه التدوينة سأشرح كيفية تركيب أكثر من قالب لمدونات البلوقر. . .</div></div></div></div></div><a href="https://www.blogger.com/null" name="more"></a><h3><img alt="Light bulb" src="http://messenger.msn.com/MMM2006-04-19_17.00/Resource/emoticons/lightbulb.gif" /> فكرة تركيب أكثر من قالب للمدونة</h3><div><div><div><div><div><span style="color: #c0504d;">هل يمكن نزع خصائص الأنماط CSS من قالب المدونة وجعله في ورقة أنماط خارجيه، من ثم استحضاره ؟</span>. هذا هو السؤال الذي بدر في ذهني وكنت واثق بأن بلوقر بمشيئة الله لن يمنع هذا ، جربت الطريقة ونجحت ، إذاً هذا هو المفتاح ، الخطوة التالية هو استخدام إضافة تعتمد على مكتبة الجي كيوري وهي <a href="http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/" rel="nofollow" target="_blank" title="موقع المطور">Switchstylesheets</a> ، ستسمح لنا هذه الإضافة بالتنقل بين النمط <span style="color: red;">الافتراضي</span> للمدونة وأوراق الأنماط الخارجية <span style="color: green;">البديله</span> ، مع الاحتفاظ بالنمط ( القالب ) الذي يختاره الزائر ما لم يحدث الصفحة أو يحذف بيانات التصفح ( الكوكيز )، إذا  فالطريقة باختصار (<span style="color: blue;">1</span>) ترك القالب الأصلي كما هو ليصبح هو القالب الافتراضي (<span style="color: blue;">2</span>) حفظ القوالب البديلة في أوراق أنماط خارجية ثم رفعها وحفظها في مكان مناسب مثل <a href="http://www.alblogger.com/2011/03/dropbox.html" target="_blank" title="DropBox لحفظ جميع أنواع الملفات بروابط مباشرة">Dropbox</a> أو <a href="http://www.alblogger.com/2011/03/google-sites_18.html" target="_blank" title="شرح استخدام مواقع قوقيل">google sites</a> أو google code . ثم (<span style="color: blue;">3</span>) تركيب الإضافة . ثم (<span style="color: blue;">4</span>) عمل أزرار بسيطة لزائر المدونة ليتنقل بين القوالب.</div></div></div></div></div><h3> <img alt="Secret telling" src="http://messenger.msn.com/MMM2006-04-19_17.00/Resource/emoticons/51_51.gif" /> تنبيه قبل الخوض في شرح تركيب القوالب المدمجة</h3><div><div><div><div><div>  في البدء أنبه على أن القوالب يجب أن تكون متناسقة من ناحية بناءها أقصد هيكل كود HTML ، وكذلك لها نفس أسماء خصائص CSS ، مثلاً إذا أسميت خصائص القائمة الجانبية ( <span style="color: #c0504d;">sidebar_left</span> ) في القالب الافتراضي ، فيجب أن يكون له نفس الاسم في بقية القوالب البديلة. ولو أسميته في القوالب البديلة مثلاً ( <span style="color: #c0504d;">sidebarleft</span> ) بدون علامة الشرطة السفلية ( <span style="color: #c0504d;">_</span> ) فسوف لن يتم أي تغيير على القائمة الجانبية وستبقى القائمة الجانبية تحت تأثير خصائص القالب الافتراضي. <span style="color: red;">لماذا ؟</span>  ، <span style="color: blue;">الجواب</span>: لأن جميع القوالب ستستخدم بناء هيكلي HTML واحد ، وقد علمت أو ستعلم أن HTML تستدعي خصائص CSS بأسمائها ، إذاً HTML سيعطي اسماً واحداً لكل خصيصة ولن يتبنى أي اسم آخر لنفس الجزء .. هذا الكلام سيكون مملاً إذا قضيت ساعة واحده في تعلم HTML و CSS.</div></div></div></div></div><div><div><div><div><div><u>إذاً فما رأيك في حل بسيط وآمن جداً</u> وهو استخدام قالب واحد ، ثم نجري عليه التعديلات قلّت أو كثرت ، ثم نصدره كقالب بديل ، ثم نجري تعديلاً ثانٍ ونصدره كقالب بديل ثالث ؟ وهكذا … هذا ما فعلته أنا على أي حال. <span style="color: #9bbb59;">تنبه!</span> أيها المُبارك الخطوات يجب أن تكون حسب هذا السيناريو <span style="color: #ffc000;">1</span>. تنشئ مدونة جديدة ثم ترفع عليها القالب الأصلي ، ثم لا تجري التعديلات على هذه المدونة بل <span style="color: #ffc000;">2</span>. نزل نسخة من القالب وارفعها في مدونة جديدة ثانية غير الأولى، الآن عدل عليها واحفظ قالبها، هذه الآن مدونة تحمل القالب البديل الأول <span style="color: #ffc000;">3</span>. أنشئ مدونة جديدة ثالثة ارفع عليها القالب الأصلي أجري عليها التعديلات احفظها هذه المدونة الثالثة التي تحمل القالب البديل الثاني. <span style="color: blue;">النتيجة</span>: <span style="color: red;">ثلاثة مدونات</span> <u>الأولى</u> تحمل القالب الأصلي أي الافتراضي، <u>الثانية</u> تحمل القالب البديل الأول، <u>الثالثة</u> تحمل القالب البديل الثاني … افعل هذا وإذا انتهيت إنشاء هذه المدونات الثلاث فتعال نكمل لعل الله أن يفتح علينا! </div></div></div></div></div><h3>نزع خصائص CSS وحفظها في ورقة أنماط خارجية</h3><div><div><div><div><div>الآن وبعد إنشاء المدونات الثلاث ، سنقوم بنزع الجزء المحتوي على خصائص CSS من كل قالب بديل ، وسنترك القالب الافتراضي بدون أن ننزع منه أي شيء!. <span style="color: red;">ستقول لماذا لا ننزع من القالب الافتراضي ؟</span> ، <span style="color: blue;">الجواب:</span> يمكن نزعه وستنجح الطريقة بدون مشاكل إن شاء الله ، بل انه جيد لمن يحبون إظهار القالب في سطور أقل، وكنت حتى قبيل نشر القالب الثلاثي أعتمد هذه الطريقة ، لكن واجهت سلبية طفيفه ولكنها مزعجه وهي أن الزائر الذي سيفتح المدونة لأول مرة سيرى المدونة لثانيةٍ أو جزء منها بدون تنسيق نظراً لأن القالب محفوظ على ورقة أنماط خارجية ويتطلب هنية حتى يتم تطبيق القالب الافتراضي على المدونة ، ولكن بترك القالب الافتراضي كما هو بدون نزع الخصائص سيظهر القالب الافتراضي مباشرة ، بالإضافة الى ميزة أخرى وهي في حال تعطل الإضافة لأي سبب كالحذف أو توقف الخدمة التي اشتفت عليها ملفات الأنماط ، <u>فلن يؤثر على المدونة ولن تخسر زواراً</u> .. مرة أخرى يبدو أني أطلت، اليك طريقة نزع الخصائص:</div></div></div></div></div><div><div><div><div><div><span style="background-color: yellow;">الخطوة الأولى:</span>  من المدونة الثانية – أي القالب البديل الأول - قُم بنسخ جميع الأكواد الواقعة  <span style="color: red;"><u>ما بين</u></span> :</div></div></div></div></div><div><div><div><div><div>هذا السطر:</div></div></div></div></div><pre class="xml" style="font-family: consolas,; font-size: small;"><span style="color: #009900;"><span style="color: black; font-weight: bold;"><b:skin span="" style="color: black; font-weight: bold;">></b:skin></span></span></pre></div><span style="color: #339933;"><![CDATA[</span><div><div><div><br /></div></div></div><div><div><div>وهذا السطر:</div></div></div><div><div><div><br /></div></div></div><pre class="html4strict" style="font-family: consolas,; font-size: small;">]]><span style="color: #009900;"><<span style="color: #66cc66;">/</span>b:skin></span></pre><div><div><div><br /></div></div></div><div><div><div><span style="background-color: yellow;">الخطوة الثانية:</span>  قم بفتح ملف نصي والصق فيه جميع الأكواد التي نسختها من الخطوة الاولى.</div></div></div><div><div><div><div><span style="background-color: yellow;">الخطوة الثالثة:</span> احفظ الملف النصي بصيغة CSS ، مثلاً سمه:   <span style="color: #9b00d3;">style1.css</span> .</div></div></div></div><div><div><div><div><span style="background-color: yellow;">الخطوة الرابعة:</span> كرر الخطوات السابقة مع القالب البديل الثاني الموجود في المدونة الثالثة ، لينتج عندك ملفان <span style="color: #9b00d3;">style1.css</span> و <span style="color: #9b00d3;">style2.css</span>. هذه هي أوراق الأنماط الخارجية البديلة!</div></div></div></div><div><div><div><br /></div></div></div><h3>حفظ أوراق الأنماط وملف الإضافة</h3><div><div><div>  الملفات التي نحتاجها لإنشاء قالب ثلاثي عددها <span style="color: red;">أربعة</span> ، <span style="color: green;"><u>الأول</u></span>: مكتبة الجي كيوري التي تعتمد عليها الإضافة، لستَ مضطراً لرفعها لأن قوقيل توفرها لك وكذلك ميكروسوفت سنرى لاحقاً ، <span style="color: #408080;"><u>الثاني</u></span>: ملف الإضافة يمكن تنزيله من موقع المطور من <a href="http://www.kelvinluck.com/mint/pepper/orderedlist/downloads/download.php?file=http%3A//www.kelvinluck.com/assets/jquery/styleswitch/styleswitch.zip" rel="nofollow" target="_blank">هنا</a> ، عبارة عن ملف مضغوط يحتوي على ملف الإضافة ( <span style="color: #666666;">styleswitch.js</span> ) وملفات أخرى عبارة عن مثال حي من المطور ليوضح كيف تعمل الإضافة. الملفان <span style="color: #408080;"><u>الثالث والرابع:</u></span> هما أوراق الأنماط <span style="color: #9b00d3;">style1.css</span> و <span style="color: #9b00d3;">style2.css</span>  ..</div></div></div><div><div><div><div><div>عليك رفع ملف الإضافة وورقتي الأنماط في استضافة مناسبة، استخدم الموقع الذي يعجبك المهم أن يوفر روابط مباشرة مثل  <a href="http://www.alblogger.com/2011/03/dropbox.html" target="_blank" title="DropBox لحفظ جميع أنواع الملفات بروابط مباشرة">Dropbox</a> أو <a href="http://www.alblogger.com/2011/03/google-sites_18.html" target="_blank" title="شرح استخدام مواقع قوقيل">google sites</a> أو google code أو ؟؟؟ .</div></div></div></div></div><div><div><div><br /></div></div></div><h3>شرح استيراد ملفات الإضافة وتركيبها في بلوقر</h3><div><div><div>ابحث عن نهاية وسم رأس القالب أي هذا السطر :</div></div></div><div><div><div><br /></div></div></div><pre class="html4strict" style="font-family: consolas,; font-size: small;"><span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/head.html"><span style="color: black; font-weight: bold;">head</span></a>></span></pre><div><div><div><br /></div></div></div><div><div><div>الآن <span style="color: red;"><u>قبله مباشرة</u></span> انسخ هذا الكود:</div></div></div><div><div><div><br /></div></div></div><pre class="html4strict" style="font-family: consolas,; font-size: small;"><span style="color: #009900;"><<a href="http://december.com/html/4/element/link.html"><span style="color: black; font-weight: bold;">link</span></a> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: red;">"alternate stylesheet"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"text/css"</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: red;">"<span style="background-color: yellow;">style2.css</span>"</span> <span style="background-color: lime;"><span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: red;">"styles2"</span></span> <span style="color: #000066;">media</span><span style="color: #66cc66;">=</span><span style="color: red;">"screen"</span> <span style="color: #66cc66;">/</span>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/link.html"><span style="color: black; font-weight: bold;">link</span></a> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: red;">"alternate stylesheet"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"text/css"</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: red;">"<span style="background-color: yellow;">style3.css</span>"</span> <span style="background-color: lime;"><span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: red;">"styles3"</span></span> <span style="color: #000066;">media</span><span style="color: #66cc66;">=</span><span style="color: red;">"screen"</span> <span style="color: #66cc66;">/</span>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/script.html"><span style="color: black; font-weight: bold;">script</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: red;">'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'</span><span style="color: #66cc66;">/</span>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/script.html"><span style="color: black; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"text/javascript"</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: red;">"http://alblogger-gen.googlecode.com/svn/trunk/styleswitch.js"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: black; font-weight: bold;">script</span></a>></span></pre><div><div><div><br /></div></div></div><div><div><div><span>  </span><u>السطر الأول والثاني</u>: خاصان باستيراد أوراق الأنماط للقوالب البديله ، أكتب رابط كل ورقة في الموضع المضلل باللون الأصفر، عنوان الرابط <span style="color: blue;">title</span> المضلل بالأخضر مهم لأننا سنستخدمه لاحقاً، ولاحظ أننا كتبنا <span style="color: #9b00d3;">alternate stylesheet</span> في القيمة <span style="color: blue;">rel</span> وتعني ورقة الأنماط البديله.  <u>السطر الثالث</u>: خاص باستيراد مكتبة الجي كيوري اتركه كما هو فهذا مستضاف في قوقيل ، <u>السطر الرابع</u>: خاص باستيراد ملف الإضافة نفسه وهو مستضاف في حساب خاص بمدونة البلوقر في قوقيل كود، تفضل باستخدامه ان شئت وإن شاء الله لن أحذفه أبداً كما ذكرت في تدوينات سابقة.</div></div></div><div><div><div><div><div>بهذا ستكون مدونتك مدونة ذات ثلاثة قوالب في آنٍ واحد ، بقي أن نوفر لزوار مدونتك أزراراً تمكنه من التنقل بين القوالب ، لنتابع:</div></div></div></div><div><div><div><br /></div></div></div></div><div><h3><span class="Apple-style-span" style="font-size: 19px; font-weight: bold;">تركيب أزرار اختيار القالب المفضل لزوار المدونة</span></h3><div><div><div>  أزرار الاختيار إما تدمجها مع هيكل المدونة HTML وبالتالي أي مستخدم لقالبك ستظهر عنده مباشرة، أو تجعلها على هيئة أداة يضيفها المستخدم عن طريقة إضافة أداة HTML/Javascript من واجهة عناصر الصفحة، مثلاً لنجعلها بسيطة ونصية وبالتالي نكتبها هكذا:</div></div></div></div><div><div><div><br /></div></div></div><pre class="html4strict" style="font-family: consolas,; font-size: small;"><span style="color: #009900;"><<a href="http://december.com/html/4/element/p.html"><span style="color: black; font-weight: bold;">p</span></a>></span>اختر قالبا<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/p.html"><span style="color: black; font-weight: bold;">p</span></a>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/ul.html"><span style="color: black; font-weight: bold;">ul</span></a>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/li.html"><span style="color: black; font-weight: bold;">li</span></a>><<a href="http://december.com/html/4/element/a.html"><span style="color: black; font-weight: bold;">a</span></a> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: red;">"serversideSwitch.html?style=style1"</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: red;">"styles1"</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"styleswitch"</span>></span>القالب الافتراضي <span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/a.html"><span style="color: black; font-weight: bold;">a</span></a>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/li.html"><span style="color: black; font-weight: bold;">li</span></a>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/li.html"><span style="color: black; font-weight: bold;">li</span></a>><<a href="http://december.com/html/4/element/a.html"><span style="color: black; font-weight: bold;">a</span></a> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: red;">"serversideSwitch.html?style=style2"</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: red;">"styles2"</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"styleswitch"</span>></span>القالب البديل الأول<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/a.html"><span style="color: black; font-weight: bold;">a</span></a>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/li.html"><span style="color: black; font-weight: bold;">li</span></a>></span><br /><span style="color: #009900;"><<a href="http://december.com/html/4/element/li.html"><span style="color: black; font-weight: bold;">li</span></a>><<a href="http://december.com/html/4/element/a.html"><span style="color: black; font-weight: bold;">a</span></a> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: red;">"serversideSwitch.html?style=style3"</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: red;">"styles3"</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"styleswitch"</span>></span>القالب البديل الثاني<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/a.html"><span style="color: black; font-weight: bold;">a</span></a>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/li.html"><span style="color: black; font-weight: bold;">li</span></a>></span><br /><span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/ul.html"><span style="color: black; font-weight: bold;">ul</span></a>></span></pre><div><div><div><br /></div></div></div><div><div><div>ولاحظ أن قيمة <span style="color: blue;">rel</span> هنا يجب أن تكون مماثلة لـ <span style="color: blue;">title</span> في الكود المتعلق باستيراد أوراق الأنماط وضللناه باللون الأخضر سابقاً ، أيضاً من الضروري كتابة قيمة <span style="color: blue;">class</span> كما هو موضح .. بقي عليك أن تبدع في تصميم أزرار اختيار لمدونتك، أو يمكنك استخدام أزرار القالب الثلاثي الذي نشرته سابقاً والتعديل عليه كما تشاء ..</div></div></div><div><div><div><div><br /></div></div></div><div><div><div><div>هذه هي الطريقة آمل أن يكون هذا الشرح واضح ليس فيه غموض ، أتمنى أن يستخدم الإخوة المعربين والمصممين هذه الإضافة ، ويستخدمونها بطرق متنوعة !</div></div></div></div></div><div><div><div><br /></div></div></div><div><div><div><br /></div></div></div><div><div><div><div>تحياتي العاطرة <img alt="Rose" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" /></div></div></div></div>

حصرياً: كيف تركب أكثر من قالب في آنٍ واحد لمدونة بلوقر

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

مزيد من المعلومات »

حصريا ومجانا تحميل قالب رافع الفحيلي لان في عمرو ويب

<div dir="rtl" style="text-align: right;" trbidi="on"><h1 class="post-title entry-title" itemprop="name"></h1><div class="post-header"></div><div class="post-body entry-content" id="post-body-7037112255163032506" itemprop="description articleBody"></div><div class="articleContent"><div dir="rtl" style="text-align: right;"><div dir="rtl" style="text-align: right;"><div style="text-align: center;"><div style="text-align: center;"><b>بسم الله الرحمن الرحيم</b></div></div><div style="text-align: right;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCZo-yWs_14JOD0LKVNwYu8iQXwmvyTv1_rPmdjIHAZHvCgRH7SO81Muz797maJ_qvl77AyMG7EgNOQ0hn7xHli5elr-QzTGfah3FNTxvdipzPFXPqAR75r_CzhMaNHp99IZSoIUuOd4IW/s1600/Rafae+Fahely.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCZo-yWs_14JOD0LKVNwYu8iQXwmvyTv1_rPmdjIHAZHvCgRH7SO81Muz797maJ_qvl77AyMG7EgNOQ0hn7xHli5elr-QzTGfah3FNTxvdipzPFXPqAR75r_CzhMaNHp99IZSoIUuOd4IW/s640/Rafae+Fahely.jpg" width="544" /></a></div><br /><br /><div style="text-align: center;"><b>بسم الله الرحمن الرحيم اقدم لكم اليوم القالب الاكثر من رائع قالب رافع<br />الفحيلي القالب من تصميم وتكويد المساعد العربي الان القالب عندنا وبس <br />للتحميل القالب عندنا ومش عند اي حدا تاني قالب له مميزات رائعة الوان <br />رائعة وهادئة وخلفية رائعة + بنر اعلاني احترافي لان للتحميل والمعاينة في <br />مدونة عمرو لمدونات بلوجر مجاني</b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>القالب علي اكثر من رابط </b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>رابط معاينة القالب </b></div><div style="text-align: center;"><b>من <a href="http://rafaefahely.blogspot.com/">هنا هنا هنا</a></b></div><div style="text-align: center;"></div><div style="text-align: center;"><b>ولان جاء وقت تحميل قالب </b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKQDl2I0hiwu_6BasL1gyO45_kIHVShmX1ogJutXOt7xwCo-EXCeyjYjWIwN036Oe-79lFPv3ESW7Jac0lEAoYD-qmEiiLJU6gr2qmuPMOnS6pkiQrlVJDdehpN7gM2JrX8Ed9I4BSOaD/s1600/%D8%A8%D8%AF%D9%88%D9%86+%D8%B9%D9%86%D9%88%D8%A7%D9%86-1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKQDl2I0hiwu_6BasL1gyO45_kIHVShmX1ogJutXOt7xwCo-EXCeyjYjWIwN036Oe-79lFPv3ESW7Jac0lEAoYD-qmEiiLJU6gr2qmuPMOnS6pkiQrlVJDdehpN7gM2JrX8Ed9I4BSOaD/s1600/%D8%A8%D8%AF%D9%88%D9%86+%D8%B9%D9%86%D9%88%D8%A7%D9%86-1.png" /></a></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>MEDIAFIRE</b></div><div style="text-align: center;"></div><div style="text-align: center;"><b><a href="http://www.mediafire.com/?f6489lnp3kjokdi">من هنا هنا هنا</a></b></div><div style="text-align: center;"><b>--------</b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>mega.co</b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b><a href="https://mega.co.nz/#%21bFNT1Z5R%21XUIIynmsDwsEQkvF7-y-xDIJsTJauxZdQD0md_KwB7k">من هنا هنا هنا</a></b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>-------------------------------------</b></div><div style="text-align: center;"><b>لوعندك اي استفسار عن اي حاجة في القالب تواصل </b></div><div style="text-align: center;"><b>معنا عبر الايمل الاتي </b></div><div style="text-align: center;"></div><div style="text-align: center;"><a href="mailto:sttorm7@gmail.com"><span class="gbps2">sttorm7@gmail.com</span></a><br /><br /></div></div></div></div><div dir="rtl" style="text-align: right;" trbidi="on"><br /></div><br /><br /><div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"></div><div style="color: red; text-align: center;"><style type="text/css">div.background { width:585px; height:60px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSOY2sKUS2w0HpEVJguaZxLrKRrfG3W_DsJch0laPrcHLBq1p-yxSq4eseQWakSu1U3FYIxkPFmVKQswDoHBrR4bzj8aGU3iNLTW7UnomAWtB-FEjAbiw32_R74if_vh9lX0zMU7UvJ9q/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat; border:2px solid white; } div.transbox { width:566px; height:26px; margin:26px 9px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; } </style></div><div style="color: red; text-align: center;"></div><div class="background" style="color: red; text-align: right;"><div class="transbox"><a href="https://sites.google.com/site/morfkatmdontkblog/%D8%B1%D8%A7%D9%81%D8%B9%20%D8%A7%D9%84%D9%81%D8%AD%D9%8A%D9%84%D9%8A%20%D9%84%D9%84%D8%A8%D9%84%D9%88%D8%AC%D8%B1.xm">رافع الفحيلي للبلوجر.xml</a> (97 KB)</div></div></div><br /></div></div>

حصريا ومجانا تحميل قالب رافع الفحيلي لان في عمرو ويب

بسم الله الرحمن الرحيم بسم الله الرحمن الرحيم اقدم لكم اليوم القالب الاكثر من رائع قالب رافع الفحيلي القالب من تصميم وتكويد المساعد العربي ا...

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on"><h3></h3><div dir="rtl" style="text-align: right;"><div style="text-align: justify;">السلام عليكم ورحمة الله تعالى وبركاته ,, مرحبا بكم اخواني اخواتي , اقدم لكم اليوم النسخه المطوره من قالب يوسف ويب , طبعا انا سبق وذكرت مميزات هذا القالب الا ان هذه النسخه المطوره زادت من جماليته واحترافيته فهو يحتوي على العديد من المميزات بالاضافه الى شكله الانسيابي والانيق , القالب خاص بمدونة يوسف ويب وهو من تطويره ,وقد شملت هذه النسخه تطويرات ملموسه ورائعه من حيث الشكل وايضا من حيث المحتوى فقد تم اضافة اداة تعريف كاتب التدوينه وايضا ادوات المشاركه عبر اشهر مواقع التواصل الاجتماعي , الان اترككم تحكمون على القالب بانفسكم ,,</div><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdAK5d2bftzGRnMDFndMDNDLdYCcwevKLY6Q_8-L08YPNtxnb2I-PnzIV2Xhi8ao6nOjZ04VVuHZFsiYL0YmCC3NMZOhibWJOR5MeqIULZ878EZHeZm0Zf_agcr1sSpaNH-1JZIwYnOB_E/s1600/222.png" style="color: #fd7012; margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" height="441" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdAK5d2bftzGRnMDFndMDNDLdYCcwevKLY6Q_8-L08YPNtxnb2I-PnzIV2Xhi8ao6nOjZ04VVuHZFsiYL0YmCC3NMZOhibWJOR5MeqIULZ878EZHeZm0Zf_agcr1sSpaNH-1JZIwYnOB_E/s640/222.png" style="cursor: move;" width="640" /></a></div><div style="text-align: center;"></div><br /><div style="text-align: center;"><div style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-family: inherit;"><span style="font-size: large;">شكل القالب</span></span></div></div><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_vOWjpY-HcpplTvszyHpshc0AfZj0l_KvPkZungBnet__HaniPT7dMQJr3ahg3XZ3tRpodXFVFygqjrMWG52M2iLhiFMR-2SMwhlr7_0pnDlrfoQFRGsisb40HrzFX7qhYa1EJYhs5fe5/s1600/%D9%82%D8%A7%D9%84%D8%A8+%D9%8A%D9%88%D8%B3%D9%81+%D9%88%D9%8A%D8%A8.png" style="color: #fd7012; margin-left: 0em; margin-right: 0em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_vOWjpY-HcpplTvszyHpshc0AfZj0l_KvPkZungBnet__HaniPT7dMQJr3ahg3XZ3tRpodXFVFygqjrMWG52M2iLhiFMR-2SMwhlr7_0pnDlrfoQFRGsisb40HrzFX7qhYa1EJYhs5fe5/s1600/%D9%82%D8%A7%D9%84%D8%A8+%D9%8A%D9%88%D8%B3%D9%81+%D9%88%D9%8A%D8%A8.png" /></a></div></div><span id="goog_1889564190"></span><span id="goog_1889564191"></span><br /><div dir="rtl" style="text-align: right;"><br /><div style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: large;">مميزات القالب</span></div><h2></h2><ul><li>قالب انيق ومميز واحترافي </li><li>يتميز القالب بارشفه قويه</li><li>يتميز بخفة في التصفح</li><li>صندوق البحث في المدونه رائع واحترافي</li><li>سلايدشو حصرية وخاصة بالقالب</li><li>إضافة المواضيع في السلايدشو حسب الوسم</li><li>إضافة حصرية للإشتراك في الصفحات الإجتماعية</li><li>أماكن مخصص للإعلانات بقياسات مختلفة</li><li>إضافةلمشاركة المواضيع على الشبكات الإجتماعية</li><li>إضافة اقرا المزيد </li><li>اضافة صندوق تعليقات الفيس بوك </li><li>صفحات مرقمه بشكل جميل واحترافي</li></ul></div><h2 style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-align: center; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: large;">معاينة وتنزيل القالب</span></h2><br /><br /><center><a class="previewbutton" href="http://yuosifweb-templet2.blogspot.com/" target="_blank"> <span style="font-family: inherit;"><span class="previewbutton1">۞</span><span style="font-size: medium;"><span style="font-family: inherit;"> معاينة القالب</span> </span> <span class="previewbutton2">◄</span></span></a><span style="font-family: inherit;"> <a class="previewbutton" href="https://www.dropbox.com/s/cj05rzpm1ns2jrh/yuosifweb-templet2-by%20jalal%20albaadani.zip" target="_blank"> <span class="previewbutton1" target="_blank">۞</span><span style="font-size: medium;"><span style="font-family: inherit;"> تحميل القالب</span></span> <span class="previewbutton3">▼</span></a></span> </center><br /><h2 style="-moz-font-feature-settings: inherit; -moz-font-language-override: inherit; background-color: white; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w7NtQNlvRtldqhXLJXeacjRErQIe1-8uNgMMZl5mUbE8ja28y6tYtOX-kFbzhAvcL8-YWKCjbrbMgyeT-u1-JM5uK5Ag01rhZ_iYxaxli3E2syRPRWiKX657r4Q3NA9XPckd4w5nfN0/s1600/h2.png"); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-radius: 60px 60px 60px 60px; border: 3px solid rgb(200, 200, 0); box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset; color: #a5a503; font-family: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 15px 3px; outline: medium none; padding: 3px 10px 3px 30px; text-align: center; text-shadow: 0px 1px 0px rgb(204, 204, 204); text-transform: uppercase; vertical-align: baseline;"><span style="font-size: large;">تخصيص القالب</span></h2></div><ul style="text-align: right;"><li><h2 style="text-align: right;"><u><span style="color: orange; font-size: medium;"><b>الشعار</b></span></u></h2></li></ul><div style="text-align: right;"><b>لتغير لوجو المدونه قم بالبحث عن :</b></div><div dir="ltr" style="text-align: left;"><b><br /></b></div><blockquote dir="ltr" style="text-align: left;"><span style="color: #0b5394;"><span style="font-family: inherit;"><b>http://im39.gulfup.com/671Ax.png</b></span></span></blockquote><br /><b>واستبدله برابط شعار مدونتك</b><br /><br /><br /><span style="color: #0b5394;"><span style="font-family: inherit;">يمكنك تحميل شعار البعداني ويب <span style="color: orange;">psd</span> مفتوح المصدر للتعديل عليه حسب رغبتك</span></span><br /><br /><center><span style="font-family: inherit;"><a class="previewbutton" href="http://www.gulfup.com/?S4NTN4" target="_blank">۞ تحميل ▼</a></span> </center><br /><ul style="text-align: right;"><li><h2 style="text-align: right;"><u><span style="color: orange; font-size: medium;"><b>تخصيص السلايد شو</b></span></u></h2></li></ul><b>لظهور السلايدرشو ابحث عن كلمة</b><br /><b>  </b><br /><div style="text-align: center;"><blockquote class="tr_bq"><div dir="ltr"><span style="font-family: inherit;"><span style="color: blue;"><span style="font-size: medium;">نصائح</span></span></span></div></blockquote></div><br /><b>واستبدلها باسم قسم من اقسام مدونتك ليظهر بالسلايد شو</b><br /><br /><br /><ul style="text-align: right;"><li><h2 style="text-align: right;"><u><span style="font-size: medium;"><span style="color: orange;">ضبط وتعديل أقسام وروابط القائمة العلوية</span></span></u></h2></li></ul><br /><b> قم بالبحث عن </b><br /><br /><blockquote class="tr_bq "><div style="text-align: left;"><b><b><div class='menu1'>  </b></b></div></blockquote><b><br /> </b><br /><b>ستجد اسف الكود الذي بحثت عنه هذه الاكواد</b><br /><blockquote class="tr_bq"><div style="text-align: left;"><div><div class="syntaxhighlighter html" id="highlighter_660518"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div><div class="line number3 index2 alt2">3</div><div class="line number4 index3 alt1">4</div><div class="line number5 index4 alt2">5</div><div class="line number6 index5 alt1">6</div></td><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code> <code class="html color1">target</code><code class="html plain">=</code><code class="html string">'_blank'</code><code class="html plain">>الرئيسية</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>أعلن معنا</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code> <code class="html color1">target</code><code class="html plain">=</code><code class="html string">'_blank'</code><code class="html plain">>فيديـو</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code> <code class="html color1">target</code><code class="html plain">=</code><code class="html string">'_blank'</code><code class="html plain">> إشتراك Rss</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number5 index4 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>إلتحق بفريق التدوين</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number6 index5 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>اتصل بنا</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></</code><code class="html keyword">ul</code><code class="html plain">> </code></div></div></td></tr></tbody></table></div></div></div></blockquote><div style="text-align: right;"><br /><span style="font-size: x-small;"><span style="font-family: inherit;">عليك استبدال مسميات الأقسام الافتراضية المبينه باللون <span style="color: red;">الاحمر</span> بما يناسبك، وتكتب مكان علامة المربع <span style="background-color: #ead1dc;"><span style="color: red;">#</span></span> رابط كل قسم</span></span></div><div style="text-align: right;"></div><div style="text-align: right;"></div><div style="text-align: right;"></div><h2 style="text-align: right;"><u><span style="font-size: medium;"><span style="color: orange;">ضبط وتعديل أقسام وروابط القائمة العلوية اسفل الهايدر ؟</span></span></u></h2><div style="text-align: right;"><b>قم بالبحث عن الكود التالي</b></div><div style="text-align: left;"><blockquote class="tr_bq "><b><span style="font-family: inherit;"><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: x-small;"><b><div class='m'></b></span></span></span><span style="font-family: inherit;"> </span></b></blockquote></div><br /><div style="text-align: right;"><b>ستجد اسفل الكود الذي قمت بالبحث عنه هذه الاكواد</b><br /><br /></div><blockquote class="tr_bq"><div style="text-align: left;"><div><div class="syntaxhighlighter html" id="highlighter_301640"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div><div class="line number3 index2 alt2">3</div><div class="line number4 index3 alt1">4</div><div class="line number5 index4 alt2">5</div><div class="line number6 index5 alt1">6</div><div class="line number7 index6 alt2">7</div><div class="line number8 index7 alt1">8</div><div class="line number9 index8 alt2">9</div></td><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'home'</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">/></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>الربح الألكتروني</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>بلوجر</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>تصاميمي</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number5 index4 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>تطوير المواقع</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number6 index5 alt1"><code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>فيس بوك</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number7 index6 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>فوتوشوب</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number8 index7 alt1"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>أنترنت</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div><div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">li</code><code class="html plain">><</code><code class="html keyword">a</code> <code class="html color1">href</code><code class="html plain">=</code><code class="html string">'<a href="http://alb33dani.blogspot.com/">http://alb33dani.blogspot.com/</a>'</code><code class="html plain">>ووردبريس</</code><code class="html keyword">a</code><code class="html plain">></</code><code class="html keyword">li</code><code class="html plain">></code></div></div></td></tr></tbody></table></div></div></div></blockquote><br /><div style="text-align: right;"><br /><span style="font-family: inherit; font-size: x-small;"><span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span"><b><span style="color: blue;"><span style="color: black;">قم بتغيير التسميات </span><span style="color: red;"> <span style="color: blue;"><span style="color: black;">حسب رغبتك عادتآ تكون</span> (الصفحات & الاقسام)</span></span> </span></b></span></span></span> </div><div style="text-align: right;"><span style="font-family: inherit; font-size: x-small;"><span class="Apple-style-span"><span class="Apple-style-span"><b>وقم بتغيير الروابط المبينه باللون</b></span></span></span><span style="font-family: inherit; font-size: x-small;"><span class="Apple-style-span"><span class="Apple-style-span"><b><b><span style="color: #a2c4c9;">http://alb33dani.blogspot.com</span></b> </b></span></span><span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span"><b><span style="color: blue;"><span style="color: purple;"> <span style="color: black;">بروابط اقسام او صفحات مدونتك</span></span></span></b></span></span></span><span style="font-size: x-small;"><b>  </b></span></div><br /><br /><br /><br /><h2 style="text-align: right;"><span style="color: #134f5c; font-size: medium;">اذا واجهتك اي مشكله في تركيب القالب او تخصيصه اترك تعليق وسيتم الرد عليك ان شاء الله</span></h2></div>

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

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

مزيد من المعلومات »