06-15-2012, 01:22 PM
|
#1
|
مدون مميز
تاريخ التسجيل: Apr 2012
المشاركات: 441
|
قالب بلوجر غاية في الروعة والبساطة
بسم الله الرحمن الرحيم
اقدم لكم قالب بلوجر غاية في الروعة والبساطة
صورة من القالب
الان نبدء بشرح بعض النقاط في القالب الجديد وسنبدء بأول نقطة وهي تعديل روابط الفيسبوك وتويتر والخلاصات والموجودة في اعلى الصفحة ولتعديلها اتبع الخطوات التالية :
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- وبعد نشر الموضوع سيتم فتح الصوره في اطار منبثق عند الضغط عليها .
للمعاينه القالب..... للتحميل القالب
__________________
|
|
|