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

Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar