Documentation Template Goomify

Documentation Template Goomify

Documentation Template Goomify
Goomify Responsive Blogger Template is very suitable for those of you who have bloggers sharing templates, and Dividers wallpapers. This template does not have a sidebar widget layout. Making this template very easy to use and loading quickly. For settings, you must edit it in the Edit Html, now the following Documentation Template Goomify editing by sayemtutorial.blogspot.com:
Features Availability
Responsive True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Dynamic Heading True
Adsense True
Valid Schema.org True
High CTR True
Personal Blog True
2 Column Grid True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Footer Link True
Related Posts with Thumb True
Search Box True
Social Share Button True
Back to Top Button True
Shortcodes True
Unlimited Page Numbered True
Custom Contact Form Widget True
Responsive Sitemap Widget True

SEO Meta Tag


Theme> Click Edit HTML

Search and replace each post in the meta tag code below in the 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 Navigation Menu


Please open Blogger> Themes> Click Edit HTML

Search for the code below and find the # code below it then replace the # code with your blog link
<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>
Change the logo in the Stressthinking version
Go to Blogger> Themes> Click Edit HTML: look for the image link below and replace your logo image link
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaejBlo7nqbbI62jK4BC7obUUl7LQ0j92Wl-Hr6_FNMW32WH5uSvopss73hD5xULBPdjqzbgBz_dW6qpLG1PTbBu9d6OdJje4KsRSJ4GPfIdgFvzQ4i4LpvbugllUYuMFtdpdm-Gd2I4/s1600/STRESSTHINKING.png

Changing the  Box Wrapper Image

Please open Blogger> Themes> Click Edit HTML

Search for Image Links below and replace with your image ling
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ6XqHZpIqnXwCJEAR7r73COo7ZqasKGkgHqO4m3Rx8cUsqjPe2bwF1s0MiV-IR-QizWnXIlzfI8ezWsun_IobEAVvoSYZog-wSI8yRv6hPzADNVfEmMYEmQPHbkF4Z2lbrDWLtQw5zco/s1600/tlc.png

Button Info


Please open Blogger> Themes> Click 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

Please open Blogger> Themes> Click 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>

Sitemap widgets


Add the code below in a static blog post
[sitemap]

Contact Form Widget


Add the code below in a static blog post
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/AVvXsEgkKaBI-io8QvOj8fjMi-iBf0igpPfuiW5eBC25cIRXqv_vREU0UtOFMt1N26OO_JAAHiPkAX2pKNlOpS52M8k3h0Qv9XjboKWFwA2zN8NC0Za85AAc-W8EDKQd0fnkw0xx9zslnWwZlAR8/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 for version 2
Please open Blogger> Themes> Click Edit HTML,
find the code below and change it to your liking
<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/AVvXsEjrcO9fzQJX1YBBWkn2BNHzBiFcYasgvtKwqRupX_RLjVHhTmeWoQzEhhFIZ6RDe_hw7vmCqd3PMS5gUUmG_A_NvX6VUSzvUFbWMoEjBnFSaGBW5E_Oq719BsKhyphenhyphenwyyjSD33b2dI0uGDqiY/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/AVvXsEjMs9X5ZupPZpnIO_6qmjCJK1iWvaPFzThay8mDmA1mX1RRSnkvQxzqbLk7jkZVi5t06aEX6HsKizWZoSkvNnOULQo3Qrp7LliWqSuDq_OWtk88e7aofSuH_Dps1s23v-gLd5wzZod4uR3l/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/AVvXsEh1cgbynX_CqP6i8BkUoGJYQG7PSwTv6bESusJc6KnxvUBQopDByEgLP-i7w3yPiJGwGZ58Y1kMWbfEKI3a8F5cW20jUC-NOCvMASDru-Pu9C0LZsxRJHVkqFS1bLMCz3cuV3h5L4uWg3w/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>

Social Media Sidebar Widget


Please open Blogger> Layout> Click Edit / Pencil mark on the Bottom widget in the Footer Menu

<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>
Description: Footer menu, please Edit according to your needs

Installing an Ad 


Theme> Click Edit HTML Search for the code below and replace it with your ad code that has a html converter
Kode iklan di sini

Putting up tables in posts

<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>

Add a demo and 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 Comments


Themes> Click Edit HTML

Search and find Disqus Metaltailaco Id after finding replace the
Metaltailaco
Disqus id with your Disqus Id 
Previous Post
Next Post

post written by:

I am a web designer and developer. Sharing knowledge is my passion and web designing is my interest but it is not bigger than my interest in Islam.

0 Comments: