Setting Pribadi

Kali ini, izinkan saya berbagi pengaturan atau konfigurasi template blogger LinkMagz yang sedang digunakan saat ini.

Sebagaimana pergantian template blog, pada tema sebelumnya tentu sudah ada perubahan yang kita lakukan seperti modifikasi CSS, HTML, JavaScript (Js) hingga jQuery. Semua kode tersebut penting bagi kita. Contoh lainnya seperti verifikasi meta tag Google dan Bing.

Nyatanya, mengganti template blogger, mengakibatkan semua settingan akan hilang karena tertimpa dengan koding template blogger terbaru; contohnya settingan CSS, HTML, dan jQuery.

https://dribbble.com/

Verifikasi Blogger ke Google

<meta content='nOfy8GeaWZKeB0ZfatnaiJKwcFIfvp5YNVjyYsVHEwc' name='google-site-verification'/>

Title Tag SEO

      <title><data:blog.pageTitle/> - Cara Setting HTML, CSS &amp; JavaScript (Js) Blogger Template</title>

Syntax Highlighter

Di atas </head>

<style type='text/css'>
/* Highlighter */
pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0;padding:0}hr{margin-top:2rem;background:#ccc;height:1px;border:0;margin-bottom:2rem}
.post-body code{padding:1.2em}.post-body pre{padding:0;border-radius:3px;background-color:#292e34;word-spacing:normal;word-break:normal;line-height:1.4em}.post-body .hljs{display:block;overflow-x:auto;padding:1.2em;background:#2b2b2c;color:#fff;line-height:1.5;text-align:left;word-spacing:0;font-family:monospace;border-radius:3px}.post-body .hljs-name,.post-body .hljs-strong{font-weight:bold}.post-body .hljs-code,.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-tag{color:#62c8f3}.post-body .hljs-variable,.post-body .hljs-template-variable,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:#ade5fc}.post-body .hljs-string,.post-body .hljs-bullet{color:#a2fca2}.post-body .hljs-type,.post-body .hljs-title,.post-body .hljs-section,.post-body .hljs-attribute,.post-body .hljs-quote,.post-body .hljs-built_in,.post-body .hljs-builtin-name{color:#ffa}.post-body .hljs-number,.post-body .hljs-symbol,.post-body .hljs-bullet{color:#d36363}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal{color:#fcc28c}.post-body .hljs-comment,.post-body .hljs-deletion,.post-body .hljs-code{color:#888}.post-body .hljs-regexp,.post-body .hljs-link{color:#c6b4f0}.post-body .hljs-meta{color:#fc9b9b}.post-body .hljs-deletion{background-color:#fc9b9b;color:#333}.post-body .hljs-addition{background-color:#a2fca2;color:#333}.post-body .hljs a{color:inherit}.post-body .hljs a:focus,.post-body .hljs a:hover{color:inherit;text-decoration:underline}mark .post-body .hljs-attr,mark .post-body .hljs-string,mark .post-body .hljs-bullet{background-color:#e67e22;color:#fff}.post-body .hljs mark{background-color:#f24a4a;color:#fff;padding:2px 5px;border-radius:2px}.post-body .hljs mark span.hljs-number,.post-body .hljs mark span.hljs-comment,.post-body .hljs mark span.hljs-symbol,.post-body .hljs mark span.hljs-string,.post-body .hljs mark span.hljs-attr,.post-body .hljs mark span.hljs-keyword,.post-body .hljs mark span.hljs-name,.post-body .hljs mark span.hljs-tag{color:#fff;margin:.15rem 0}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>

Di atas </body>

<script type='text/javascript'>
//<![CDATA[
// Highlighter
$('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/frame@master/highlightr.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Font Family: Raleway Sans Serif

Simpan di atas </body>

    <script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://fonts.googleapis.com/css?family=Raleway:400,500,700");
//]]>
</script>

Dan juga bagian .mantabbbbb

.mantabbbbb{color:red}html{font:$(body.font)}body{background:$(body.background);color:$(body.text.color);font-family:'Raleway', sans-serif}

Hapus Google Fonts bawaan LinkMagz Blogger Template!

Google Analytics

Di atas </head>

    <b:include data='blog' name='google-analytics'/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-161160486-1'/>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag(&#39;js&#39;, new Date());

  gtag(&#39;config&#39;, &#39;UA-161160486-1&#39;);
</script>

Postingan Code, Kbd, Samp

code,kbd,samp{font-family:monospace,monospace;font-size:1em;color:#0080ff}

Hapus Tanggal pada Postingan (Relatif)

Cari kode:

<b:includable id='postInfoPostDate'>
    <time expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
       <b:eval expr='format(data:post.date, &quot;dd MMM, YYYY&quot;)'/>
    </time>
</b:includable>

Hapus kode <time expr:datetime sampai dengan penutupnya yakni kode </time>.

URL pada Icon Sosial Media

<a aria-label="facebook" href="https://web.facebook.com/ariefghozaly24"><span class="social-icon facebook-icon"><i></i></span></a>
<a aria-label="twitter" href="https://twitter.com/ariefghozaly"><span class="social-icon twitter-icon"><i></i></span></a>
<a aria-label="youtube" href="#"><span class="social-icon youtube-icon"><i></i></span></a>
<a aria-label="instagram" href="https://instagram.com/ariefghozaly"><span class="social-icon instagram-icon"><i></i></span></a>

Menu Navigasi

<li><a href="/search/label/Instalasi?&amp;max-results=6">Instalasi</a></li>
<li><a href="https://linkmagzblog.blogspot.com/2020/03/download-linkmagz-blogger-template.html">Download</a></li>
<li><a href="/search/label/Ngedit?&amp;max-results=6">Ngedit</a></li>
<li><a href="https://sugeng.id/template-blogger/?ref=311&campaign=LinkMagzBloggerTemplate" target="_blank">Beli LinkMagz di Sini...</a></li>

Banner LinkMagz Blogger Template

<a href="https://sugeng.id/template-blogger/?ref=311" title="Template Blogger Terbaik Rekomendasi"><img src="https://sugeng.id/wp-content/uploads/2019/12/banner-template-blogger-blue2.png" alt="Template Blogger Terbaik Rekomendasi" width="100%" /></a>

Selain itu jangan lupa juga untuk setting:

• Matikan fungsi widget berlanggan artikel di Footer.
• Setting halaman statis di Layout Blog.
• Jangan lupa matikan fungsi Navbar di Layout Blog.

Urutan widget yang terpasang di Sidebar:

• Banner Template
• Popular Post
• Profil akun Blogger (Bio & Tempat Tinggal)

Oke selesai.

Thanks for reading Setting Pribadi! 😃