معهد خبراء بلوجر - قالب بلوجر غاية في الروعة والبساطة

http://www.bloggerexp.com/images/header.png
بسم الله الرحمن الرحيم

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

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

http://4.bp.blogspot.com/-T1x8JSKQSE...KtA/s400/7.JPG

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

http://2.bp.blogspot.com/-iq5Uf6ch_n...dBE/s400/a.JPG

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- قم بحفظ القالب وسيصبح كل شئ جاهزاً

ثانياً : تعديل الروابط في رأس الصفحة ( روابط تواصل معي ومؤلفاتي ...)

http://3.bp.blogspot.com/-7xuWUOJspS...wRk/s400/b.JPG

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

كود بلغة HTML:

<li><a href='#'><span>مؤلفاتي</span></a></li>

3-قم بتغيير المربع المؤشر باللون الاحمر الى رابط الصفحة المطلوبة والاسم المظلل باللون الاصفر قم بتغييره الى الاسم المطلوب .
4- قم بحفظ القالب .

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

http://2.bp.blogspot.com/-Qvta1pVkgR...f50/s400/c.JPG

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- اذهب الى لوحة التحكم ثم الى اعدادات ثم الى اساسي وستفتح لك الصفحة التالية :

http://3.bp.blogspot.com/-dJ0VH33nzy...h_4/s400/4.JPG

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

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