Pasang Widget Prakiraan Cuaca di Blog Anda
Pasang Widget Prakiraan Cuaca di Blog Anda, Anaktimor17 Blog - Menampilkan widget cuaca pada blog Anda bisa menjadi hal yang menarik bagi pengunjung blogger. Dengan Widget ini kita bisa mengetahui ramalan cuaca di daerah kita.
nah langsung saja ke cara pemasangan-nya :
1. Masuk ke Edit HTML >> Anda cari kode ini
2. Anda copy script di bawah ini dan paste-kan tepat DI ATAS kode
3. Copy script berikut dan pastekan tepat Di Atas kode </head>
4. Terakhir, Anda copy script di bawah ini dan taruh tepat di atas kode </body>
NB : Widget ini bisa Anda setting sesuai tampilan blog Anda. Anda bisa mengatur
dengan posisi sendiri. Bisa di kiri dan tengah blog.
5. Selamat mencoba dan Happy Blogging !!
nah langsung saja ke cara pemasangan-nya :
1. Masuk ke Edit HTML >> Anda cari kode ini
]]></b:skin>
2. Anda copy script di bawah ini dan paste-kan tepat DI ATAS kode
]]></b:skin>
.Cuacaanaktimor17blogDiv .centerContainer {
width: 300px;
text-align: left;
margin-bottom: 200px;
}
.green {
color: #a6e22d;
}
.teal {
color: #66d9ef;
}
.purp {
color: #ae81ff;
}
.pink {
color: #f92772;
}
.yellow {
color: #e6db74;
}
.white {
color: #f8f8f2;
}
.grey {
color: #616161;
}
.f12 {
font-size: 12px;
}
.Cuacaanaktimor17blogDiv img {
height: 64px;
width: 64px;
}
.Cuacaanaktimor17blogInfoRight {
z-index: 999;
position: fixed;
top: 10px;
right: 10px;
}
.Cuacaanaktimor17blogInfoLeft {
z-index: 999;
position: fixed;
top: 10px;
left: 10px;
}
.Cuacaanaktimor17blogInfoBottomRight {
z-index: 999;
position: fixed;
bottom: 10px;
right: 10px;
}
.Cuacaanaktimor17blogInfoBottomLeft {
z-index: 999;
position: fixed;
bottom: 10px;
left: 10px;
}
.Cuacaanaktimor17blogDiv {
display: none;
background-color: #272822;
padding: 5px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Cuacaanaktimor17blogInfo {
text-align: center;
font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
color: white;
font-size: 14px;
}
#divMyImage {
display: none;
}
.Cuacaanaktimor17blogClose {
font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
cursor: pointer;
position: absolute;
right: 10px;
color: white;
font-size: 20px;
}
.MWTemperature {
display: block;
}
.MWPlace {
display: block;
}
.MWIP {
display: block;
}
#clear-day {
display: none;
}
#clear-night {
display: none;
}
#partly-cloudy-day {
display: none;
}
#partly-cloudy-night {
display: none;
}
#cloudy {
display: none;
}
#rain {
display: none;
}
#sleet {
display: none;
}
#snow {
display: none;
}
#wind {
display: none;
}
#fog {
display: none;
}
3. Copy script berikut dan pastekan tepat Di Atas kode </head>
<script type="text/javascript" src="https://googledrive.com/host/0B4L5iO7pMJn5RERsdC1XNngwWW8/widgetcuacanaktimor17blog.js"></script>
4. Terakhir, Anda copy script di bawah ini dan taruh tepat di atas kode </body>
<script type="text/javascript"> $.Cuacaanaktimor17blog({ position: "right", showpopup: true, temperature: "c", closeicon: true, showicon: true, showtemperature: true, showlocation: true, showip: true, size: 80, iconcolor: "white", fontcolor: "white", }, function (e, f, g, a, d, b, c) { $("#txtCity").html(e); $("#txtCountry").html(f); $("#txtIP").html(g); $("#txtLatitude").html(a); $("#txtLongitude").html(d); $("#txtTemperature").html(b); $("#picTemp").attr("src", c) }); </script>
NB : Widget ini bisa Anda setting sesuai tampilan blog Anda. Anda bisa mengatur
position: "right",
dengan posisi sendiri. Bisa di kiri dan tengah blog.
5. Selamat mencoba dan Happy Blogging !!
Post a Comment
- Top comments
- Newest first