Kumpulan widget Blog

Kumpulan widget Blog ini saya buat karena permintaan
teman-teman, jadi ya harap maklum, karena ini apa adanya....


untuk mengcopy silahkan sekali klik kemudian klik kanan copy atau langsung CTRL + C
setelah terblok,,


Kalender 

<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt232.html"></iframe>  <br>

jam digital 

<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:130px;height:100px;" src="http://www.clocktag.com/html5/dt151.html"></iframe> <iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:120px;" src="http://www.clocktag.com/html5/dt143.html"></iframe>

HTML guest book

<!-- begin wwww.htmlcommentbox.com --> <div id="HCB_comment_box"> <a href="http://www.htmlcommentbox.com">Guestbook</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="//www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" /> <script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={comments_header:'Guestbook'};} (function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"%27"), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&opts=16862&num=10&ts=1453522577620");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end www.htmlcommentbox.com -->

cursor nama berjalan ganti yang berwarna biru dengan nama terserah anda

<style type='text/css'> #outerCircleText { font-style: italic; font-weight: bold; font-family: 'chewy', verdana, arial; color: pink; position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style> <script type='text/javascript'> //<![CDATA[ ;(function(){ // Your message here (QUOTED STRING) var msg = "CONTOH"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size =20; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 15; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.3; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.2; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); //]]> </script>

Widget weather (CUACA) kota ngawi

<a href="http://www.accuweather.com/en/id/ngawi/203170/weather-forecast/203170" class="aw-widget-legal"> <!-- By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy. --> </a><div id="awcc1453799246590" class="aw-widget-current" data-locationkey="203170" data-unit="c" data-language="en-us" data-useip="false" data-uid="awcc1453799246590"> </div> <script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script>

Update terbaru buat yang ingin buat Cbox (ChatBox), Bisa langsung copy Script dibawah, dan paste di gadget blog anda .
Tapi anda harus daftar dan login ke Cbox.ws Setelah anda dapat script codenya tinggal anda copykan ke-script yang saya beri warna merah, kenapa harus daftar dan bikin sendiri???,
ya iyalah karena kalo COPAS nanti ada hal-hal yang tidak diingkan... hhh

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script> <iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;" src="http://www.clocktag.com/html5/dt162.html"></iframe> <style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> <!-- BEGIN CBOX - www.cbox.ws - v4.3 --> ... ... ... ... .... ... ... ... ... <!-- END CBOX --> <br /> <div style="text-align:center"> <span style="float:right; color:#000000;"></span> </div> </center> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>

EFEK SALJU BRJATUHAN copy ke Template HTML, dan letakkan di bawah

<script src='http://yourjavascript.com/1171704334/efek-salju-faisal.js' type='text/javascript'/>

Tulisan Berjalan di blog ganti yang berwarna biru sesuai keinginan anda

<marquee direction="left" scrollamount="2" align="center"> TIDAK ADA YANG SULIT BAGI ORANG YANG MAU BERUSAHA ....., KESULITAN ITU DATANG KARENA RASA MALAS</marquee>

FLASH MESSAGE Jika ingin menyesuaikan sendiri silahkan kunjungi widgeo.net , ganti yang berwarna biru dengan nama terserah anda

<script src="http://cdn.marocbuzz.com/wgeo/message.php?msg= SELAMAT DATANG &adult=0&cat=internet&big=big&cl=rainbow&idec=608855363"></script> <noscript><a href="http://www.marocbuzz.com/ar/category/رياضة/"><img alt="كورة" border="0" src="http://cdn.marocbuzz.com/wgeo/logopm.png" /></a></noscript>

jangan lupa like, share, ikuti dan juga komen* hahaha.... semoga bermanfaat, dan diterima segala amalan anda..terimakasih