أضفنا للمفضلة

الاثنين، 23 أغسطس 2010

غير ايقونة موقعك وتعلم كيف تصنعها


غير ايقونة موقعك وتعلم كيف تصنعها


قد يدفعك الملل من أيقونة التي تظهر بجانب رابط مدونتك في أعلى المتصفح لتغييرها و قد تود وضع أيقونة أخرى لكي تعبر عن محتوى مدونتك و لهذا سأتتطرق في هذا الشرح إلى كيفية تغييرها و طريقة صنع Favicon بنفسك و بكل سهولة.
أهمية تغيير الأيقونة:



-مظهر الرابط .


-
تلبية ذوق المدونيين.




-التعبيير عن تخصص مدونتك.




معلومات عن الشرح :

-مدة التي تحتاجها : أقل من 6 دقائق.

-الخبرة التي تحتاجها:لا تتطلب منك خبرة لكن التركيز لان الدرس يحتوي على أكواد.

-ماذا نحتاج :أيقونة بالصيغ التالية : PNG , ICO.

-هل الخدمة مجانية:نعم الخدمة مجانية تماما.

-هل تحتاج تحميل:لا تحتاج.

الأن ندخل للدرس مباشرة:

أولا : ندخل الى بلوغر و نختار التبويب "التخطيط" و نذهب الى تحرير Html

ثانيا:نقوم بحفظ قالب مدونة لإستعادتها عند ضرورة .

ثالثا:ثم نقوم بالبحث عن الجملة التالية:

<head>
ستجدها في السطور الأولى من القالب.

بعدها ضع الكود التالي بعدها مباشرة:
<link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' />


<link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>
و تعمل حفظ و لكي ترى مثال ما عليك إلا بنظر بجانب الرابط في مدونتي هذه و ستجد شعار بلوغر و لتغييره في مدونتك إختر صورة بالصيغة Ico و قم برفعها إلى إحدى مراكز رفع الصور و نسخ رابطها و لصقه في مكان هذا الرابط في الكود 
طبعا

:http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico rel='shortcut icon' type='image/vnd.microsoft.icon'
 
و إذا كنت تملك صورة بالصيغة Png فما عليك إلا تغيير كلمة Icon في الكود إلىPng و إستبدال الرابط السابق ذكره.

أو إذا كنت تملك صورة بصيغ أخرى ما عليك إلا تحويلها إلى ico من خلال هذا الموقع.



أتمنى أن تكونوا قد إستفدتم , دمت في حفظ الله.

مرسلة بواسطة في هناك تعليقان (2):
التسميات:

كود برامج تهمك لمدونات بلوجر


كود برامج تهمك



طريقة التركيب :
1. تخطيط
2. عناصر الصفحة
3. اضافة اداة
4. كود HTML
5. الصق الكود التالي :



<div align="center"> <div style="text-align: center;"> <b><a href="http://www.rarlab.com/" rel="nofollow" target="_blank"><img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/6827/4winrar.png" border="0" /></a> <a href="http://desktop.google.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/5472/38googledesktop.png" border="0" /></a> <a href="http://www.opera.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/3394/1297opera1032.png" border="0" /></a> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/6132/716ie7.gif" border="0" /></a> <a href="http://www.mozilla.com/firefox/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/6014/1287firefox35.png" border="0" /></a> <a href="http://www.apple.com/quicktime/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/133/7quicktime.png" border="0" /></a> <a href="http://www.apple.com/itunes/download/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/6489/1232itunesblue.png" border="0" /></a> <a href="http://www.real.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/3259/1046real3.gif" border="0" /></a> <a href="http://www.filehippo.com/download_windows_media_player/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/1807/5winamp.png" border="0" /></a> <a href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/7568/47wmplayert.png" border="0" /></a> <a href="http://widgets.yahoo.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/6412/69konfab.png" border="0" /></a> <a href="http://messenger.yahoo.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/7201/1019yahoo2.png" border="0" /></a> <a href="http://www.skype.com/intl/ar/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/7988/596skype2.gif" border="0" /></a> <a href="http://office.microsoft.com/en-us/downloads/CD010224941033.aspx" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img210.imageshack.us/img210/7540/logooffice.gif" border="0" /></a></b>

</div> </div> <div style="text-align: center;"> <b><a href="http://download.live.com/messenger" rel="nofollow" target="_blank"><img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/9449/613msn2.gif" border="0" /></a> <a href="http://www.avramovic.info/download/ImageShack%20Hotspot.zip" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img205.imageshack.us/img205/5210/imageshacku.gif" border="0" /></a> <a href="http://www.sun.com/java/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/5272/62java.png" border="0" /></a> <a href="http://get.adobe.com/reader/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/2990/1045adobereader2.gif" border="0" /></a> <a href="http://get.adobe.com/flashplayer/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/5864/1021flashplayer2.gif" border="0" /></a> <a href="http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/5582/12tweakui.png" border="0" /></a> <a href="http://notepad-plus.sourceforge.net/uk/site.htm" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/5893/767notepad2.gif" border="0" /></a> <a href="http://free.grisoft.com/doc/avg-anti-virus-free/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/730/1085avg2.gif" border="0" /></a> <a href="http://www.avast.com/eng/avast_4_home.html" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/3544/18avastg.png" border="0" /></a> <a href="http://www.free-av.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/3451/80antivir.png" border="0" /></a> <a href="http://www.microsoft.com/security_essentials/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/6321/1308msseces.png" border="0" /></a> <a href="http://3arabtech.blogspot.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img267.imageshack.us/img267/9044/bloglogos.jpg" border="0" /></a> <a href="http://www.winzip.com/index.htm" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img203.imageshack.us/img203/1724/9winzip.png" border="0" /></a> <a href="http://lfiles3.brothersoft.com/photograph_graphics/image_editors/PHOTOSHOP_7.0.zip" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);" src="http://img389.imageshack.us/img389/4450/adobephotos.jpg" border="0" /></a></b></div>

مرسلة بواسطة في هناك 3 تعليقات:
التسميات:

اول مدونة تضاف الي مدونة اشهار



اول مدونة تضاف الي مدونة اشهار 



http://electrophilic.blogspot.com



الوصف :



البشر يختلفون في هواياتهم وميولهم .. 




قد نجد من هو يعشق الشعر ومن يعشق السيارات وهناك من 




يهوى الحاسب 




وبرمجياته





وأنا هاوي الإلكترونيات بجميع مجالاتها





سوف تجدون هنا (برامج مهمه - مواضيع منوعه تخص 




التكنلوجيا )



مرسلة بواسطة في هناك تعليقان (2):
التسميات:
الاشتراك في: الرسائل (Atom)