الثلاثاء، 16 أبريل 2013

إضافة أحوال الطقس لموقعك أو مدونتك


السلام عليكم ورحمة الله إخواني الأعزاء درسنا اليوم هو حول إضافة أحوال الطقس لمدونتك بلوقر
فان الأمر جد بسيط 

 
أول شيء ندخل لهدا الرابط  http://widgets.hotelscombined.com/Weather-Widget.htm


بعدها سوف يظهر لنا نوعين من هته الإضافات نختار النوع الدي نريد ونعدله حسب دوقنا الخاص



نأخد الكود الدي سوف يكون شبيه بهدا 
<div style="line-height: 10px;background:none;"><div style="max-width: 160px; width: 160px; background:none;"><object style="margin:0;padding:0;" type="application/x-shockwave-flash" data="http://static.hotelscombined.com.s3.amazonaws.com/swf/weather_widget.swf"     id="w4aaa9c4e6c122b4c4af9ecec7aeeb33a" height="272" width="160">    <param value="http://static.hotelscombined.com.s3.amazonaws.com/swf/weather_widget.swf" name="movie"/>    <param value="transparent" name="wmode">    <param value="station_id=GMMC&city_name=Casablanca&language=en&use_celsius=Yes&skinName=LightBlue&PID=143279&ts=201211230648&hideChangeSkin=No" name="flashvars">    <param value="all" name="allowNetworking">    <param value="always" name="allowScriptAccess"></object><a alt="Hotels Combined" title="Hotels Combined" style="margin:0; padding:0; text-decoration: none; background: none;" target="_blank" href="http://widgets.hotelscombined.com/City/Weather/Casablanca.htm?use_celsius=Yes"><div style="background: none; color: white; text-align: center; width: 160px; height: 17px; margin: 0px 0 0 0; padding: 5px 0 0 0; cursor:pointer; background: transparent url(http://static.hotelscombined.com.s3.amazonaws.com/Pages/WeatherWidget/Images/weather_light_blue_bottom.png) no-repeat; font-size: 12px; font-family: Arial,sans-serif; line-height: 12px; font-weight: bold;">See 10-Day Forecast</div></a><div style="text-align: center; width: 160px;"><a alt="Hotels Combined" title="Hotels Combined" style="background:none;font-family:Arial,sans-serif; font-size: 9px; color: #777777;" rel="nofollow" href="http://www.hotelscombined.com">&copy; HotelsCombined.com</a></div></div></div>
تم ندهب ل تخطيط >> تم إضافة أداة >> كود HTML ونضع فيها هدا الكود 


مبروك علىك الإضافة

0 التعليقات:

إرسال تعليق