Rabu, 05 Maret 2014

Cara memasang widget cuaca di blog

 selamat datang kembali sobat bertemu kembali di blog aliansi revalta saat ini kami akan menjelaskan tentang widget cuaca supaya ada di blog bagi para blogger mania supaya bisa mengerti kondisi cuaca didaerah anda , langsung saja ke topik pembahasan

1. pertama- tama buka dulu link ini sobat http://widgets.hotelscombined.com/Weather-Widget.htm


2. seret cursor ke arah bawah dan akan ada 2 pilihan ukuran gadget serta menyeting warna widget cuaca, pilihan suhu (celcius dan farenheit) dan pilihan ota tempat anda tinggal "enter your city" tulis kota anda dan tekan "search", tunggu hingga loading cuaca selesai


3. bila sobat telah selesai mengisi semua setingan kemudian klik "get code"

4. maka akan ada tampilan seperti ini :

 dan copy kode tersebut 

        <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=WIIJ&city_name=Yogyakarta&language=en&use_celsius=Yes&skinName=LightBlue&PID=165585&ts=201403032246&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/Yogyakarta.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>
5. masuk kedalam blogger sobat >> pilih desain >> tata letak >> tambah gadget >> pilih HTML/java script >> dan pastekan kode tersebut di konten dan simpan dan lihat hasilnyaa



EmoticonEmoticon