Pasang Widget Prakiraan Cuaca di Blog Anda

Kode Iklan Di Sini
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 ]]></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 !!

You Might Also Like:

Disqus Comments