Hari Ini Imlek Tahun 2568 Lunar China Ke Tahun 2017 Masehi Indonesia. Selamat Tahun Baru Imlek Gong Xi Fa Cai (恭喜发财). Ini Blog Widget Ke Countdown, Ucapan, 3 Translate, Fixed Bawah-Kiri Lampion, Tombol Random Post Ampao dan Loading. 6 Widget Blog Ini Kode Special Imlek. Apakah Imlek Tanggal 28 Januari 2017 Siapa Itu.
CountDown Imlek
2. Buka menu "Tata Letak" lalu Klik "Tambahkan Gadget"
3. Pilih "HTML/JavaScript"
4. Copy kemudian paste kode di bawah ini pada widget HTML/JavaScript tadi.
<style type="text/css">
.bodychinatimer {text-align: center;background:red;border-radius:5px;padding-top: 20px;padding-bottom: 20px;}
.textchinatimer {color: yellow;font-family:sans-serif;}
.gongxitext {color: yellow;letter-spacing: 5px;;font-size:30px}
.gongxitext2 {color: yellow;font-family:sans-serif;word-spacing: 9px;padding-right: 10px;}
</style>
<style scoped="" type="text/css">#clockdiv{font-family:sans-serif;color:yellow;display:inline-block;font-weight:normal;text-align:center;font-size:16px;margin-top:10px}#clockdiv>div{padding:10px;border-radius:3px;background:red;display:inline-block}#clockdiv div>span{padding:10px;border- radius:3px;background:darkred;display:inline-block}.smalltext{padding-top:5px;font-size:12px}</style>
<div class="bodychinatimer">
<div class="textchinatimer">
Countdown Tahun Baru Imlek 2568
</div>
<div class="gongxitext">
恭喜发财
</div>
<div class="gongxitext2">
Gong Xi Fa Cai
</div>
<div id="clockdiv">
<div>
<span class="days"></span>
<div class="smalltext">Hari</div>
</div>
<div>
<span class="hours"></span>
<div class="smalltext">Jam</div>
</div>
<div>
<span class="minutes"></span>
<div class="smalltext">Menit</div>
</div>
<div>
<span class="seconds"></span>
<div class="smalltext">Detik</div>
</div>
</div>
</div>
<script src="https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/ChineseNewYear2.js" type="text/javascript"></script>5. Klik "Simpan" dan lihat hasilnya.
Ucapan Imlek
2. Buka menu "Tata Letak" lalu Klik "Tambahkan Gadget"
3. Pilih "HTML/JavaScript"
4. Copy kemudian paste kode di bawah ini pada widget HTML/JavaScript tadi.
<style type="text/css">
.bodychinanote {text-align: center;background:darkred}
.textchinanote {color: yellow;font-family:sans-serif;}
.gongxitextnote {color: yellow;letter-spacing: 5px;;font-size:30px}
.gongxitextnote2 {color: yellow;font-family:sans-serif;word-spacing: 9px;padding-right: 10px;}
</style>
<div class="bodychinanote">
<div class="textchinanote">
Selamat Tahun Baru Imlek 2568
</div>
<div class="gongxitextnote">
恭喜发财
</div>
<div class="gongxitextnote2">
Gong Xi Fa Cai
</div>
</div>5. Klik "Simpan" dan lihat hasilnya.
3 Translate China
2. Buka menu "Tata Letak" lalu Klik "Tambahkan Gadget"
3. Pilih "HTML/JavaScript"
4. Copy kemudian paste kode di bawah ini pada widget HTML/JavaScript tadi.
<style type="text/css">
#translator-wrapper {
display:block;
width:90%;
max-width:300px;
border:none;
background-color:#fff;
color:#444;
overflow:hidden;
position:relative;
height:40px;
line-height:40px;
border:1px solid #e0e0e0;
margin: auto;
}
#translator-wrapper select {
border:none;
background:transparent;
font-family:'Verdana',Arial,Sans-Serif;
font-size:12px;
width:100%;
color:#444;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
cursor:text;
padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
display:block;
background-color:darkred;
border:none;
color:#fff;
margin:0 0;
text-decoration:none;
position:absolute;
top:0;
right:0;
bottom:0;
cursor:pointer;
width:14%;
transition:all 0.3s ease;
}
#translator-wrapper a:before {
content:"";
display:block;
width:0;
height:0;
border:6px solid transparent;
border-left-color:white;
position:absolute;
top:50%;
left:45%;
margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
border:none;
outline:none;
cursor:pointer;
}
option {
background:#444;
color:#e0e0e0;
}
.option_red {background:#900;color:#fff;animation: optioncolor 1s ease-in-out 1s infinite alternate;}
/* Standard syntax */
@keyframes optioncolor {
from {background:#900}
to {background:#F00}
}
</style>
<div id="translator-wrapper">
<select id="translate-language">
<option value="en" selected="selected">English</option>
<option value="id">Indonesian</option>
<option class="option_red" value="zh-CN">Chinese</option>
</select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
var mylang = "id", // Your website language
anchor = document.getElementById('translate-me');
anchor.onclick = function() {
window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
return false;
};
})();
</script>5. Klik "Simpan" dan lihat hasilnya.
Fixed Bawah-Kiri Lampion
2. Buka menu "Tata Letak" lalu Klik "Tambahkan Gadget"
3. Pilih "HTML/JavaScript"
4. Copy kemudian paste kode di bawah ini pada widget HTML/JavaScript tadi.
<style>.animasi-lampion {margin:0;padding:0;text-align:center;position:fixed;bottom:3px;left:3px;z-index:9999;}</style>
<div class="animasi-lampion"><a href="http://maharanitemplate-ma-minima.blogspot.com/2016/02/6-membuat-widget-blog-special-imlek-ini.html" target="_blank"><img height="200" width="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq2tbl6pqBMw0YDvsEGfLf7yBU7rTQxZXYDVaUc7zsLo1jTEsUzRqu2qPhlV45tLOAlu-cifYeQUObkZqlcj14rsoagcnlVH8CTZI2TlIs62yY9WCYmp4M0AwZpcJYJ3RZ0MVrbdfa5aI/s1600/newyear1.png" title="Lampion imlek - Maharani Template Terbaru Super Minima" alt="Lampion imlek - Maharani Template Terbaru Super Minima" /></a></div>5. Klik "Simpan" dan lihat hasilnya.
Tombol Surprise Me (Random Post) Ampao
2. Pilih Laman >> Laman Baru
3. Pilih mode HTML (sebelahnya compose) dan masukan kode dibawah ini.
<h2 style="text-align: center;">
Apakah kita Random Post Dari Imlek Tekan Klik Ampao Ini.
</h2>
<br />
<br />
<div class="ranpost" style="text-align: center;">
<a href="#" onclick="feelingLucky();alert('Selesai Diklik Hasil Blog Di Random Post Terima Kasih.');"><img src="http://amethystaiko.com/wp-content/uploads/2013/02/angpao-300x300.jpg" width="400" /></a>
</div>
<h3 style="text-align: right;"><a href="http://maharanitemplate-ma-minima.blogspot.com/2016/02/6-membuat-widget-blog-special-imlek-ini.html">Get Widget</a></h3>
<script type="text/javascript">
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
//]]>
</script> 4. Selesai Klik Publikasikan
Loading Imlek
2. Masuklah ke Template
3. Pilih Edit HTML
4. Letakan Kode Di Bawah Ini Di Atas </head>
<style>
/*Loading Page*/
#load-page-maharani { background-color:darkred; width:100%; height:100%; position:fixed; left:0; top:0; z-index:+100000; }
.loadmaharani { position:absolute; width:100%; background-color:darkred; margin:0 auto; text-align:center; padding:200px 0; color:yellow; font-family:Verdana; font-size:1.5em; }
.loadmaharani span {letter-spacing: 20px;font-size: 40px;animation:loadcolortext 2s infinite; }
@keyframes loadcolortext {
0% { color: yellow; }
32% { color: green; }
55% { color: blue; }
76% { color: green; }
100% { color: yellow; }
}
</style><script type="text/javascript">
$(window).load(function () {
setTimeout(function () {
$(".loadmaharani").fadeOut("slow");
setTimeout(function () {
$("#load-page-maharani").fadeOut("slow")
}, 1000)
}, 1000)
});
</script><div id='load-page-maharani'>
<div class="loadmaharani">
<span>恭喜发财</span>
</div>
</div>