Pasang Widget Prakiraan Cuaca di Blog Anda

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 !!

Post a Comment