JSFiddle

  • SMS LINK ( Custom ) #2 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <a href="sms:+62 896-1888-5066?body=
    Hai KangRian!
    %0D%0A
    KangRian.com
    ">SMS Link</a>
  • Download Link Format #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <a download="http://3.bp.blogspot.com/-4AQulFOwyI0/Vo6A__XwhnI/AAAAAAAABYo/4rzpax7W5hM/s0/BANNER.png" target="__blank" href="http://3.bp.blogspot.com/-4AQulFOwyI0/Vo6A__XwhnI/AAAAAAAABYo/4rzpax7W5hM/s0/BANNER.png">Download</a>
  • LightGallery - KangRian.com #3 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    //<![CDATA[
    $(document).ready(function() {
      $(".lightbox").lightGallery(); 
    });
    //]]>
  • Mail Template Media Indonesia #3 is the latest revision

    KangRian.com

    
    <!doctype html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
    body {
    margin:0; padding:0; font-size:16px!important; 
      -webkit-font-smoothing: antialiased;
      height: 100%;
      -webkit-text-size-adjust: none;
      width: 100% !important;
    }
    
    * {
      font-family: "Helvetica Neue ...</style></meta></meta></head></html></!doctype>
  • Disable RightClick / ContextMenu with Caption! #4 is the latest revision

    Made by : KangRian.com

    // Required jQuery Library ! ^_^
    
    $( "body" ).contextmenu(function() {
      $( ".klikanan" ).fadeToggle();
    });
    $( "#klikanan" ).click(function(){
      $("#klikanan").fadeOut();
    });
  • Popup Box #4 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="maintenance">
      <div class="mainbox">
      <div class="maintitle">
        <div class="maintitlewrap">
          <h3>
          Welcome Bla Bla Bla...
          </h3>
        </div>
      </div>
        <div class="mainwrap">
        <img src="https://lh3.googleusercontent.com/-RjdU1KC0byo/Vvdw2J4xHSI/AAAAAAAAB1M/WA0AlUPHdbANvK2Wf0haOzNDVWV4SzG2Q/s600/media-id.png"/>
        </div>
      </div>
    </div>
    
    <Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/>
    <Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/>
  • HTML Email Template (BWD)

    No-Library (pure JS), HTML, CSS, JavaScript

    <div style="background: #dadada;">
    <div style="border-left:5px solid #ccc;border-right:5px solid #ccc;">
        <div style="width: 100%; max-width: 600px; margin: 0 auto!important; padding: 15px 0!important; background: #fff; border-bottom:5px solid #068ad1; text-align: center;">
            <a href="http://bandung-webdesign.com"><img style="display: block; margin: 0 auto!important;" src="http://bandung-webdesign.com/home/wp-content/themes/bwd2016/img/logo.png" height="60" /></a>
        </div>
        <div style="width: 100%; max-width: 600px; margin: 0 auto!important; margin-top:-1px!important;background: #fff; text-align: left;color:#474e5d;">
            <a href="http://bandung-webdesign.com" style="display:block!important;padding:20px!important;background:#079ae9;color:#fff!important;text-decoration:none!important;font-size:20px!important;font-family:helvetica,sans-serif!important;text-align:center!important;">Website Service Agreement <br>&<br> BAST ( Berita Acara Serah Terima )</a>
            <div style="padding: 20px; font-family: arial,sans-serif; font-size: 100%;color:#4b4b4b;">
                <b>KangRian.com [STUDIO]</b> - Hadir bagi anda yang sedang membutuhkan solusi ...</a></div></div></div>
  • HTML Email Template (KangRian.com) #13 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    .
    <br/>
        <div style="background: #eee;">
        <div style="width: 100%; max-width: 600px; margin: 0 auto!important; padding: 20px 0!important; background: #2b2b2b; border-bottom:2px solid #ddd; border-top:2px solid #eee; text-align: center;"><a href="http://kangrian.com"><img style="display: block; margin: 0 auto!important;" src="http://1.bp.blogspot.com/-MxeWKjzLrqA/VrfZ2L8nvUI/AAAAAAAABh4/PnFCmWVouqc/s1600-r/logo.png" height="60" /></a></div>
            <div style="width: 100%; max-width: 600px; margin: 0 auto!important; background: #f5f5f5; text-align: center;">
                <div style="padding: 20px; font-family: arial,sans-serif; font-size: 100%;">
                    Support submission from <b>[your-name] - [your-subject]</b> ([menu-243]) &nbsp;
                    <br/><br/>
                    <table border="1" style="width:100%" style="text-align:left!important;">
                        <tr>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Name:
                                    <b>[your-name]</b>
                                </div>
                            </td>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Company Name:
                                    <b>[your-subject]</b>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Job Title:
                                    <b>[text-21]</b>
                                </div>
                            </td>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Status:
                                    <b>[menu-243]</b>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Division:
                                    <b>[menu-136]</b>
                                </div>
                            </td>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Subject:
                                    <b>[text-685 ...</b></div></td></tr></table></br/></br/></div></div></div></br/>
  • Popup RESPONSIVE FIX

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="promo">
      <div class="promowrapper">
        <h3>Selamat Ulang Tahun Bank BJB ke-55 Selamat Ulang Tahun Bank BJB ke-55 <span class="promoclose">×</span></h3>
        <a href="category/gallery/" title="Selamat Ulang Tahun Bank BJB ke-55"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t1.0-9/13151755_1398042196889236_3509731112931571325_n.jpg?oh=bcb5307c57c8abf27dc26970ef374438&oe=57D72446" alt="Selamat Ulang Tahun Bank BJB ke-55"/></a>
      </div>
    </div>
  • HTML5 Blogger Template (Basic) #1 is the latest revision

    By : KangRian.com

    <div id='content-wrapper'>
    
    <!-- HEADER -->
        <header id='header-wrapper'>
          <div id='logo'>
            <h1>Judul Situs</h1>
          </div><!-- #logo -->
          <div id='menu'>
            <nav>
              <ul>
                <li><a href='#'>Home</a></li>
                <li><a href='#'>About</a></li>
                <li><a href='#'>Sitemap</a></li>
                <li><a href='#'>Link</a></li>
              </ul>
            </nav>
          </div><!-- #menu -->
        </header>
        
    <!-- MAIN -->
        <div id='outer-wrapper'>
          <section id='main-wrapper'>
            <article>
              <h2>Lorem ipsum dolor sit amet, consectetur adipisicing.</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing ...</p></article></section></div></!--></!--></div>