عرض مشاركة واحدة
قديم 06-15-2012, 01:22 PM   #1
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
Smile قالب بلوجر غاية في الروعة والبساطة


بسم الله الرحمن الرحيم

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

صورة من القالب



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



1- اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html
2- من هناك ابحث عن social-bt وسيظهر لك الكود التالي :


كود بلغة HTML:
<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- ابحث عن اسم الرابط الذي تريد تعديله مثلاً رابط " مؤلفاتي " وسيظهر لك الكود التالي :

كود بلغة HTML:
  <li><a href='#'><span>مؤلفاتي</span></a></li>
3-قم بتغيير المربع المؤشر باللون الاحمر الى رابط الصفحة المطلوبة والاسم المظلل باللون الاصفر قم بتغييره الى الاسم المطلوب .
4- قم بحفظ القالب .


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



1- لاظهار صندوق التنبيهات قم بالذهاب الى لوحة التحكم ثم الى تصميم ثم تعديل html .
2- ابحث عن الكود social-bt وسيظهر لك الكود التالي :

كود بلغة HTML:
<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- من هناك ابحث عن رابط الصوره وستجده بالشكل التالي :


كود بلغة HTML:
<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 ليصبح بالشكل التالي :

كود بلغة HTML:
<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- وبعد نشر الموضوع سيتم فتح الصوره في اطار منبثق عند الضغط عليها .

للمعاينه القالب.....للتحميل القالب

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس