Documentation Template Goomify

Goomify Responsive Blogger Template ini sangat rigan cocok buat anda yang mempunyai blogger  berbagi template , dan Pembagi wallpapers.. Template ini tidak mempunyai layout widget sidebar Membuat Template ini sangat  mudah di gunakan dan loading Cepat .untuk settingan, anda harus mengedit-nya di dalam Edit Html,  nah berikut ini Documentation Template Goomify editing by Theboegis.com :

Fitur Template
  • Responsive
  • SEO Friendly
  • Google Testing Tool Validator
  • 2 Column
  • Resposnsive Navigation
  • Auto Readmore
  • Breadcrumbs
  • Grid Style
  • Footer Menu
  • Back to Top Button
  • Share Button
  • Related Posts
  • Shortcodes
  • And More...
SEO Meta Tag

Tema > Klik Edit HTML

Cari dan ganti tiap tulisan di kode meta tag di bawah ini pada template.

      <meta content='#2c3e50' name='msapplication-navbutton-color'/>
      <meta content='#2c3e50' name='apple-mobile-web-app-status-bar-style'/>
      <meta content='#2c3e50' name='theme-color'/>
      <meta content='YOUR_DMCA_VERIFICATION_CODE' name='dmca-site-verification'/>
      <meta content='YOUR_GOOGLE_WEBMASTER_VERIFICATION_CODE' name='google-site-verification'/>
      <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
      <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
      <meta content='blogger' name='generator'/>


Top Menu Navigasi

Silahkan buka Blogger > Tema > Klik Edit HTML

Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dengan link blog Anda

<nav id='cssmenu' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
          <div id='head-mobile'/>
          <div class='button' id='menu-button'>
            <span class='hamburger1'/>
            <span class='hamburger2'/>
            <span class='hamburger3'/>
          </div>
          <!-- menu navigasi header start -->
          <ul>
            <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
            <li><a href='#'>About</a>
              <ul>
                <li><a href='#'>Contact</a></li>
                <li><a href='#'>Sitemap</a></li>
              </ul>
            </li>
            <li><a href='#'>Category</a>
              <ul>
                <li><a href='#'>Safelink</a></li>
                <li><a href='#'>Responsive</a></li>
                <li><a href='#'>Material</a></li>
              </ul>
            </li>
            <li><a href='#' title='Password Rar File'>Other Menu</a></li>
            <li><a class='notif-show' href='javascript:;' title='Latest Comments'><svg viewBox='0 0 24 24'>
               <path d='M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M9,9V11H19V9H9M9,13V15H17V13H9Z'/>
              </svg></a>
            </li>
          </ul>
        </nav>


Menganti Logo di versi Stressthinking

Buka Blogger > Tema > Klik Edit HTML : cari link gambar di bawah ini dan ganti link gambar logo anda

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLz2emVMBEmiWjCfdUYX4jqSGZSri4o_E00m6xwkbuiP-DNF-9K14SX9KEwsDZdE9SGIZPSfW6zUuegKPHX5pXWRuZTg7deGRzQczC9M8gd6PyHOWNfQE7eJXeLiSUWE6RRQH6xjTKdw/s1600/STRESSTHINKING.png

Mengganti Gambar Box Wrapper

Silahkan buka Blogger > Tema > Klik Edit HTML

Cari Link Gambar di bawah ini dan ganti dengan ling gambar anda

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiChPzyoUGA4Ama-A_0CebNeXb8faPiY2mnwYnCqQQcqXj4mj5p3HeaS7Ar6R46O7oajbUbce_Db8FD4lGPYsgOWX7a4ko8xwHBDnJ7_WDXPVW9aaXdS-aW18jrOzcOHIPSEtLZaHTeOSo/s1600/tlc.png


Button Info

Silahkan buka Blogger > Tema > Klik Edit HTML

<!-- Star button info -->
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<div class='clr'/>
<div class='box-wrapper'>
<div class='content-amp'>
<div class='widget-wrap'>
<div class='button-wrapper'>
<span>Professional Themes</span>
</div>
<h2 class='heading-title'>Showing themes that are Seo, fast loading, light, fresh and professional</h2>
<div class='button-home'>
<a href='/search/label/Grid Style'><span class='but'><svg viewBox='0 0 508.928 508.928'>
<polygon points='403.712,201.04 256.288,201.04 329.792,0 105.216,307.888 252.64,307.888 179.136,508.928'/>
</svg> Grid Style</span></a>
<a href='/search/label/List Style'><span class='bus'><svg viewBox='0 0 33.023 33.023'>
<path d='M10.033,33.023c-0.087,0-0.174-0.022-0.252-0.068c-0.209-0.122-0.301-0.375-0.218-0.603l5.223-14.359l-6.313-1.801   c-0.163-0.046-0.292-0.172-0.342-0.334c-0.049-0.162-0.014-0.339,0.096-0.469L21.032,0.177c0.152-0.181,0.41-0.228,0.618-0.119   c0.208,0.111,0.311,0.354,0.245,0.58l-3.692,12.807l6.347,1.811c0.164,0.046,0.293,0.173,0.342,0.336   c0.05,0.163,0.012,0.341-0.099,0.47l-14.38,16.787C10.315,32.962,10.175,33.023,10.033,33.023z M9.489,15.442l6.087,1.735   c0.134,0.038,0.245,0.13,0.309,0.253c0.063,0.124,0.072,0.268,0.024,0.398l-4.466,12.278l12.083-14.105l-6.079-1.733   c-0.128-0.036-0.236-0.122-0.301-0.238s-0.08-0.253-0.043-0.381l3.18-11.029L9.489,15.442z'/>
</svg>
 List Style</span></a></div>
</div>
<div class='coll'>
<span class='bg1'/>
</div>
</div>
<svg class='wave' height='50px' preserveAspectRatio='none' style='pointer-events: none' viewBox='0 0 1920 75' width='100%'>
<defs>
<clipPath id='a'>
<rect class='a' height='75' width='1920'/>
</clipPath>
</defs>
<g class='b'>
<path class='c' d='M1963,327H-105V65A2647.49,2647.49,0,0,1,431,19c217.7,3.5,239.6,30.8,470,36,297.3,6.7,367.5-36.2,642-28a2511.41,2511.41,0,0,1,420,48'/>
</g>
<g class='b'>
<path class='d' d='M-127,404H1963V44c-140.1-28-343.3-46.7-566,22-75.5,23.3-118.5,45.9-162,64-48.6,20.2-404.7,128-784,0C355.2,97.7,341.6,78.3,235,50,86.6,10.6-41.8,6.9-127,10'/>
</g>
<g class='b'>
<path class='d' d='M1979,462-155,446V106C251.8,20.2,576.6,15.9,805,30c167.4,10.3,322.3,32.9,680,56,207,13.4,378,20.3,494,24'/>
</g>
<g class='b'>
<path class='d' d='M1998,484H-243V100c445.8,26.8,794.2-4.1,1035-39,141-20.4,231.1-40.1,378-45,349.6-11.6,636.7,73.8,828,150'/>
</g>
</svg>
</div>
</b:if></b:if>
  <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
      <div class='hero-wrap' id='hero-vvv'>
      <div class='hero-content container'>
        <div class='widget-wrap'>
          <div class='button-wrapper'>
            <span>Professional Template</span>
          </div>
          <h2 class='heading-title'>Showing themes that are Seo, fast loading, light, fresh and professional</h2>
          <div class='button-home'>
<a href='/search/label/Grid Style'><span class='but'><svg viewBox='0 0 508.928 508.928'>
<polygon points='403.712,201.04 256.288,201.04 329.792,0 105.216,307.888 252.64,307.888 179.136,508.928'/>
</svg> Grid Style</span></a>
<a href='/search/label/List Style'><span class='bus'><svg viewBox='0 0 33.023 33.023'>
<path d='M10.033,33.023c-0.087,0-0.174-0.022-0.252-0.068c-0.209-0.122-0.301-0.375-0.218-0.603l5.223-14.359l-6.313-1.801   c-0.163-0.046-0.292-0.172-0.342-0.334c-0.049-0.162-0.014-0.339,0.096-0.469L21.032,0.177c0.152-0.181,0.41-0.228,0.618-0.119   c0.208,0.111,0.311,0.354,0.245,0.58l-3.692,12.807l6.347,1.811c0.164,0.046,0.293,0.173,0.342,0.336   c0.05,0.163,0.012,0.341-0.099,0.47l-14.38,16.787C10.315,32.962,10.175,33.023,10.033,33.023z M9.489,15.442l6.087,1.735   c0.134,0.038,0.245,0.13,0.309,0.253c0.063,0.124,0.072,0.268,0.024,0.398l-4.466,12.278l12.083-14.105l-6.079-1.733   c-0.128-0.036-0.236-0.122-0.301-0.238s-0.08-0.253-0.043-0.381l3.18-11.029L9.489,15.442z'/>
</svg>
 List Style</span></a></div>
        </div>
        <div class='coll'><span class='bg1'/>
        </div>
      </div>
      <svg class='wave' height='50px' preserveAspectRatio='none' style='pointer-events: none' viewBox='0 0 1920 75' width='100%'>
        <defs>
          <clipPath id='a'>
            <rect class='a' height='75' width='1920'/>
          </clipPath>
        </defs>
        <g class='b'>
          <path class='c' d='M1963,327H-105V65A2647.49,2647.49,0,0,1,431,19c217.7,3.5,239.6,30.8,470,36,297.3,6.7,367.5-36.2,642-28a2511.41,2511.41,0,0,1,420,48'/>
        </g>
        <g class='b'>
          <path class='d' d='M-127,404H1963V44c-140.1-28-343.3-46.7-566,22-75.5,23.3-118.5,45.9-162,64-48.6,20.2-404.7,128-784,0C355.2,97.7,341.6,78.3,235,50,86.6,10.6-41.8,6.9-127,10'/>
        </g>
        <g class='b'>
          <path class='d' d='M1979,462-155,446V106C251.8,20.2,576.6,15.9,805,30c167.4,10.3,322.3,32.9,680,56,207,13.4,378,20.3,494,24'/>
        </g>
        <g class='b'>
          <path class='d' d='M1998,484H-243V100c445.8,26.8,794.2-4.1,1035-39,141-20.4,231.1-40.1,378-45,349.6-11.6,636.7,73.8,828,150'/>
        </g>
      </svg>
    </div>
</b:if>
</b:if>
  <b:if cond='data:view.isPost'>
      <div class='hero-wrap' id='hero-vvv'>
      <div class='hero-content container'>
        <div class='widget-wrap'>
          <div class='button-wrapper'>
            <span>Professional Template</span>
          </div>
          <h2 class='heading-title'>Showing themes that are Seo, fast loading, light, fresh and professional</h2>
          <div class='button-home'>
<a href='/search/label/Grid Style'><span class='but'>
<svg viewBox='0 0 24 24'>
<path d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z'/>
</svg>Premium</span></a>
<a href='/search/label/List Style'><span class='bus'><svg viewBox='0 0 24 24'>
<path d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/>
</svg>How to Download?</span></a></div>
        </div>
        <div class='coll'><span class='bg1'/>
        </div>
      </div>
      <svg class='wave' height='50px' preserveAspectRatio='none' style='pointer-events: none' viewBox='0 0 1920 75' width='100%'>
        <defs>
          <clipPath id='a'>
            <rect class='a' height='75' width='1920'/>
          </clipPath>
        </defs>
        <g class='b'>
          <path class='c' d='M1963,327H-105V65A2647.49,2647.49,0,0,1,431,19c217.7,3.5,239.6,30.8,470,36,297.3,6.7,367.5-36.2,642-28a2511.41,2511.41,0,0,1,420,48'/>
        </g>
        <g class='b'>
          <path class='d' d='M-127,404H1963V44c-140.1-28-343.3-46.7-566,22-75.5,23.3-118.5,45.9-162,64-48.6,20.2-404.7,128-784,0C355.2,97.7,341.6,78.3,235,50,86.6,10.6-41.8,6.9-127,10'/>
        </g>
        <g class='b'>
          <path class='d' d='M1979,462-155,446V106C251.8,20.2,576.6,15.9,805,30c167.4,10.3,322.3,32.9,680,56,207,13.4,378,20.3,494,24'/>
        </g>
        <g class='b'>
          <path class='d' d='M1998,484H-243V100c445.8,26.8,794.2-4.1,1035-39,141-20.4,231.1-40.1,378-45,349.6-11.6,636.7,73.8,828,150'/>
        </g>
      </svg>
    </div>
</b:if>
<!-- End button info -->


Box info 2

Silahkan buka Blogger > Tema > Klik Edit HTML

<div class='box-info'>
<div class='box-list'>
<li>
<span id='paypal'><svg viewBox='0 0 512 512'><path d='m256 512c-141.386719 0-256-114.613281-256-256s114.613281-256 256-256 256 114.613281 256 256c-.167969 141.316406-114.683594 255.832031-256 256zm0-480c-123.710938 0-224 100.289062-224 224s100.289062 224 224 224 224-100.289062 224-224c-.132812-123.65625-100.34375-223.867188-224-224zm0 0'/><path d='m176 368c-8.835938 0-16-7.164062-16-16v-240h108.433594c42.03125-.722656 77.878906 30.296875 83.199218 72 2.230469 22.496094-5.148437 44.886719-20.316406 61.644531-15.167968 16.761719-36.710937 26.335938-59.316406 26.355469h-80v80c0 8.835938-7.164062 16-16 16zm16-128h80c26.507812 0 48-21.492188 48-48s-21.492188-48-48-48h-80zm0 0'/><path d='m240 432c-8.835938 0-16-7.164062-16-16v-112h109.902344c16.796875.382812 32.65625-7.703125 42.210937-21.519531 9.96875-15.203125 10.546875-34.71875 1.488281-50.480469l27.679688-16c14.457031 25.152344 14.277344 56.132812-.464844 81.121094-15.164062 24.628906-42.214844 39.414062-71.136718 38.878906h-77.679688v80c0 8.835938-7.164062 16-16 16zm0 0'/></svg>Payment templates at Metaltaila.co can be done via Paypal</span></li>
<li>
<span id='bri'><svg viewBox='0 0 47.001 47.001'>
<path d='M44.845,42.718H2.136C0.956,42.718,0,43.674,0,44.855c0,1.179,0.956,2.135,2.136,2.135h42.708     c1.18,0,2.136-0.956,2.136-2.135C46.979,43.674,46.023,42.718,44.845,42.718z'/>
<path d='M4.805,37.165c-1.18,0-2.136,0.956-2.136,2.136s0.956,2.137,2.136,2.137h37.37c1.18,0,2.136-0.957,2.136-2.137     s-0.956-2.136-2.136-2.136h-0.533V17.945h0.533c0.591,0,1.067-0.478,1.067-1.067s-0.478-1.067-1.067-1.067H4.805     c-0.59,0-1.067,0.478-1.067,1.067s0.478,1.067,1.067,1.067h0.534v19.219H4.805z M37.37,17.945v19.219h-6.406V17.945H37.37z      M26.692,17.945v19.219h-6.406V17.945H26.692z M9.609,17.945h6.406v19.219H9.609V17.945z'/>
<path d='M2.136,13.891h42.708c0.007,0,0.015,0,0.021,0c1.181,0,2.136-0.956,2.136-2.136c0-0.938-0.604-1.733-1.443-2.021     l-21.19-9.535c-0.557-0.25-1.194-0.25-1.752,0L1.26,9.808c-0.919,0.414-1.424,1.412-1.212,2.396     C0.259,13.188,1.129,13.891,2.136,13.891z'/>
</svg>
Payment templates can be through Bank Rakyat Indonesia (BRI)</span></li>
<li>
<span id='about'><svg viewBox='0 0 16.377 16.377'>
<path d='M4.331,5.043c0.042,0.256,0.141,0.417,0.238,0.52c0.231,1.54,1.521,2.97,2.698,2.97    c1.373,0,2.623-1.547,2.865-2.967c0.098-0.101,0.199-0.264,0.242-0.522c0.078-0.289,0.18-0.791,0.002-1.025    c-0.01-0.012-0.02-0.023-0.029-0.034c0.166-0.606,0.377-1.858-0.375-2.711C9.906,1.188,9.486,0.686,8.585,0.42L8.158,0.271    C7.45,0.052,7.004,0.004,6.986,0.001c-0.031-0.003-0.065,0-0.096,0.008C6.865,0.016,6.782,0.038,6.716,0.03    C6.547,0.006,6.293,0.093,6.248,0.11c-0.06,0.023-1.43,0.573-1.846,1.849C4.363,2.063,4.197,2.605,4.418,3.936    C4.385,3.958,4.355,3.985,4.33,4.019C4.152,4.253,4.252,4.754,4.331,5.043z M4.869,2.141C4.872,2.135,4.874,2.128,4.877,2.12    c0.339-1.052,1.541-1.538,1.549-1.542c0.055-0.021,0.162-0.051,0.219-0.051c0.118,0.016,0.254-0.005,0.328-0.022    C7.094,0.522,7.47,0.583,8.001,0.747l0.432,0.148c0.801,0.237,1.141,0.681,1.143,0.684c0.006,0.007,0.012,0.013,0.016,0.019    c0.695,0.783,0.338,2.079,0.211,2.457C9.774,4.144,9.795,4.242,9.86,4.308c0.033,0.034,0.072,0.057,0.115,0.069    C9.977,4.5,9.942,4.725,9.887,4.922C9.885,4.931,9.883,4.941,9.881,4.95C9.86,5.089,9.813,5.19,9.75,5.236    c-0.053,0.04-0.09,0.101-0.1,0.167c-0.166,1.19-1.268,2.629-2.382,2.629c-0.938,0-2.055-1.325-2.213-2.624    C5.047,5.34,5.012,5.279,4.956,5.238c-0.063-0.048-0.11-0.15-0.131-0.287c-0.001-0.01-0.003-0.02-0.006-0.029    C4.768,4.739,4.735,4.53,4.732,4.404c0.047-0.005,0.094-0.021,0.134-0.053c0.074-0.058,0.11-0.152,0.092-0.245    C4.683,2.662,4.869,2.141,4.869,2.141z'/>
<path d='M12.224,9.363c-0.738-0.487-1.855-0.84-1.855-0.84C9.248,8.127,9.24,7.733,9.24,7.733    c-2.203,4.344-3.876,0.014-3.876,0.014C5.21,8.333,2.941,9.021,2.941,9.021C2.278,9.275,1.998,9.657,1.998,9.657    c-0.98,1.454-1.096,4.689-1.096,4.689c0.013,0.739,0.332,0.816,0.332,0.816c2.254,1.006,5.792,1.185,5.792,1.185    c0.985,0.021,1.894-0.047,2.701-0.154c-0.773-0.723-1.262-1.748-1.262-2.887C8.464,11.192,10.134,9.465,12.224,9.363z'/>
<path d='M12.269,9.963c-1.768,0-3.207,1.438-3.207,3.207c0,1.771,1.439,3.207,3.207,3.207    c1.77,0,3.207-1.437,3.207-3.207C15.476,11.402,14.038,9.963,12.269,9.963z M12.058,14.747c-0.068,0.067-0.178,0.067-0.246,0    l-1.543-1.555c-0.068-0.066-0.068-0.178,0-0.245l0.369-0.369c0.068-0.067,0.178-0.067,0.246,0l1.053,1.061l2.045-2.044    c0.066-0.068,0.178-0.068,0.246,0l0.367,0.367c0.068,0.068,0.068,0.18,0,0.248L12.058,14.747z'/>
</svg>
You can also get to know more closely with the Metaltaila.co admin</span></li>
<li>
<span id='contek'>
<svg viewBox='0 0 370.88 370.88'>
<path d='M355.6,66.16H15.28C6.841,66.16,0,73.001,0,81.44v208c0,8.439,6.841,15.28,15.28,15.28H355.6    c8.439,0,15.28-6.841,15.28-15.28v-208C370.88,73.001,364.039,66.16,355.6,66.16z M15.28,78.16H355.6    c1.436,0.007,2.7,0.947,3.12,2.32L185.44,188.72L12.16,80.48C12.58,79.107,13.844,78.167,15.28,78.16z M12,94.16L136.64,172    L12,270.88V94.16z M358.88,289.36c0,1.812-1.469,3.28-3.28,3.28H15.28c-1.811,0-3.28-1.469-3.28-3.28v-3.2l135.44-107.04    l34.8,21.76c1.955,1.233,4.445,1.233,6.4,0l34.8-21.76l135.44,107.04V289.36z M358.88,270.88l-124.96-98.56l124.96-77.44V270.88z'/>
</svg>

