Widget Subscription Star Craft Style

Dalam tutorial ini saya akan menjelaskan bagaimana menambahkan Widget Rss Subscription StarCraft Style untuk Blogger. Dengan menggunakan widget ini pengunjung blog dapat mengetahui beberapa informasi mengenai koneksi internet yang digunakan plus efek animasi karakter StarCraft. Selain itu widget ini dilengkapi dengan Feed Subscribe untuk Blog Anda. Feed Subscribe ini akan membantu pengunjung blog untuk mendapatkan update terbaru tentang blog Anda melalui email. Contoh seperti yang terlihat pada gambar di atas. Buat yang tertarik dengan widget ini langsung lanjut ke TKP... 

Cara Pemasangan :

• Login ke blog sobat...
• Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode berikut ini di kotak postingan gadget.
  
  
  

   <script>
  var nameBlogSC="ZONNACYBER";
  var nImgSC1="http://dl.dropboxusercontent.com/u/74044634/Image/StarCraft/Cantina.jpg";
  var nImgSC2="http://dl.dropboxusercontent.com/u/74044634/Image/StarCraft/Bridge.jpg";
  var nImgSC3="http://dl.dropboxusercontent.com/u/74044634/Image/StarCraft/Space.jpg";
  var nImgSC4="http://dl.dropboxusercontent.com/u/74044634/Image/StarCraft/Armory.jpg";
  var nImgSC5="http://dl.dropboxusercontent.com/u/74044634/Image/StarCraft/Explore.jpg";
  </script>
  
  <style>.footer-submit-btn{margin-bottom:5px;border: none;color: #fff;text-transform: uppercase;font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer;}.footer-submit-btn:hover{background: #e51111;}.footer-subscribe-email{margin-bottom:5px;width: 100%;background: #62686b;color: #fff;font-size: 14px;border: none;box-sizing: border-box;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;outline: none;padding: 0px 15px;height: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}.mainBGCom{width:250px;padding:5px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background-color:#333a41;font-style:"Arial";font-size:16px;}</style><div class="mainBGCom" id="mainPanel">
  <div style="border:1px white solid;border-radius:4px;background-color:#032240;color:white;margin-bottom:5px;padding:5px;">
  <span>Battle Station : </span><span style="float:right;"><select id="wallData" style="width:100px;" onchange="changeWall();"><option value="1" />Cantina<option value="2" />Bridge<option value="3" selected />Space<option value="4" />Armory<option value="5" />Explore</select></span></div>
  <div style="width:240px;border:1px white solid;border-radius:4px;background-color:#032240;color:white;float:left;padding:4px;margin-bottom:5px;">
  <div id="ipaddresse" style="margin-bottom:10px;">
  <img id="imgIcon" src="http://imgStarCraft" style="width:100px;border-radius:4px;vertical-align:top;margin-right:5px;border:1px white solid;float:left;"/><span id="data1" style="display:none;margin-bottom:4px;">%%visitor_OS_IMG%% %%visitor_OS%%</span><span id="data2" style="display:none;margin-bottom:4px;">%%visitor_BROWSER_IMG%% %%visitor_BROWSER%%</span><span id="data3" style="display:none;margin-bottom:4px;">%%visitor_I_COLOR%% %%visitor_COLOR%%</span><span id="data4" style="display:none;margin-bottom:4px;">%%visitor_I_RESOLUTION%% %%visitor_RESOLUTION%%</span></div>
  </div>
  <div align="center" style="width:240px;border:1px white solid;border-radius:4px;background-color:#032240;color:white;float:left;padding:4px;margin-bottom:5px;">
  <div style="margin-bottom:5px;font-family:'Trebuchet';font-size:16px;">
  Get Updates Free</div>
  <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri='+nameBlogSC, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
  <input class="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Your email address"/><input name="uri" type="hidden" id="uriRSSFeed" value="ZonnaCyber"/><input name="loc" type="hidden" value="en_US"/><input type="submit" value="Subscribe" class="footer-submit-btn"/></form>
  </div>
  <div style="width:240px;border:1px white solid;border-radius:4px;background-color:#032240;color:white;float:left;padding:4px;margin-bottom:5px;">
  <table>
  <tr><td>Country</td><td>:</td><td id="ctrPanel">???</td></tr>
  <tr><td>Coordinate</td><td>:</td><td id="coPanel">Long=0 | Lat=0</td></tr>
  <tr><td>IP</td><td>:</td><td id="ipPanel">123.456.789</td></tr>
  <tr><td>I S P</td><td>:</td><td id="ispPanel">Network</td></tr>
  </table>
  </div>
  <div align="center" style="font-size:10px;">
  Powered by <a href="http://zonnacyber.blogspot.com" target="blank" title="Hack a Blog" style="text-decoration:none;color:white;">ZonnaCyber</a></div>
  </div>
  <script type="application/javascript">
  document.write("<script language=\"JavaScript\" src=\"http:\/\/www.ipaddresse.com\/js.php\"><\/script>");
  var nIconSC = Math.floor(Math.random()*6);
  var ipData, ispData, countryData, longData, LatData;
  function getgeoip(json){
  ipData=json.ip;
  ispData=json.isp;
  countryData=json.country;
  longData=json.longitude;
  latData=json.latitude;
  }
  </script>
  <script type="application/javascript" src="http://www.telize.com/geoip?callback=getgeoip"></script>
  <script language=javascript>document.write(unescape('%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%7D%3C%2F%73%63%72%69%70%74%3E'));dF('%297GWGVMTX%2964PERKYEKI%297H%2966nezewgvmtx%2966%297I%294Ezev%2964rMqkWG%2964%297H%2964ri%7B%2964Evve%7D%297F%294ErMqkWG%299F4%299H%297H%2966lxxt%297E33hf2xx3G%7CnH%3D%3AHI%2966%297F%294ErMqkWG%299F5%299H%297H%2966lxxt%297E33hf2xx3WUu%5Bq8sm%2966%297F%294ErMqkWG%299F6%299H%297H%2966lxxt%297E33hf2xx3PzSH%3Aofn%2966%297F%294ErMqkWG%299F7%299H%297H%2966lxxt%297E33hf2xx3EjYmplV%7C%2966%297F%294ErMqkWG%299F8%299H%297H%2966lxxt%297E33hf2xx3jlELPg%5CM%2966%297F%294ErMqkWG%299F9%299H%297H%2966lxxt%297E33hf2xx3%5E%3CrQ565Z%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966mqkMgsr%2966%296%3D2wvg%297HrMqkWG%299FrMgsrWG%299H%297F%294Ejyrgxmsr%2964wirhGQH%296%3Cgqh%296%3D%29%3BF%294Emj%296%3Cgqh%297H%297Hxvyi%296%3D%29%3BF%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966gqhTvsqtx5%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966gqhTvsqtx6%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966wtegiPsk%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966rsri%2966%297F%29%3BH%294Emj%296%3Cgqh%297H%297Hjepwi%296%3D%29%3BF%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966gqhTvsqtx5%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966rsri%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966gqhTvsqtx6%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966rsri%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966wtegiPsk%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%29%3BH%294E%29%3BH%294Ejyrgxmsr%2964gpswiTerip%296%3C%296%3D%29%3BF%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966qemrTerip%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966rsri%2966%297F%294E%29%3BH%294Ezev%2964wixI%7Ctpsvi%297F%294Ejyrgxmsr%2964glerki%5Bepp%296%3C%296%3D%29%3BF%294Ezev%2964%7BeppYVP%297F%294Ezev%2964fsh%7D%297Hhsgyqirx2kixIpiqirxwF%7DXekReqi%296%3C%296%3Bfsh%7D%296%3B%296%3D%299F4%299H%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhGspsv%297H%2966fpego%2966%297F%294Ezev%2964%7BeppRs%2964%297H%2964hsgyqirx2kixIpiqirxF%7DMh%296%3C%2966%7BeppHexe%2966%296%3D2zepyi%297F%294Emj%2964%296%3C%7BeppRs%297H%297H5%296%3D%29%3BF%294E%7BeppYVP%297HrMqkWG5%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhMqeki%297H%296%3Byvp%296%3C%296%3B/%7BeppYVP/%296%3B%296%3D%296%3B%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhWm%7Ei%2964%297H%296%3Bgsziv%296%3B%297F%294E%29%3BH%294Emj%2964%296%3C%7BeppRs%297H%297H6%296%3D%29%3BF%294E%7BeppYVP%297HrMqkWG6%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhMqeki%297H%296%3Byvp%296%3C%296%3B/%7BeppYVP/%296%3B%296%3D%296%3B%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhWm%7Ei%2964%297H%296%3Bgsziv%296%3B%297F%294E%29%3BH%294Emj%2964%296%3C%7BeppRs%297H%297H7%296%3D%29%3BF%294E%7BeppYVP%297HrMqkWG7%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhMqeki%297H%296%3Byvp%296%3C%296%3B/%7BeppYVP/%296%3B%296%3D%296%3B%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhWm%7Ei%2964%297H%296%3Bgsziv%296%3B%297F%294E%29%3BH%294Emj%2964%296%3C%7BeppRs%297H%297H8%296%3D%29%3BF%294E%7BeppYVP%297HrMqkWG8%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhMqeki%297H%296%3Byvp%296%3C%296%3B/%7BeppYVP/%296%3B%296%3D%296%3B%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhWm%7Ei%2964%297H%296%3Bgsziv%296%3B%297F%294E%29%3BH%294Emj%2964%296%3C%7BeppRs%297H%297H9%296%3D%29%3BF%294E%7BeppYVP%297HrMqkWG9%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhMqeki%297H%296%3Byvp%296%3C%296%3B/%7BeppYVP/%296%3B%296%3D%296%3B%297F%294Efsh%7D2wx%7Dpi2fegokvsyrhWm%7Ei%2964%297H%296%3Bgsziv%296%3B%297F%294E%29%3BH%294E%29%3BH%294E%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966gxvTerip%2966%296%3D2mrrivLXQP%297Hgsyrxv%7DHexe%2964/%296%3B%2964%297Gmqk%2964wvg%297H%2966lxxt%297E33%7B%7B%7B2mtehhviwwi2gsq3jpekw3f5%3A3mh2trk%2966%2964wx%7Dpi%297H%2966zivxmgep1epmkr%297Eqmhhpi%297F%2964limklx%297E5%3At%7C%297F%29663%297I%296%3B%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966gsTerip%2966%296%3D2mrrivLXQP%297H%2966Psrk%2964%297H%2964%2966/psrkHexe/%2966%2964%29%3BG%2964Pex%2964%297H%2964%2966/pexHexe%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966mtTerip%2966%296%3D2mrrivLXQP%297HmtHexe%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966mwtTerip%2966%296%3D2mrrivLXQP%297HmwtHexe%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966hexe5%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966hexe6%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966hexe7%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966hexe8%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966yvmVWWJiih%2966%296%3D2zepyi%297HreqiFpskWG%297F%294Ehsgyqirx2kixIpiqirxF%7DMh%296%3C%2966yvmVWWJiih%2966%296%3D2wx%7Dpi2hmwtpe%7D%297H%2966fpsgo%2966%297F%294Eglerki%5Bepp%296%3C%296%3D%297F%294E%297G3WGVMTX%297I%294E%294%3D%294%3D%294%3D4')</script>
  
  
  Catatan :
  - var nameBlogSC="ZONNACYBER"; // Nama Blog Anda
  - var nImgSC0="http://dl.dropboxusercontent.com/u/74044634/Image/StarCraft/Cantina.jpg"; // URL Gambar Background StarCraft.
• Klik "Save" dan lihat hasilnya...