Widget Blog Spesial Tahun Baru 2016

Widget Spesial Tahun Baru,Horeee,jika sebelumnya saya membagikan tentang Widget Blog Spesial Natal,maka hari ini saya akan membagikan Widget Widget Blog yang harus kamu pasang saat tahun baru nanti,diantarnya adalah CountDown New Year,Kembang Api keren dan lain lain
Tertarik untuk memasang ? Silahkan Scroll kebawah dulu

Dari beberapa widget yang akan saya share,ada beberapa widget yang mungkin dapat membuat blog anda agak berat,seperti efek kembang api,jika kalian masih tertarik untuk memasangkan widget spesial tahun baru ini di blog kalian,silahkan scroll kebawah

Penghitung Mundur Tahun Baru (Widget Blog Spesial Tahun Baru 2016)

1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut

<style scoped="scoped" type="text/css">
.md2016{color:#01579b;background: #03a9f4; font-size: 120%;
text-transform: uppercase;text-align: center;margin: 2%;padding: 1.5%;}
.digit {color:#fff}
.judul {color:#fff}
@media screen and (max-width:974px) {
.md2016{ margin:10px 0 0 0;}}
</style>

<div class="md2016">
<div id="countdown">
<script type="text/javascript">
//<![CDATA[
var target_date = new Date("Jan 01, 2016").getTime();
var days, hours, minutes, seconds;
var countdown = document.getElementById("countdown");
setInterval(function () {
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;    
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;    
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
  countdown.innerHTML =  days + " <span class=\'digit\'>hari</span> " + hours + " <span class=\'digit\'>jam</span> "
  + minutes + " <span class=\'digit\'>menit</span> " + seconds + " <span class=\'digit\'>detik</span> <span class=\'digit\'>Menuju</span> <span class=\'judul\'>Tahun Baru 2016</span>";  
}, 1000);
//]]>
</script></div></div>

4.Setelah itu silahkan Simpan widget tersebut dan cek blog anda masing masing 

Efek Kembang Api Tahun Baru (Widget Blog Spesial Tahun Baru 2016)

1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut

<div style="position: fixed; bottom: 0px; right: 0px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="600" title="Widget By Mas Deeons - http://www.masdeeons.com" src="https://googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/masdeeons-kembangapi.swf" href="http://www.masdeeons.com" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

4.Setelah itu silahkan Simpan widget tersebut dan cek blog anda masing masing 

Ucapan Selamat Tahun Baru di Sidebar Blog (Widget Blog Spesial Tahun Baru 2016)

1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
/*<![CDATA[*/
#tahun2016{display: block;padding: 0;z-index: 99999;position: fixed;}
.baru016 {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXphPFlGUPtU-koQEdoektXE6UH3xEUeDmCw1xg58YUKfk-oI6gsIwRb7Zta5iSRmpiJFLBVetrVE2lwGk2RC5Z00Pa9fYZ5R6AWteyrGOxY0vCwUcav4ghOZ1pcBw9m1UUZiCOS8yFlY/s1600/new-year-popup-sidebar.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#tahun2016").css({right: -250, "top" : 100 })
            w2b("#tahun2016").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#tahun2016").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="tahun2016" style="display:none;">
    <div class="baru016"></div>
   <iframe src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_t3XFM9VOKNk8yt7XZJ8UNAmxUOn_iJ_hUZl6UEeF6BPA37GGjB-hfJR5sBo5c4NFbrW5E_n6_yruxdEvld_G7cjdezAJoLuMGROPEJW4E9f47vXplo4gzTqZBxFTgggslwsOVI_CGE/s1600/new-year-widget-blogger-popup.jpg" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;" allowtransparency="true"></iframe>
</div>

4.Setelah itu silahkan Simpan widget tersebut dan cek blog anda masing masing

SC : FerdiStyle
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.