You can also contact the Metaltaila.co admin via the available contact</span></li>
</div>
</div>


Widget sitemap

Tambahkan kode di bawah ini di dalam postingan statis blog

[sitemap]


Widget Contact Form

Tambahkan kode di bawah ini di dalam postingan statis blog

Silakan isi form di bawah ini untuk menghubungi admin. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.

<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Poppins';display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Poppins';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgueIANeqNOKTJwY7iJ2vIzfJgmy4bTpiTNJ1tP8xESzerNO8LcrYWFBtor6SKtb1aKJJntiOld7n1UMf7qfoAmsshkseIAtlYxhwYOiiEELRAP_mOuV-8X5f1Ne5UaRFNC93mCPsV6cCW4/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>


TESTIMONIAL
Testimonial untuk versi 2
Silahkan buka Blogger > Tema > Klik Edit HTML
cari code dibawah dan ganti sesuai keinginan anda

<div class='box-wrapp2'>
<div class='content-ok'>
<div class='box-testimonial'>
<div class='heading-all'>
<h3>TESTIMONIAL</h3><hr/>
</div>
<div class='testimonial'>
<div class='testimonial-heading'>
<img alt='' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxkOJAcea1AsOAuGC8gcmzQ7eZPdFEO75y_eH0F77cs6vBVYCZfOhnuWxkwfLK8ZTHTAGb2xegpeiKXwMiOJKagC68zui0aA1fluy5stwNYxFIxfR-WHfs0aNwNMBt61gA1HeEB_P1Q_0/s1600/ainuddin+chalik.jpg' width='70'/>
<div class='box-text'>
<h2>Ainuddin Chalik</h2>
<a class='testimonial-writer-company' href='https://www.pemuda.org/' rel='dofollow' target='_blank'>Pemuda.org</a>
</div>
</div>
<div class='read-more'>
<div class='content'>
<p>Saya tidak punya referensi terbaik dan nomor satu untuk sebuah kualitas dan mutu blogger template selain Goomsite.net. Bahkan saya amat sangat menyesal kenapa baru tahu Goomsite belakangan, setelah setelah sebelumnya buang-buang duit di Themeforest untuk kebutuhan yang sama tapi dengan ketersediaan template yang kualitasnya umumnya berada jauh di bawah karya powerfull Bung Basri Matindas.</p>
</div>
<span class='trigger' onclick='this.parentElement.classList.add(&#39;expanded&#39;)'>+ show more</span>
<span class='collapse' onclick='this.parentElement.classList.remove(&#39;expanded&#39;)'>- show less</span>
</div>
</div>
<div class='testimonial'>
<div class='testimonial-heading'>
<img alt='' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnIwNwOtSBhrC-eCC5OPyOM4UJri_NI1T3P2KowQLaMicePBWjKDpVpGEaT7rgVN2jA08uxjzPkNDmG81WJhEVFWviqtq7l-L6ppBSDLODANHEn5UGsMjfvfZqoA0_Te5rbh_2YWL2olpV/s1600/Nasarudin.jpg' width='70'/>
<div class='box-text'>
<h2>Nasrudin</h2>
<a class='testimonial-writer-company' href='https://www.kontenmu.web.id' rel='dofollow' target='_blank'>kontenmu.web.id</a>
</div>
</div>
<div class='read-more'>
<div class='content'>
<p>Yang paling saya suka dari template dari Goomsite adalah elegan, simpel tapi mewah dan keren. Saya pakai tempalte Shezan untuk landing page bisnis saya. tampilan keren dan berkelas. nggak kelihatan kalau cuma blogspot. apalagi sekarang sudah pakai domain sendiri plus ada SSL gratis dari Google. Semoga makin sukses Bang Basri Matindas.nunc</p>
</div>
<span class='trigger' onclick='this.parentElement.classList.add(&#39;expanded&#39;)'>+ show more</span>
<span class='collapse' onclick='this.parentElement.classList.remove(&#39;expanded&#39;)'>- show less</span>
</div>
</div>
<div class='testimonial'>
<div class='testimonial-heading'>
<img alt='' height='70' src='https://lh3.googleusercontent.com/-Zm3xhsawMtU/AAAAAAAAAAI/AAAAAAAACeY/NAjcURQYWkA/s512-c/photo.jpg' width='70'/>
<div class='box-text'>
<h2>Kang Mus</h2>
<a class='testimonial-writer-company' href='https://www.teknolimit.id/' rel='dofollow' target='_blank'>teknolimit.id</a>
</div>
</div>
<div class='read-more'>
<div class='content'>
<p>Saya pengguna template Purple AMP buatan goomsite. saya sendiri rekomendasikan untuk mencoba template ini, sekitar 5 hari setelah saya buat blog dengan artikel sebanyak 5 saya daftar adsense langsung dapat full aprove dari google dan itu cuma nunggu sehari. Selain itu fitur penting seperti meta tag dan struktur datanya lengkap dan ini bisa membuat blog kalian lebih seo friendly. Terakhir, penempatan CSS sangat rapih dan mudah di modifikasi, bisa kalian lihat pada blog saya, itu hasil redesign dari template Purple AMP. Sukses selalu goomsite.</p>
</div>
<span class='trigger' onclick='this.parentElement.classList.add(&#39;expanded&#39;)'>+ show more</span>
<span class='collapse' onclick='this.parentElement.classList.remove(&#39;expanded&#39;)'>- show less</span>
</div>
</div>
<div class='testimonial'>
<div class='testimonial-heading'>
<img alt='' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1KpSKN0ctuPnc1JRatECNz1WQwS7hCq9Zq3cZCbqU7IRL3d3PCPVUw26dvkPxfDGXc4ZywrrbKXPQlZVPVUKN8d9ghAlth0i-yehfPWAAvh3uGatpu3hTOnKtYfy1ktpi0xbXV2xE_cE/s1600/Kiat+Jitu+%2528www.kiatjitu.com%2529.png' width='70'/>
<div class='box-text'>
<h2>Kiat Jitu</h2>
<a class='testimonial-writer-company' href='https://www.kiatjitu.com/' rel='dofollow' target='_blank'>kiatjitu.com</a>
</div>
</div>
<div class='read-more'>
<div class='content'>
<p>jujur saja, saya malu mau mengataknnya, tapi mau bagaimana lagi, di web gratisan saya yang lain saya banyak memakai template buatan dari masnya, dan templatenya memang luar biasa wush... dan manteb, maunya sih saya beli, tapi sayang saya tak punya cukup banyak uang untuk membelinya. dan harapan saya, teruslah berkarya dan harumkan nama indonesia dengan karya2 mas. karena banyak orang luar nengri yang pake template yang mas buat. baik dari india thailand amerika dan inggris. biar orang luar negri pada heran kepada orang indonesia yang mana penemuan tentang template di temukan oleh orang2 sana, tapi karya mas tidak kalah dengan karya orang sana, dengan sebuah bukti banyak karya mas yang dipakai oleh orang luar negri. :)</p>
</div>
<span class='trigger' onclick='this.parentElement.classList.add(&#39;expanded&#39;)'>+ show more</span>
<span class='collapse' onclick='this.parentElement.classList.remove(&#39;expanded&#39;)'>- show less</span>
</div>
</div>
</div>
</div>
</div>


