قالب بنفسجي رائع لمدونات بلوجر، تعديل على قالب المصنع

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

الان نبدء بشرح بعض النقاط في القالب الجديد وسنبدء بأول نقطة وهي تعديل روابط الـفيسبوك وتويتر والخلاصات والموجودة في اعلى الصفحة ولتعديلها اتبع الخطوات التالية :
1- اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html 
2- من هناك ابحث عن social-bt  وسيظهر لك الكود التالي :
<div id='social-bt'><a TITLE='' href='هنا ضع رابط تويتر' id='twitter-bt'>على تويتر</a><a TITLE='' href='وهنا رابط الفيسبوك' id='fb-bt'>على الفيسبوك</a><a TITLE='' href='وهنا رابط الخلاصات' id='rss-bt'>الخلاصات</a>
3- قم بحفظ القالب وسيصبح كل شئ جاهزاً 
ثانياً : تعديل الروابط في رأس الصفحة ( روابط تواصل معي ومؤلفاتي ...) 
1-لتعديل احد الروابط في اعلى الصفحة اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html  ثم ضع علامة امام خيار توسيع القالب.
2- ابحث عن اسم الرابط الذي تريد تعديله مثلاً رابط " مؤلفاتي " وسيظهر لك الكود التالي :
  <li><a href='#'><span>مؤلفاتي</span></a></li>
3-قم بتغيير المربع المؤشر باللون الاحمر الى رابط الصفحة المطلوبة والاسم المظلل باللون الاصفر قم بتغييره الى الاسم المطلوب .
4- قم بحفظ القالب .
ثالثا: اظهار صندوق التنبيهات وهو الصندوق الاحمر في اعلى الصفحة بجوار روابط الفيسبوك وتويتر والخلاصات ....
1- لاظهار صندوق التنبيهات قم بالذهاب الى لوحة التحكم ثم الى تصميم ثم تعديل html  .
2- ابحث عن الكود social-bt  وسيظهر لك الكود التالي :
<div id='social-bt'>
<a TITLE='' href='' id='twitter-bt'>على تويتر</a><a TITLE='' href='' id='fb-bt'>على الفيسبوك</a><a TITLE='' href='' id='rss-bt'>الخلاصات</a>
<P style='display:none;background:#d70101 url(https://lh3.googleusercontent.com/-qvGK7EqBtGU/TbFpt0FK57I/AAAAAAAADbk/YgORibib8hg/s288/p-bg.png);color:#ffffff;font-family:arial;font-size:16px;width:510px;padding:5px 10px 5px 10px;font-weight:bold;'>ضع النص هنا</P>
</div>
3- قم بتغيير الكلمة المؤشر عليها باللون الاحمر الى كلمة block ثم اكتب النص الذي تريد اظهاره بدلاً من عبارة " ضع النص هنا " والمظلل عليها باللون الاصفر .
4- احفظ القالب .

رابعاً : اظهار الوصف ( وصف المدونة ) والمكتوب تحت الروابط في اعلى الصفحة .
1- اذهب الى لوحة التحكم ثم الى اعدادات ثم الى اساسي وستفتح لك الصفحة التالية :
2- اكتب الوصف داخل الصندوق المخصص لذلك كما هو موضح في الصوره .
3- احفظ الاعدادات .

خامساً : إظهار الصورة في إطار منبثق عن الضغط عليها.
1- عند كتابة موضوع وبعد رفع الصوره انتقل من النمظ "تأليف " الى النمط "تحرير html".
2- من هناك ابحث عن رابط الصوره وستجده بالشكل التالي :
<a href="http://4.bp.blogspot.com/-T1x8JSKQSEg/TbGqK3eqlwI/AAAAAAAADcI/YJ4mTLx_KtA/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="http://4.bp.blogspot.com/-T1x8JSKQSEg/TbGqK3eqlwI/AAAAAAAADcI/YJ4mTLx_KtA/s400/7.JPG" width="400" /></a>
3- قم باضافة الكود rel="lightbox"   بعد a ليصبح بالشكل التالي :
<a  rel="lightbox"  href="http://4.bp.blogspot.com/-T1x8JSKQSEg/TbGqK3eqlwI/AAAAAAAADcI/YJ4mTLx_KtA/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="http://4.bp.blogspot.com/-T1x8JSKQSEg/TbGqK3eqlwI/AAAAAAAADcI/YJ4mTLx_KtA/s400/7.JPG" width="400" /></a>
4- وبعد نشر الموضوع سيتم فتح الصوره في اطار منبثق عند الضغط عليها .
الان نأتي الى تحميل القالب وقبل تحميله يمكنك مشاهدة مثال مباشر للقالب لاجراء معاينة وذلك من هنا. 
لتحميل القالب مباشرة :
لا تنسوا ترك ملاحظاتكم وارائكم حتى يتسنى لنا تحسين القوالب التي سنضعها مستقبلاً مع تمنياتي للجميع بالتوفيق .
تم اقتباس الموضوع من: هنا
_______________________________________________

4 التعليقات:

علاء الدين يقول...

السلام عليكم،
قالب رائع جدا جدا !

رضا يقول...

مسرور لانه اعجبك

احمد هيبه يقول...

ممكن يا اخ رضا تصميم قالب لي مميز بسم سمسم انا لسة عامل المدونة من 5ايام فقطودة الرابطhttp://awsa9090.blogspot.com/

رضا يقول...

اسف اخي، لكنني لست من مصممي القوالب، اسف مجددا :(

أضف تعليق

 
| مدونة رضا © 2010-2012 | تعريب وتطوير : عرب بلوجر | الى الاعلى |