This time I will return to share the premium template with free milk Idblanter. This template has a clean or clean design material so that it is comfortable to be seen by the eyes. Stressthinking Template Feature
Kali ini Metaltailaco akan berbagi template Blogger dengan nama Mocca Responsive Blogger Template. Template ini Sangat Cocok buat sobat yang lebih menyukai tampilan sederhana dengan fitur SEO Friendly, Responsive, dan juga cocok untuk Pemburu AdSense. Bagi yang penasaran bisa cek fiturnya di bawah ini dan link demo serta link download di bagian sidebar.
Yang mau Up template Template Safelink Kompi versi 4 pabila sudah instal tema yg versi 3 Silahkan ikuti petunjuk di bawah atau lebi baik nya download notepad nya Download Template | Download Notepad
1. Langkah Pertama cari kode berikut yg di atas </head>
function generate(){var e=document.getElementById("download"),n=document.getElementById("download2"),t=document.getElementById("btn"),l=document.getElementById("daplong"),d=(document.getElementById("download").href,6),a=document.createElement("span");e.parentNode.replaceChild(a,e);var o;o=setInterval(function(){d--,0>d?(a.parentNode.replaceChild(e,a),clearInterval(o),l.style.display="none",e.style.display="inline",n.style.display="inline"):(a.innerHTML="<h3 class='text-danger'>Link will appear in "+d.toString()+" Second</h3>",t.style.display="none")},550)}
Lalu ganti dg kode ini
function generate() { var n = document.getElementById("download2"), t = document.getElementById("btn"), l = document.getElementById("daplong"), d = (document.getElementById("download2").href, 6), a = document.createElement("span"); n.parentNode.replaceChild(a, n); var o; o = setInterval(function() { d--, 0 > d ? (a.parentNode.replaceChild(n, a), clearInterval(o), l.style.display = "none", n.style.display = "inline") : (a.innerHTML = "<h3 class='text-warning'>Link will appear in " + d.toString() + " Second</h3>", t.style.display = "none") }, 510) } function clickshow() { var e = document.getElementById("download"), b = document.getElementById("download3"), t = document.getElementById("btn"), d = (document.getElementById("download").href, 11), a = document.createElement("span"); e.parentNode.replaceChild(a, e); var o; o = setInterval(function() { d--, 0 > d ? (a.parentNode.replaceChild(e, a), clearInterval(o), e.style.display = "inline", b.style.display = "inline") : (a.innerHTML = "<h3 class='text-danger'>Link will appear in " + d.toString() + " Second</h3>", t.style.display = "none") }, 1010) }
function jump(h){ var top = document.getElementById(h).offsetTop; window.scrollTo(0, top); }
2. Langkah Kedua cari kode seperti ini
<b:if cond='data:blog.pageType == "item"'> <!-- ini intro header di bagian atas postingan --> <div class='container'> <div class='row'> <b:if cond='data:blog.isMobileRequest == "false"'> <!-- ini iklan di atas postingan untuk tampilan desktop, tinggal sesuaikan kode data-ad-client dan data-ad-slot --> <ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxxx' data-ad-format='auto' data-ad-slot='xxxxxxxxx' style='display:block'/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </b:if> <b:if cond='data:blog.isMobileRequest == "true"'> <!-- ini iklan di atas postingan untuk tampila mobile, tinggal sesuaikan kode data-ad-client dan data-ad-slot --> <ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxxx' data-ad-format='rectangle' data-ad-slot='xxxxxxxxx' style='display:block'/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br/> <p>Scroll to see download link!</p> </b:if> </div> </div> </b:if>
Lalu ganti dg ini
<b:if cond='data:blog.pageType == "item"'> <div class='container'> <div class='row'> <b:if cond='data:blog.isMobileRequest == "false"'> <!-- Safelink1 --> <ins class='adsbygoogle' data-ad-client='ca-pub-2134432836518871' data-ad-format='auto' data-ad-slot='2825201017' data-full-width-responsive='true' style='display:block'/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </b:if> <b:if cond='data:blog.isMobileRequest == "true"'> <!-- Safelink1 --> <ins class='adsbygoogle' data-ad-client='ca-pub-2134432836518871' data-ad-format='rectangle' data-ad-slot='2825201017' data-full-width-responsive='true' style='display:block;height:100px;'/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </b:if> <br/> <div class='text-xs-center margin-bottom-20'> <p class='text-warning'>Encrypting your link and protect the link from viruses, malware, thief, etc! Made your link safe to visit.</p> <div class='clearfix'/> <div class='col-md-4 text-xs-center' style='margin:0 auto;float:none;'> <div class='progress' id='daplong'> <progress class='progress progress-striped progress-info progress-animated' data-percentage='100' max='100' value='0'/> </div> </div> <div class='clearfix'/> <button class='btn btn-success' id='download2' onclick='jump("btn-down");clickshow()' style='display:none'><strong>Klik di sini untuk Generate Link</strong></button> <div class='clearfix'/> </div>
3. Langkah Ketiga Edit semua postingan, pindahkan bagian area iklan dan tombol ke tengah postingan (sekarang kan posisinya agak atas, jadi pindahkan agak ke bawah) Lalu tambahkan kode ini
<div id="btn-down"></div> <br />
simpan di atas kode <div class="container"> Lalu hapus kode ini
<p class="text-primary margin-bottom-20">Encrypting your link and protect the link from viruses, malware, thief, etc! Made your link safe to visit.</p> <div class="progress" id="daplong"> <progress class="progress progress-striped progress-info progress-animated" value="0" max="100" data-percentage="100"></progress> </div>
Dan ganti kode id="download2" menjadi id="download3" Kemudian tambahkan 1 unit iklan lagi di bagian bawah kode kotak iklan tersebut, pisahkan dg 1 paragraf tulisan.
Template ini menggunakan menu navigasi vertikal disamping kirinya dengan sub menu yang sudah dimodifikasi dan teroptimasi, begitu juga dengan tampilan post homepage yang menggunakan desain grid yang berbeda dari template Material Design sebelumnya. Template ini juga menggunakan widget recent post by label dibagian bawah post halaman utama lengkap dengan icon material ui yang menarik disamping judul widget. Untuk responsivenya sudah saya optimasi dengan sangat baik di smartphone, tablet dan PC.
Template ini menggunakan style yang lebih bersih dengan warna dasar putih biru, pada versi sebelumnya font menggunakan Roboto, berbeda dengan versi Lite, template ini menggunakan font Google Sans, yang umum digunakan oleh Google.
Masign Clean Lite lebih ramah untuk pengunjung karena posisi struktur template sangat umum digunakan pada template kebanyakan, seperti posisi top menu, navigasi, postingan, sidebar, dan footer. Untuk footer pada template ini saya menghapus 3 kolom footer, sehingga hanya menyisakan kolom untuk copyright.
Kembali lagi dengan saya, admin dari Metaltailaco. Kali ini saya akan membagikan template yang dipakai IDN Theme 2019. Template ini merupakan template hasil clonning. Jadi masih belum 99% mirip seperti aslinya. Ini hampir mirip banget Gari style gird nya udah 100% menyamai dan fitur 100% sama Coba cek sendiri di bawah
