موقع هيرو للمعلوميات: دروس بلوجر

السلام عليكم ورحمة الله و بركاته أهــلا بكم متــابعينا الكرام درس اليوم سهل و جميل و سيعجبكم جدا إن شاء الله

بعض من زملائي المدونين يطلبون مني جعل الثلوج تتساقط في مدونتهم و وعدتهم بأني سأعمل درس لشرح

الموضوع !!

درس الخامـس من دورة بلوجر : جعل الثلوج تتساقط في مدونتك !

الأن سنشرح هذه الطريقة السهلة أذهب إلي صفحة الرئيسية ثم أذهب إلي المظهر

و أضغط علي "تحرير HTML"

و أضغط علي CTRL + f و أبحــث عن كلـــمة <head>

ثم قم بنسخ هذا الكود أسفل الوسم و قم بحفظ المظهر

و أفتح مدونتك و ستلاحظ الفرق

ملحــوظة : بعض المدونات لا تعمل معها هذه الطريقة .

لا تنسي مشاركة التدوينة مع أصدقائك

السلام عليكم ورحمة الله و بركاته أهــلا بكم أخــواني الكرام

كثير من المدونين يبحثون عن هذا الكود الجميل لصفحتهم لذلك قررت أن اشاركهوا معكم

الدرس الرابع من دورة بلوجر : عمل العاب نارية تتحرك في مدونتك

كل ما عليكم يا أخواني الكــرام أن تذهبوا إلي الصفحة الرئيسية في موقع بلوجر

ثم أذهب إلي المظهر ثم تحرير HTML

ثم أضغط علي CTRL+F

و أبحث عن <body

و الصق هذا الكود أسفل الـــوسم

/*
Document firework script (By Kurt Gregg, kurt.grigg@virgin.net)
Modified granted to Dynamic Drive to feature script in archive
For full source and 100's more DHTML scripts, visit http://dynamicdrive.com
Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

if (document.all)
with(document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">
')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px">
</div>
')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px">
</div>
')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px">
</div>
')
write('</div>
')
}

var Clrs=new Array(9)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='ffa500';
Clrs[5]='ffff00';
Clrs[6]='00ff00';
Clrs[7]='ffffff';
Clrs[8]='fffff0';
var sClrs=new Array(5)
sClrs[0]='ffa500';
sClrs[1]='55ff66';
sClrs[2]='AC9DFC';
sClrs[3]='fff000';
sClrs[4]='fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor='ffa000';
var Mtop=250;
var Mleft=250;

</script>

لا تنسي مشاركة التدوينة

السلام عليكم ورحمة الله و بركاته أهــلا بكــم متـابعينا الكرام من كل مكان كثير من المدونين العرب سواء عربي أو أجنبي يبحث عن تغيير لون صفحته بضغطة زر من الزائر و الأن سوف أقدم لكم ذلك الموضوع الســـهل .

الدرس الثالث من دورة بلوجر : تغير لون الصفحة بضغطة زر بسيطة أذهب إلي لوحة التحكم الرئيسية في بلوجر و أضغط علي المظهر ثم تحرير HTML

و أضغط علي CTRL +F و أبحث عن <head>

و أنسخ هذا الكود أسفل وسم Head

و قم بحفظ المظهر

ثم أذهب إلي تخطيط و أضغط علي إضافة الأداة و أختار HTML/JavaScript

و انسخ هذا الكود

ثم أحفظ الأداة و بعد ذلك أفتح المدونة و أضغط علي زر "أضغط هنا لتغيير لون الصفحة" و ستلاحظ الأختـلاف

لا تنـــسون المشاركة أخواني الكرام التدوينة مع أصدقائكوا

السلام عليكم ورحمة الله و بركاته أهلا بكم متــابعينا الكرام من كل مكان اليوم موضوع مهم جدا

الدرس الثاني في الدورة : عمل ساعة أعلي و يسار الصفحة في مدونتك

كل ما عليك الذهاب للصفحة الرئيسية و أضغط علي المظهر ثم تحريرHTML

و أضغط علي CTRL + F

و أبحث عن هذه الكلمة <body

و أضف هذا الكود بعد body

ثم أنسخ هذا الكود بعد الوسم body

بعد ذلك قم بحفظ المظهر و قوموا بفتح المدونة و ستلاحظون ^_^

و لاتنسون بمشاركة التدوينة مع أصدقائكوا

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

كل ما عليك هو أن تذهب إلي تذهب إلي لوحة التحكم الرئيسية ثم تذهب إلي التخطيط .

ثم تضغط علي إضافة أداة ثم أختار HTML / JavaScript

و أنسخ هذه الأكواد و الصقه في هذا المربع

<div align="center" dir="ltr">
<span id="digitalclock" class="styling"></span>
<script>
/*****************************************
* LCD Clock script- by Javascriptkit
* Translated By www.sakrjava.netfirms.com/
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/
<!--

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick">
<input type="text" name="tock" size="6"></form>
')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script></div>

و لا تنسون مشاركة الموضوع مع أصدقائكم المهتمين بالتدوين