Widget Sosial Media Sidebar

Silahkan buka Blogger > Tata Letak > Klik Edit/Tanda pensil pada widget Paling Bawah di Menu Footer

<div class='content'>
<div class='social-footer'>
<a class='facebook' href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook-f'></i></a>
<a class='twitter' href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'></i></a>
<a class='g-youtube' href='#' target='_blank' title='YouTube'><i class='fa fa-youtube'></i></a>
<a class='instagram' href='#' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'></i></a>
<a class='g-youtube' href='#' target='_blank' title='Pinterest'><i class='fa fa-pinterest-p'></i></a>
</div>
</div>


Keterangan : Footer menu silahkan Edit Sesuai Kebutuhan Anda

Memasang Iklan 

Tema > Klik Edit HTML Cari kode dibawah ini dan ganti dengan kode iklan anda yang sudah Converter html

Kode iklan di sini


Memasang tabel di postingan

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Features</th>             <th>Availability</th>         </tr>
<tr> <td>SEO Friendly</td>             <td>True</td>         </tr>
<tr> <td>Personal Blog</td>             <td>True</td>         </tr>
<tr> <td>2 Column</td>             <td>True</td>         </tr>
<tr> <td>Top Navigation</td>             <td>True</td>         </tr>
<tr> <td>Breadcrumbs</td>             <td>True</td>         </tr>
<tr> <td>2 Option Search Box</td>             <td>True</td>         </tr>
<tr> <td>Back to Top Button</td>             <td>True</td>         </tr>
<tr> <td>Footer Menu</td>             <td>True</td>         </tr>
<tr> <td>ShareThis Share Button</td>             <td>True</td>         </tr>
<tr> <td>Featured Recent Post</td>             <td>Pro Version</td>         </tr>
<tr> <td>2 Option Comment System</td>             <td>Pro Version</td>         </tr>
<tr> <td>Fast Version</td>             <td>Pro Version</td>         </tr>
<tr> <td>Newsletter Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Related Post</td>             <td>Pro Version</td>         </tr>
<tr> <td>Sticky Sidebar</td>             <td>Pro Version</td>         </tr>
<tr> <td>Image Lightbox</td>             <td>Pro Version</td>         </tr>
<tr> <td>Sitemap Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Contact Form Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Instagram Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Fixed Menu on Mobile</td>             <td>Pro Version</td>         </tr>
<tr> <td>Version 1 and 2</td>             <td>Pro Version</td>         </tr>
<tr> <td>Shortcodes</td>             <td>Pro Version</td>         </tr>
</tbody></table>


