مساحة إعلانية

السبت، 19 أبريل، 2014

السبت، 19 أبريل، 2014

قالب JPstation وطريقة تلوينه

JPstation Blogger Template
أحد أشهر القوالب على منصة بلوجر قالب JPstation حقيقة القالب غاية في التميز ومصمم بشكل احترافي خفيف وسريع بالرغم من امكانياته العالية تم تطوير القالب وضبطه القالب صدر بـ 6 الوان وهذا جعلني في حيرة هل اكتفي بتعريب نسخة واحده فقط وهي باللون الأساسي ام اضع الستة الوان وبعد تفكير اتخذت القرار ساعلمك اسهل طريقة لتلوين القالب باى لون تحبه عملاً بالمثل القائل " لا تعطني سمكة بل علمني كيف اصطاد" اظنه مثل صيني على ما اتذكر ^_^ المهم تم مراعاة ان يكون القالب قابل للتلوين بأبسط طريقة لكن اولا يمكنك الإطلاع على المظهر الأساسي للقالب وتحميله من الروابط التالية

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

  1. القالب متجاوب
  2. يحتوي على قوائم منسدله
  3. يحتوي شريط آخر المواضيع
  4.  يحتوي على فوتر به ثلاث أدوات 
  5.  القالب سريع وصديق لمحركات البحث
  6. يحتوي على اضافة مواضيع ذات صلة مميزة
  7. يحتوي على إبتسامات ونموذج تعليقات تفاعلي
  8.  القالب يستخدم طريقتين لعرض المواضيع القائمة والشبكة
  9. يحتوي على 4 تبويبات في السايد بار لأربع اضافات مختلفة



طريقة تلوين القالب

بعد تركيب القالب ادخل الى تحرير القالب وانقر بمؤشر الفارة ضغطة واحده داخل المحرر لتنشيط النافذة الخاصة به
ثم اضغط الثلاث أزرا التالية
Ctrt+Shift+R
سيظهر لك صندوق إستبدال الكل
أضف به هذا الكود #0F83A0 وهو كود اللون الأساسي للقالب ثم اضغط Enter
بعد ذلك سيتغير صندوق الإستبدال أضف به كود اللون الذي اخترته ليكون هو اللون الأساسي للقالب واضغط Enter
ثم كرر العملية مع هذا الكود #62929E وهو لون الروابط استبدله بلون آخر ويفضل ان تكون درجة أغمق او افتح من اللون الذي اخترته ليكون متناسق
الآن اصبح القالب ملون تماما إلا شئ بسيط وهو صورة الكاتب في التعليقات 
إذا ماذا سنفعل بها ؟ سنغير لونها بإستخدام الفوتوشوب أونلاين وهي فرصة جيدة للتعرف على هذه الخاصية به
شاهد هذا الفديو به الطريقة بشكل سريع غير لون الصورة الى اى لون يعجبك ثم ارفعها ثم استبدل رابطها
وهذا هو رابط الصورة الأصلية حملها منه واستبدله في القالب بعد تعديل اللون رابط الفوتوشوب اونلاين
https://lh5.googleusercontent.com/-riuZUtnx8Uw/U1I0idWteqI/AAAAAAAAAuU/PuMLFF5sK04/s36/auticohor.png


أشياء أخرى يجب ان تعدلها بالقالب

القوائم المنسدلة استبدل رمز الـ # بالقوائم بالرابط المناسب وغير الكلمات بما يناسبك
بالنسبة للرابط الاحمر الأول تكراره يعطيك رابط جديد في القائمة
أما الجزء الأزرق كاملاً تكراره يعطيك قائمة منسدلة وتكرار الرابط الاحمر داخل الجزء الأزرق يعطيك رابط جديد بالقائمة المنسدلة

القائمة الأولى العلوية

<li><a href='#'>عن المدونة</a></li>
<li><a href='#'>راسلنا</a></li>
<li class='dgnsubtop'><a href='#'>أخرى</a>
<ul class='sub-menu-top hidden'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul></li>

