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

مميزات القالب

1. 1. قالب انيق ومميز واحترافي
   2. يتميز القالب بقائمه منسدله احترافيه
   3. يتميز بخفة في التصفح
   4. يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
   5. اضافة الاشتراك في المواقع الاجتماعيه
   6. سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
   7. اضافة مشاركة المواضيع على الشبكات الاجتماعيه
   8. القالب متوافق مع جميع مقاسات الاجهزه الذكيه
   9. يتميز القالب باربع قوائم اسفل الفوتر
   10. إضافة اقرا المزيد
   11. يحتوي على خطوط ويب مميزه واحترافيه
   12. -يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر
   13. متوافق مع اشهر المتصفحات
   14. القالب مزود بارشيف احترافي
   15. اضافة صفحة الخطا 404 بشكل انسيابي ومنسق
   16. سلايدر شو متجاوب
   17. وهناك الكثير من المميزات الاحترافيه الذي سوف ادعكم تكتشفونها بانفسكم

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

۞ معاينة القالب ◄ ۞ تحميل القالب ▼

تخصيص القالب

لتغير لوجو المدونه قم بالبحث عن :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8M_iMga356_YxjqJN_riyTwP_d1t27NVxYk_HqMp_9mjBQXXt_Yvd8g-1CAgC357KwFvq2J1vFlTgPV-q4ZSX5XqUVBK3nNge3O-PSY4ksHmKeqvf60ji4xYsQUtgSfeNQ7yD9aPpSos/s1600/albaadani-web(1).png

واستبدله برابط شعار مدونتك

تخصيص المحتوى للقالب

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

http://رابط مدونتك/feeds/posts/default/-/اسم القسم?published&alt=json-in-script&callback=labelthumbs

عوض ما باللون الاحمر  برابط المدونة و اسم القسم المراد عرض مواضيعه

مثال

http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs

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

فمثلا انا لدي 4 اقسام هي   اضافات بلوجر , قوالب بلوجر ,دروس بلوجر ,تقنيه

سوف اقوم باضافته للرابط السابق كالتالي

http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs 

http://www.alb33dani.com/feeds/posts/default/-/قوالب بلوجر?published&alt=json-in-script&callback=labelthumbs

http://www.alb33dani.com/feeds/posts/default/-/دروس بلوجر?published&alt=json-in-script&callback=labelthumbs

http://www.alb33dani.com/feeds/posts/default/-/تقنيه?published&alt=json-in-script&callback=labelthumbs

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

http://goo.gl/

 قم بادخال الربط داخ المستطيل واضغط على SHORT URL لتحصل الى الرابط المحتصر


الان بعد ما حصلنا على 4 روابط مختصره سوف نحتفظ بها لاننا سنحتاجها فيما بعد

• نقوم اولا بتخصيص السلايدر شو الاساسي 

  
  
  
  
  
  قم بالبحث عن الرابط التالي
  
  

  http://goo.gl/hZfeln

 ستجد هذا الرابط مكرر مرتين في القالب  قم باستبدال الرابطين  بالرابط المختصر للقسم الاول  الذي انشأته مسبقا  واحتفظت به

ثانيا تخصيص اداة احدث التدوينات  

قم بالبحث عن الرابط التالي

http://goo.gl/tm6lDZ

 واستبدله بالرابط المختصر للقسم الثاني الذي اضفته مسبقا

  تخصيص السلايدر الافقي اسفل اداه احدث التدوينات

قم بالبحث عن الرابط التالي

http://goo.gl/8PM3pP

 واستبدله بالرابط المختصر للقسم الثالث الذي اضفته مسبقا

  تخصيص قائمة المواضيع اسفل السلايد الافقي

قم بالبحث عن الرابط التالي

http://goo.gl/bhbgON

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

  تخصيص قائمة عرض المواضيع حسب التسميات اسفل القالب

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

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

<ul class='maintabNav'>

ستجد الكود بهذا الشكل

<ul class='maintabNav'>      
<li class='firstTab active' style=''>
    <a href='#maintabs-1' title='اسم القسم 1'><span class=''>اسم القسم 1</span></a></li>
<li><a href='#maintabs-2' title='اسم القسم 2'><span class=''>اسم القسم 2</span></a></li>
<li><a href='#maintabs-3' title='اسم القسم 3'><span class=''>اسم القسم 3</span></a></li>
<li><a href='#maintabs-4' title='اسم القسم 4'><span class=''>اسم القسم 4</span></a></li>
</ul>

قم بكتابة اسماء التسميات(الاقسام) الخاصه بك داخ الكود السابق  كما هو موضح كل قسم ستكتب اسمه مرتين

الان ننتقل  الى كيفية اضافة روابط هذه الاقسام

قم بالبحث عن الكلمات التالي 

الرابط المختصر للقسم 1

الرابط المختصر للقسم 2

الرابط المختصر للقسم 3

الرابط المختصر للقسم 4

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

الان قم بحفظ القالب واستمتع بالقالب الاحترافي الجديد في مدونتك

اتمنى ان اكون قد وفقت لتوصيل المعلومه وفي حاله حصول اي مشكله عند التركيب قم بوضع تعليق

الموضوع منقول من مدونة البعدانى 

Read more »

قالب المساعد العربي,

قالب مدونة جلال البعداني المدفوع مقدم مجانا

قالب مدونة البعدانى التقنى جمال بلا حدود

مميزات القالب

1. 1. قالب انيق ومميز واحترافي
   2. القالب مدعم بقوائم منسدله انسيابيه
   3. يتميز بخفة في التصفح
   4. اضافة الاشتراك في المواقع الاجتماعيه
   5. سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
   6. اضافة مشاركة المواضيع على الشبكات الاجتماعيه
   7. القالب يتميز بخفه وانسيابيه في التصفحه
   8. إضافة اقرا المزيد
   9. يحتوي على خطوط ويب مميزه واحترافيه
   10. -يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر
   11. متوافق مع اشهر المتصفحات
   12. يحتوي القالب على تعليقات بلوجر المتبرابطه مضاف اليها ايقونات الابتسامات
   13. اضافة صفحة الخطا 404 بشكل انسيابي ومنسق
   14. يتميز القالب بهايدر حصري ومنسق بطريقه جميله
   15. وهناك الكثير من المميزات الاحترافيه الذي سوف ادعكم تكتشفونها بانفسكم

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

۞ معاينة القالب ◄ ۞ تحميل القالب ▼

تخصيص القالب

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

تخصيص الهايدر

لتغيير هايدر المدونه قم بالبحث عن الرابط التالي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxebIrsqNTlPAHLi9rljnBS-B0P6-dPRc3I662CmSMLZaBmkt9ER5eThMOAbhXSUa8uMvEaPsC22BvoxcRAdggS3vlKlsmeOApItO14l1XVaZX5uto-YQsMOkrmwii3Xg78CKhrUMiMNWy/s1600/jalal-header.png

واستبدله برابط الهايدر الخاص بك ( تم توفير الهايدر كملف psd مفتوح المصدر ,, مرفق مع القالب )

تخصيص القائمه الافقيه اسفل الهايدر

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

<ul id='jalal-menu'>

وستجد اكواد القائمه كالتالي

<ul id='jalal-menu'>
<li><a href='/'>الرئيسيه</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>الواجهه</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>اضافات بلوجر</a>
<ul>
<li><a href='http://www.alb33dani.blogspot.com/'>جي كويري</a></li>
<li><a href='/search/label/'>تعليقات</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>ازرار + ايقونات</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>CSS3 + CSS</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>سلايدرشو</a></li>
  </ul>
</li>
<li><a href='http://www.alb33dani.blogspot.com/'>قوالب بلوجر</a>
<ul>
<li><a href='http://www.alb33dani.blogspot.com/'>قوالب مجانيه</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>قوالب مدفوعه</a></li>
</ul>
</li>
<li><a href='#'>ادوات بلوجر</a>
<ul>
<li><a href='http://www.alb33dani.blogspot.com/p/blog-page_15.html'>محرر الاكواد</a></li>
<li><a href='http://www.alb33dani.blogspot.com/p/blog-page_23.html'>محول الاكواد</a></li>
<li><a href='http://www.alb33dani.blogspot.com/p/blog-page_8433.html'>اكواد الالوان</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>فوتوشوب اونلاين</a></li>
</ul></li>
<li><a href='http://www.alb33dani.blogspot.com/p/blog-page.html'>ارشيف المدونه</a></li>
<li><a href='http://www.alb33dani.blogspot.com/p/blog-page_2.html'>التبادل الاعلاني</a></li>
<li><a href='http://www.alb33dani.blogspot.com/p/blog-page_6165.html'>اتصل بنا</a></li>
<li><a href='#'>منوعات</a>
<ul>
<li><a href='http://www.alb33dani.blogspot.com/'>خلاصات</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>مواقع</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>صور</a></li>
<li><a href='http://www.alb33dani.blogspot.com/'>تقنيه</a></li>
</ul>
</li>
</ul>

قم بتغيير المسميات والروابط حسب رغبتك (عادة تكون مسميات وروابط اقسام وصفحات المدونه)

تخصيص السلايد شو

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

<div id='slider_wrapper'>

وستجد اكواد السلايدرشو كما في الشكل التالي

<div id='slider_wrapper'><div class='large_header'/>
<div id='slider_content'><div class='nivoSlider' id='slide'>
<a href='http://www.alb33dani.com/2013/10/liomagazine-template-in-5color-for-blogger.html' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISUezSxNr0NBiHeiz7qTlDudbb2ad2vcd0RedmSXS1ytv1lEAkUd1FKLsF60qLmvXGzCaKFw-FQVWcVFPf0s9nPlMfynwJpnRse7EaDbPekLg-2VDnJLJAG3WlU1DtxKrtiUmUUufvAEg/s1600/f5kJX_0.png' title='حصريا القالب التقني&quot;ليوماجازين&quot; مطور بخمس الوان احترافيه لمدونات بلوجر'/></a>
<a href='http://alb33dani.blogspot.com/search/label/قوالب بلوجر' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBP0hVpu868dNAdhxUJLlvdKEWqIsGtyYzVOGy81cKcg8eAx3erTD_tXUnQgPZ0NwMd8yonFmPLGuyOU7HY0B9EMHjhyr1hktkiXP2JYlVOiVabf8jwzEmjOQJpodGWhYUGLSjmaVORuN/s1600/5lmje.png' title='قوالب بلوجر احترافيه مطوره باحدث الاضافات'/></a>
<a href='http://alb33dani.blogspot.com/2013/09/it9an-logge-template-in-three-colors.html' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwjR8zKgS8Z6ZlGtiRkI1vpESgYYBVI0cee9YvZUEkFlbOf59HRAmc58YCoaGncAnu1ANjYYQtuMhJodZe8y4t67wD9uK9_x6v6aBxdajyLEYaxISZ3qTdmQM4oKYB6LdQ2U-q6pFf4EDj/s1600/wU6K2_0.png' title='قالب اتقان بلوجر مطور بثلاثه الوان احترافيه + سلايد شو المحترف '/></a>
</div></div>
<div class='large_footer'/></div>

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

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

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

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

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

<div class='postauthor'>

وستجد اكواد كاتب التدوينه بهذا الشكل

<div class='postauthor'>
<img alt='' height='80' src='https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/487292_327202174037831_1400015829_n.jpg' width='70'/><h3>بقلم <a href='/'><span class='colored'>جلال</span> البعداني</a></h3>
<p> إسمي الكامل جلال احمد البعداني ،بلدي هو اليمن ، أهتم بتقنيات وتطوير المدونات ،هدفي من خلال هذه المدونة ،هو مساعدة المدونين على تطوير مدوناتهم من خلال تجربتي المتواضعة التي إكتسبتها خلال مشواري التدويني يمكنكم متابعتي على التويتر</p>
</div>

قم باستبدال ما باللون                    برابط صورتك   ,
ثم قم باستبدال ما باللون                بالوصف الخاص بك  ,
ولا تنسى استبدال ماباللون              باسمك

تخصيص تعليقات الفيس بوك

لتغيير تعليقات الفيس بوك وربطها بحسابك قم بالبحث عن  الرقم  180479755462043    واستبدله برقم اي دي تطبيق الفيس بوك الخاص بك  ,,, قم قم بالبحث عن الرقم 100001350723294 واستبدله برقم الاي دي الخاص بحسابك الشخصي
لمزيد من المعلومات راجع هذا الشرح   من هنـــــــــــــــــــــــــــــا 

الان قم بحفظ القالب والتمتع به

الى هنا ياتي ختام موضوعنا لهذه التدوينه اتمنى ان ينال القالب اعجابكم واذا كان لديكم اي استفسار او واجهتكم اي صعوبات في تركيب القالب فلا تنسو ان تنشروا الموضوع وتقومو بوضع تعليق بالمشكله التي واجهتكم    وسوف يتم الرد عليها ان شاء الله

Read more »

قالب مدونة جلال البعداني,