Menambahkan demo dan download button.

<div style="display: none;">
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank"> Live Preview</a><br />
<div class="rio-ss idb">
See it live with all the features that exist, both on the homepage and the page posts.</div>
</div>
<div id="store-style">
<a class="storebutton but2" href="#" rel="nofollow" target="_blank">Download</a><br />
<div class="rio-ss">
<span class="storelist">Remove Footer Credits</span><br />
<span class="storelist">For Unlimited Domains</span><br />
<span class="storelist">No Encrypted Scripts</span><br />
<span class="storelist">And Many More...</span>
</div>
</div>
</div>
</div>

Disqus Komentar

Tema > Klik Edit HTML

Cari dan temukan Id disqus Metaltailaco setelah ketemu ganti  id  disqus Metaltailaco dengan Id disqus anda 

Related Post

4 comments

Silahkan Memberikan Komentar Jika Ada Hal Yang Kurang Dipahami Dengan Topik Yang Telah Sobat Baca. Biasakan Berkomentar Dengan:

♥ Sopan dan Bahasa Yang Mudah Dipahami.
♥ Tidak Memasukkan Link Aktif Dalam Form Komentar.
♥ Berkomentar Sesuai Artikel Atau Postingan.
♥ Berilah Informasi, Jika Script Atau Link Yang Tidak Berfungsi Dan Mati.
♥ komentar Jorok / Kasar / SARA / PORNO Anggap Sebagai SPAM.
EmoticonEmoticon