القائمة الثانية السفلية

           <li><a href='#'>عن المدونة</a></li>
           <li><a href='#'>أرشيف</a>
<ul class='submenu hidden'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>

           <li><a href='#'>التعليقات</a></li>

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

إضافات القالب الخاصة بالتبويبات

اضافة جديد

<div id="recentpostxx"><span class="loadingxx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:10,
animatedRecentPost:true,
limitspy:5,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
contjumlah:100
});
});
//]]>
</script>

اضافة التعليقات

<div id="rcentcomnets"><span class="loadingxx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
numComments:10,
animatedRecentcomments:true,
limitspyrkm:5,
avatarSize:50,
characters:100,
adminBlog:"admin"
});
});
//]]>
</script>
استبدل admin بإسمك على بلوجر او اسمك على جوجل بلس ان كان هو المربوط ببلوجر
واستبدل رقم 10 بعدد التعليقات التي تريدها ان تظهر
طبعا يرجى عدم حذف الحقوق والإلتزام بشروط الإستخدام
دمتم في أمان الله



هناك 50 تعليقًا:

  1. الردود
    1. مشكور على مرورك العطر تحياتي

      حذف
  2. قالب مميز أخي عمرو دائماً مبدع وقوابك احترافيه وانا احبها موفق إن شاء الله

    ردحذف
    الردود
    1. حياك الله أخي عبدو وأشكرك على هذا المرور الكريم
      ودي وتقديري

      حذف
  3. السلام عليكم ورحمة الله وبركاته
    قالب جميل وشرح أروع =q
    بارك الله فيك أخي الغالي عمرو
    طرحت فأبدعت دمت ودام عطائك
    في امان الله =s

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أخي الحبيب بدر دائما ما تسعدني بكلماتك الجميله والتي بالتأكيد لا استحقها
      ولكن هو من ذوقك يا طيب ربي يبارك فيك =r

      حذف
  4. قالب في منتهي الجمال أخي الغالي r=

    ردحذف
    الردود
    1. شكراً على مرورك أخي الفاضل على دمت بكل ود =r

      حذف
  5. قالب جميل أخي لكن لدي عدة مشاكل و استفسارات
    1 - ع الجنب الشمال " الشائعه - جديد - التعليقات - الارشيف " ايه فايدة جديد و التعليقات مع إنهم فاضيين
    2- هل ينفع أركب أقسام فرعيه .
    3- ليه نظام تعليقات ديسكس ما بيقبلش مدونتي رغم إني طبقت كل اللي قولت عليه في شرحك للإضافه و دوما يظهرلي الرسالة دي http://goo.gl/pJTqMu

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

      حذف
    2. لا لم يحدث خطأ في تركيب أنا عملته زي شرحك

      بالنسبة للأقسام الفرعيه
      عاوزة أعمل مثلا قسم عن المطبخ و يتفرع منه قسم عن الحلويات , اشهي المأكولات
      بالظبط زي نظام روابط تهمك فوق في مدونتك لما تقف عليها يفتح أقسام تانيه

      حذف
    3. بالنسبة للقوائم راجعي اختي الشرح الموجود بالموضوع تم توضيح طريقة اضافة اقسام منسدلة
      بالنسبة لتعليقات Disqus لآ اعرف ما المشكلة بالضبط ربما عدم توافق بينها وبين القالب

      حذف
    4. ممكن تجرب تربط disqus بالقالب و تقولي ايه الحل
      معلش عارفه بتقل عليك ربنا يعزك

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

      حذف
    6. ميرسي جدا تم تركيب التعليقات

      حذف
    7. لو سمحت أنا مش عارفه الاكواد " إضافات القالب الخاصة بالتبويبات " أحطها فين !!
      و لو عاوزه ألغيهم ألغيهم أزاي

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

      حذف
    9. القالب فيهخانه اسمها أخر المواضيع زي شريط تحت الهيدر و مكتوب جنبه تحميل و ما بيعرضش حاجه

      حذف
    10. أختي الفاضلة في صفحة التخطيط ستجدين في السايدبار إضافتين واحده بعنوان Recent Post
      هذه تضيفين بها كود إضافة جديد
      وواحده بعنوان آخر التعليقات تضيفين بها كود إضافة التعليقات

      حذف
  6. السلام عليكم, يا اخي صور المشاركات لا تظهر في الرئيسية

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

      حذف
    2. شكرا لك, نعم كان المشكل في الرفع فقط و شكرا على استجابتك السريعة

      حذف
    3. الشكر لله وأنا في خدمتكم في اى وقت تحياتي

      حذف
  7. الف شكر على القالب وتسلم ايدك على التصميم ولكن عندى سوال ارجو الاجابة علية فى اقرب وقت ممكن .
    1- المواضيع ذات صلة هل يمكن التعديل عليها اريد ان احذف نبذه عن الموضوع بحيث تكون صورة الموضوع وعنوانة فقط .
    2- اريد تكبير حجم القائمة المنسدلة المكتوب فيها تعديل اريد ان اجعلها عريضة اكثر لكتابة عنوان كبير لان عندما اكتب عنوان كبير يكتب عادى ولكن باقى العنوان يظهر فى السطر اللى بعده .
    3- وضع بنر بجانب شعار المدونة .

    منتظر رد بفارغ الصبر ..... وعلى كل حال لك كل التقدير والاحترام .... وشكراً

    ردحذف
    الردود
    1. أولا أشكرك على كلماك الطيب ومرروك العطر
      1- جرب ان تبحث عن هذا الكود rlt_summary: 150, وعدل الرقم 150 الى 0
      ان لم يعمل أبح عن هذا الكود
      #related_posts p{margin:5px 0 0}
      واستبدله بهذا
      #related_posts p {display: none;}
      ------------------------------------------------------
      2- ابحث عن كود مثل هذا
      #navtop ul.sub-menu-top
      بعده ستجد هذا الكود width: 140px; قم بزيادة الرقم 140 لتكون القائمة أعرض زده بالحجم الذي تريد
      ------------------------------------------------------
      3- ستجد آداة داخل القالب بجانب شعار المدونة قم بتحريرها واضافة الكود التالي بها
      <a href="#" target="_blank"><img src="#i"></a>
      مع استبدال # بالرابط
      واستبدا i# برابط الصورة
      وبالتوفيق

      حذف
    2. الف الف شكر على استجابتك لى وتم التعديل وكله تمام .... الــــــ1000ـــــف مره اخرى على سرعة الاستجابة .
      q

      حذف
    3. أهلا بك أخي الكريم وبالتوفيق =r

      حذف
  8. السلام عليكم ورحمة الله وبركاته جزاكم الله خيرا لما تسهرون عليه من خدمة الناس وتذكروا أن سيد الرجال خادمهم

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أهلا ومرحباً بك أخي الكريم
      جرب التالي يا طيب
      ابحث عن هذا الكود
      $("#view .list")
      واستبدله بهذا
      $("#view .grid")
      ثم ابحث عن هذا الكود واحذفه
      <nav id='view'>
      <a class='list' href='#'>List</a>
      <a class='grid' href='#'>Grid</a>
      </nav>
      واتمنى ان تكون هذه هي بداية لمشاركتك معنا في المدونة ولا تحرمنا من مرورك
      تحياتي

      حذف
    2. تم بنجاح والحمد لله جزاك الله خيرا

      حذف
  9. شكرا لك أخي علي القالب الأكثر من رائع =e لكن بعد تركيبه وجهني الي مدونتك في الحال مع العلم اني لم احذف الحقوق ولم ألعب في الاكواد حيث اني قمت بتركيبه وعند معاينته ارسلني الي مدنتك ما الحل =v

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

      حذف
    2. بصراحة انت رائع جدا بااااااااااااااارك الله فيك وانتم مدونة جميلة جدا ورائعة وانا لم اترك موضوع الا ودخلت عليه وكل مواضيعك رائعة بارك الله فيك أخي لكن أخي اريد ان اضع دومين .com الي مدونتني ولم أجد تدوينة عن هذا الموضوع وارجو ان يكون بارخص سعر كما أريد موضوع عن كيفية وضع قائمة منسدلة بالقوالب التي لا تدعم قوائم منسدلة وتحياتي لك =s

      حذف
    3. حياك الله أخي سيف وأعزك الله يا طيب
      حقيقة مسالة الدومين فكرت ان اشتري واحد مخصوص لاعد به شرح لكن صرفت نظر بعد ظهور موقع خمسات
      فهناك به اخوه يقدمون خدمات شراء الدومينات بسعر بسيط احيانا اقل حتى مما ستشتريه من الموقع ويقومون بالربط والتركيب وكل شئ
      هذا أفضل حل اراه لم يريد شراء دومين ان استطعت عمل شرح سافعل بإذن الله
      أخي انا شرحت اضافة قائمة منسدله هنا
      http://cnmu.blogspot.com/2013/12/Css-Drop-Down-Menu.html
      وهذا التعليق وضحت به كيفية اضافتها للقالب
      http://bit.ly/1o5VjUG

      حذف
    4. اخى كنت اريد تعديل بسيط على القالب
      اريد ظهور الصفحه الرئيسية بهذا الشكل دائما
      وكذلك ازاله الوصف الموجود تحت عنونا الموضوع
      كما فى الصورة
      http://cdn.top4top.net/i_44e65defe21.png
      مدونة اندروتاتش
      http://androtouch.blogspot.com/
      شكرا لك
      ارجو الرد فى اسرع وقت

      حذف
    5. اخي ان كنت تقصد ان تظهر الصفحة بتقنية الشبكة
      طبق التالي
      ابحث عن هذا الكود
      $("#view .list")
      واستبدله بهذا
      $("#view .grid")
      ثم ابحث عن هذا الكود واحذفه
      <nav id='view'>
      <a class='list' href='#'>List</a>
      <a class='grid' href='#'>Grid</a>
      </nav>

      حذف
    6. اخى تم تنفيذ الشرح ولم تظهر بنظام الشبكة
      بل اختفت الايقونة التى تختار منها شبكة او عادى
      ارجو ايجاد حل

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

      حذف
    8. اخى انا قمت بتطبيق الخطوات لكن ايضا لم تشتغل وهذة صورة دليل على كلامى
      يتم فعلا اختيار نظام الشبكة ولكن لا تظر المواضيع على نظام الشبكة
      وهذا تطبيقا للخطوة الاولى فقط انظر الصورة التاليه
      http://cdn.top4top.net/i_92d7d18a5d1.png

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

      حذف
  10. رابط التحميل لايعمل :/

    ردحذف
    الردود
    1. تم تحديث الرابط
      شكراً للتنبيه

      حذف
  11. السلام عليكم

    قالب رائع

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

    كيف استطيع اظهارها

    مع الشكر والتقدير

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      عدم ظهورالتعليقات قد يكون من الإعدادات
      يرجى مراجعة الإعدادات ثم مشاركات وتعليقات
      ثم اختيار موقع التعليقات مضمن
      او ربما يكون هناك ربط سابق لتعليقات جوجل بلس ولم يتم ازالة الربط بشكل مضبوط يرجى مراجعة الموضوع التالي ان كان هذا قد حديث واعادة الإشتراك ثم الغاء التفعيل مضبوط
      http://cnmu.blogspot.com/2013/04/Google-Plus-Comments.html

      حذف
  12. قالب جميل
    ولاكن رابط التحميل والمعاينه لا يعمل

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©