Cara Memasang Widget Jam Dengan Desain Flat

Cara Memasang Widget Jam Dengan Desain Flat

Kali ini saya akan memposting sebuah clock widget dengan desain flat. Cara memasang widget jam keren ini sangat mudah, bila Anda tertarik silahkan pasang pada blog sobat. Untuk previewnya silahkan lihat gambar atau klik tombol demo dibawah ini.

Demo

Setelah melihat demo widget, silahkan ikuti step berikut untuk cara pemasangannya. Widget jam ini tersedia dalam tiga warna yaitu merah, biru dan hijau.

Cara Memasang Widget Jam
1. Login ke blog sobat.

2. Pilih menu Tata Letak > Tambahkan Widget > HTML/JavaScript.

3. Letakkan kode widget yang sobat suka pada kolom yg tersedia.

• Red Color

<center><a id="copyright-opick" href="http://wajahilmu.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#dd4a3a;border-radius:10px;box-shadow:0 10px 0 0 #c23122;">
</canvas></a></center>
<script src='https://googledrive.com/host/0B2oQSsObIa2lc3BlRXc0Q2tNSHM' type='text/javascript'/>

• Blue Color

<center><a id="copyright-opick" href="http://wajahilmu.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#4f93c5;border-radius:10px;box-shadow:0 10px 0 0 #4786b5;">
</canvas></a></center>
<script src='https://googledrive.com/host/0B2oQSsObIa2lUkdLdldRREVOY3c' type='text/javascript'/>

• Green Color

<center><a id="copyright-opick" href="http://wajahilmu.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#8dbb90;border-radius:10px;box-shadow:0 10px 0 0 #6da871;">
</canvas></a></center>
<script src='https://googledrive.com/host/0B2oQSsObIa2lQnBYdFBGbTh5aDQ' type='text/javascript'/>

Keterangan :

• Sesuaikan ukuran widget pada display dengan mengubah nilai width dan height.
• Bila ingin warna lain, silahkan riquest ke halaman OOT.

4. klik save dan selesai

Baca juga : Cara Memasang Widget Recent Post Keren Pada Blog

Kurang lebih begitulah Cara Memasang Widget Jam Dengan Desain Flat ini. Sebelum memasang, ada baiknya jika berkomentar terlebih dahulu biar Opick Weblog dapat terus update. Cukup sekian artikel kali ini, semoga bisa bermanfaat bagi sobat semua.

Original post by wajahilmu.blogspot.com (Opick Weblog)

Bila ingin copas silahkan lapor & cantumkan link berikut.
Source : https://wajahilmu.blogspot.com/2015/08/awesome-clock-widget-with-flat-design.html

Share this :