-->

الثلاثاء، 15 مارس، 2011

دع القارئ يختار نوع الخط والحجم فى مدونتك بلوجر

بسم الله والحمد لله
جميعنا نعرف أن ليس كل القراء والمدونين يفضلون نفس نوع الخط أو الحجم وأنه لمن الشاق على الزائر لو كان حجم الخط فى مدونتك صغير لحد ما أو كبير أيضا , أنا مثلا أفضل نوعيه الخط COUREER , وبالطبع غير لا يفضلها والحجم عادى غير يفضل الكبير
ولكن الأن مع هذه الأداه الصغيره جدا والسهله أيضا تستطيع أن تجعل القارئ يختارنوع الخط الذى يفضله ونوع الحجم أيضا
وتستطيع أن تجدها فى مدونتى على اليسار وتجربتها بنفسك
والأن مع الشرح
- سجل دخولك فى بلوجر
- إختار التصميم  ثم  عناصر الصفحه  ثم  إضافة أداه  ثم  إختار  HTML Javascribt
- ثم قم بنسخ الكود التالى وضعه بها
<a href='http://hend-moments.blogspot.com'><img alt='best blogger tips' src='http://t3.gstatic.com/images?q=tbn:and9gcqztn029ewv2mbrljhfkpcvg4saxkdxwngccu6vcuniqymhbt2g'/></a><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select></form><a href="http://hend-moments.blogspot.com" target="_blank"><font size="1">Hend-Moments</font></a>

ولا تنسونى من صالح دعائكم
abuiyad

0 التعليقات:

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets