الأحد، 14 أكتوبر 2012

مجموعة أكواد html والبلوجر

مجموعة أكواد html والبلوجر

أكواد HTML - مجموعة أكواد HTML - مجموعة متكاملة  من أكواد HTML


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

هذه مجموعة هامة من أكواد java script و html لمصممى المواقع والمدونات

javascript,Html
مجموعة أكواد HTML







أولاً :أكواد النصوص  

كود النص العريض

اكتب النص هنا 



كود تحديد اتجاه النص  

اكتب هنا النص الذي سيظهر من اليمين إلى اليسار





كود التحكم فى حجم الخط ولونه ونوعه


اكتب هنا ما تريد



أكواد الألوان موجودة هـــــــــنـــــاااااااااا 



كود نص يتحرك لأعلى







اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1

اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2

مدونة كن داعيا للخير 3



اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4

......







كود نص يتمدد وينكمش








e="JavaScript">
var sizes = ne







مدونة كن داعيا للخير






كود نص متأرجح يميناً ويسارا


مدونة كن داعيا للخير



كود إظهار نصوص بها روابط بالتناوب













كود نص متحرك










ee direction="right" width="10



u0%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير




كود شريط متحرك مع روابط


  

كود نص يضئ بالتدريج











كود نص يضئ بألوان مختلفة













ثانياً :  أكواد الصور





كود إضافة صورة





كود صورة مع رابط









 كود تغيير الصور تلقائيا




<
sipt">

/*Example message arrays for the two demo scrollers*/


rc="https://lh6.googleuserco

var pausecontent=new Array()
pausecontent[0]='

sntent.com/-MzjplMi8KoQ/TtZvZy6ociI/AAAAAAAAAu4/QarCCQhJFaI/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'

pausecontent[1]=''
pausecontent[2]=''
pausecontent[3]=''



********************/

function









 كود صور متحركة





src="رابط الصورة المتحركة"


onload="NcodeImageResizer.createOn(this);" border="0"


originalWidth="250" originalHeight="270">






كود شريط الصور المتحرك مع روابط




يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى  down أو right أو lift 








 ثالثاً : أكواد الروابط



كود إضافة رابط





فتح الرابط في نافذة جديدة

  




فتح الرابط في نفس النافذة






لون الرابط


Nom du site 

رابعا:أكواد إسلامية



كود القرآن الكريم  ويمكن معاينة المصحف من  هنــا


شريط الحديث والدعاء


<iframe


align="center"


src="http://www.wathakker.net/outdoor-strip-marquee.html"


frameborder="0" allowtransparency="1" scrolling="no" width="474"


height="41" vspace="0">>






خامسا:أكواد إخبارية

أخبار BBC










شريط قناة الجزيرة






شريط العربية نت 








  1. سادسا:سكربتات متنوعة





كود وضع الفلاش


(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)










>

كود إضافة صفحة موقع داخل صفحة موقعك






/div>

<



سكربت طباعة الصفحة





سكريبت آلة حاسبة



الاثنين، 8 أكتوبر 2012

طريقة تغيير أيقونة Favicon على مدونات بلوجر

مرحبا بكم ، سوف نقوم بتغيير الأيقونة الجانبية لرابط المدونة Favicon،وهي التي على شكل مربع صغير يرمز الى شعار بلوجر , بهذه الطريقة ،يمكنك استعمال ايا من الصيغ التالية للصورة *.jpg, *.PNG, *.gif, *.ico ،لكن المتصفح أنترنت إكسبلورر Internet Explorer لا يقبل سوى الصيغة *.ico 



1.سوف نقوم بالدخول لهذا الموقع Favicon from Pics ,ثم نقوم برفع الصورة المراد ادراجها على شكل أيقونة Favicon . 

2.نقوم بتحميل الايقونة بالضغط على كلمة Download 




3.سوف يتم تحميل الأيقونة داخل ملف مضغوط ،لذلك يجب فكه وذلك بكليك يمين على المجلد ثم Extrere here . 

الآن حصلنا على أيقونة Favicon ،مازال ينقصنا سوى الحصول على الرابط المباشر لها. 



  • المرحلة الثانية :
1..سوف نقوم بالدخول لهذا الموقع MyDataNest ثم نقوم بالتسجيل وذلك بملء الاستمارة وادخال المعلومات المطلوبة . 


بعد التسجيل ،وادخال الاسم و الكلمة السر ،سوف نقوم برفع الايقونة من خلال كلمة Upload ، ثم بعد ذلك تضغط على Select Files، انتظر قليلا حتى يتم رفع الايقونة , بعدها تضغط على My files لمعاينة ما تم رفعه . 






.ثم كليك يمين ونسخ رابط الايقونة ،ثم قم بلصقه على note pad مثلا او اي محرر نصوص اخر لاستعماله في المرحلة الاخيرة. 

الآن قمنا بالحصول على الرابط المباشر لأيقونة على هذا الشكل مثلا : 
http://www.mdn.fm/files/179913_py0mc/favicon.ico
  • المرحلة الثالثة :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. 
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء. 





ثم قم بوضع الكود التالي فوقه : 
http://www.mdn.fm/files/179913_py0mc/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
ولا تنسى أن تقوم بتبديل الرابط ذا اللون الاحمر بالرابط المحصل عليه من الموقع الثاني والذي قمنا بلصقه على Note pad . 

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