Widget HTML Atas

Cara Setting Goomify Responsif Blogger Template

Cara setting Goomify Responsif Blogger TemplatešŸ”œ


Goomify Responsif Blogger Template adalah template yang sangat keren. Jika blog sobat adalah situs berbagi template. Template Goomify Responsif Blogger Template ya saya rekomendasikan.

Template ini sangat ringan, dan mempunyai pembagian wallpaper. Untuk template ini tidak mempunyai Layout Widget Sidebar jadi sangat mudah di gunakan tentunya untuk loding juga sangat cepat.

Untuk settingan sobat perlu mengeditnya di edit HTML. Jika sobat masih bingung bagaimana cara setting template Goomify Responsif Blogger Template. Jika sobat ingin menggunakan template ini bisa dapatkan di sini.. Berikut ini adalah cara setingan yang bisa sobat terapkan:

Fitur Goomify Responsif Blogger Template

Features Availability
Responsive True
SEO Friendly True
2 Column True
Google Testing Tool Validator True
Resposnsive Navigation True
2 Option Search Box True
Back to Top Button True
Footer Menu True
ShareThis Share Button True
Featured Recent Post True
Auto Readmore True
Breadcrumbs True
Grid Style True
Footer Menu True
Back to Top Button True
Share Button True
Related Posts True
Shortcodes True
And More... True

Cara setting Seo Meta Tag

Tema>masuk ke edit HTML

Cari dan ubah setiap tulisan di kode meta tag di bawah ini pada edit HTML

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

Cara setting Top Menu Navigasi

Silahkan sobat masuk ke Blog > Template > Lalu Pilih Edit HTML. Cari kode di bawah ini dan ganti kode # dengan link blog sobat

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

Cara mengganti Logo gambar judul

Masuk ke Blog sobat lalu pilih Template kemudian edit HTML
Cari dan ganti kode link gambar di bawah ini lalu dengan link logo sobat.

https://1.bp.blogspot.com/---efuWyEy68/XT1rEzSMkeI/AAAAAAAAAK4/B2T9wvvXR04fqU88esQP7CXryiemfoInwCLcBGAs/s1600/STRESSTHINKING.png

Cara Mengganti Gambar Box Wrapper


Masuk ke Blog sobat lalu pilih Template kemudian edit HTML
Cari dan ganti kode link di bawah ini lalu ganti dengan link gambar sobat

https://1.bp.blogspot.com/-zMF7DPOvETU/XRJW6yJ1DuI/AAAAAAAAAMY/5jO6Ul0X3CgDDsVKD7NiUvC_txzt99nigCLcBGAs/s1600/tlc.png
Cara mengganti Buton info



Masuk ke Blog sobat lalu pilih Template kemudian edit HTML
Cari dan edit kode di bawah ini.

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

Cara mengganti Box info 2



Masuk ke Blog sobat lalu pilih Template kemudian edit HTML
Cari dan edit kode di bawah ini.

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

Cara mengganti Widget Sitemap

Tambahkan kode di bawah ini di dalam postingan statis blog

[sitemap]

Cara setting Widget Contack 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://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/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>

Cara setting Testimonial versi 2



Masuk ke Blog sobat lalu pilih Template kemudian edit HTML
Cari dan edit kode di bawah ini.

<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://4.bp.blogspot.com/-qHxke7-qzJI/XFQiZm0yoOI/AAAAAAAAA7I/YWpnCICYIDgO3FqJExciB24fApl_86pcQCLcBGAs/s1600/ainuddin%2Bchalik.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://2.bp.blogspot.com/-AAt64xjdAXg/Wnl45ILbHuI/AAAAAAAADBA/eVbk66oEwQwEk5rZlQlKQNhjSJIo5rIzACLcBGAs/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://1.bp.blogspot.com/-eckrbwi-u4c/Wpwy9ytv3cI/AAAAAAAAA84/cxl1rLeBGnghe6IRVYhSdY0JNxBLtolLwCKgBGAs/s1600/Kiat%2BJitu%2B%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>

Cara setting Widget Sosial media Sidebar



Masuk ke Blog sobat lalu pilih Tata Ketak kemudian Klik edit widget paling bawah di Menu Footer. Ganti Tanda # dengan link sobat.

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

Cara memasang iklan


Masuk ke Blog sobat lalu pilih Template kemudian edit HTML
Cari dan edit kode seperti gambar.

Kode iklan di sini
Cara memasang Tabel di postingan

tambahkan kode di bawah ini pada postingan HTML bukan Compose

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

Cara menambah Demo dan Download buton

tambahkan kode di bawah ini pada postingan HTML bukan Compose

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

No comments for "Cara Setting Goomify Responsif Blogger Template"

Iklan baca juga

Berlangganan via Email