حمل شريط إدوات مدونة تقنية المعلومات في جهازك...
toolbar powered by Conduit
شاركونـــــا ولو بكلمـــه .. فــصدقــة الـعـلــم نشــره

الاثنين، نوفمبر 15، 2010

تعلم وصمم مدونتك الخاصة في blogger




¨°o.O ( دورة تصميم مدونة الإلكترونية ) O.o°"


باختصار هذه الدورة تعلمك تصميم مدونتك خطوه خطوه


في الموقع المشهور











أولاً

إضغط على الرابط التالي


https://www.blogger.com/start



 
(2)





(3)





(4)





(5)






••.•´¯`•.•• ( سنتعلم اليوم طريقة تغيير قالب المدونه على حسب رغبتك) ••.•´¯`•.••

أولاً : أختر القالب الذي تريده من هذا الموقع










ثم




ثم نحفظ المجلد في الجهاز ونفك الضغط عنه
ونلاحظ وجود ملف بإمتداد
xml

ثم من المدونه نتبع ما يلي






ثم




نختار الملف الذي إمتداده
xml

ثم نضغط

إيـــــــــداع

ثم




ثم أختر عرض المدونه لرؤيتها
••.•´¯`•.•• ( إضافة صفحات مختلفه إلى المدونه) ••.•´¯`•.••

تستطيع إضافة صفحات مختلفه إلى مدونتك
بكل سهوله كما في الصورة التاليه



ما عليك إلا اتباع الخطوات التالية :








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









وسإدرج لكم بعض الاكواد التي ضفتها في مدونتي بعد

ما اشرح لكم

طريقة إدراج الاكواد في المدونه

وما عليكم إلا البحث عن الجديد والمميز من الاكواد
لإضافتها في مدونتكم لتزيينها

مع العلم أن كثرة الاكواد يبطئ عملية تصفح المدونه
وتحميلها في المتصفح


*************************************

لإضافة كود

من خانة تصميم ثم عناصر الصفحه

ثم









وهذه بعض الاكواد التي إستخدمتها في مدونتي :

http://it-moe-2010.blogspot.com/



"" ما عليكم إلا حذف عنوان مدونتي وإدراج عنوان مدونتكم
أو استبدال العبارات الموجوده في الاكواد بعبارات أخرى""


* كود نص متحرك :

كود:
<marquee direction="right"><strong><span style="color:#ff0000;">شاركنـــــا ولو بكلمه .. فصدقة الـعـلم نشــره</span></strong></marquee>

أو


كود:
<marquee behavior="alternate"><strong><span style="color:#000099;">

كود:
قال تعالى:
(وَقُل رَبِّي زِدْنِي عَلْمَا) </span></strong></marquee>


* كود النص المشع :

كود:
<div align="center"><center><table style="FILTER: GLOW(color='red', strength=Sky Blue); WIDTH: 250px; HEIGHT: 0px" border="0" width="0"><span style="color:#ffff00;"> <strong></strong></span><tbody><tr><span style="color:#ffff00;"> <strong></strong></span><td width="0"><h1 align="center"><span style="font-size:50%;color:#ffff00;">مدونة تقنية المعلومات</span></h1><h1 align="center"><span style="font-size:50%;color:#ffff00;">ترحب بزوارها</span></h1><h1 align="center"><span style="font-size:50%;color:#ffff00;">"<span style="color:#ffffff;">فأهلاً وسهلاً بكم</span>"</span></h1></td><span style="color:#ffff00;"></span></tr><span style="color:#ffff00;"></span></tbody></table> </center></div><p></p><p>



Icon Icon Icon Icon spice up your blog

تبــــادل إعلامـــي