Setting Template Hirameki

Terima kasih untuk sobat yang sudah memakai template saya.
Hirameki adalah template blogger yang cocok dipakai untuk semua blog. Desain yang simple karena saya suka yang simple-simple, hehe.

Cara memasang template di Blogger.
1. Log in ke Blogger dashboard dan klik Template -> Edit HTML.
2. Silahkan backup template lama jika sobat memutuskan untuk menggunakannya lagi. Untuk melakukan ini, klik tombol "download template lengkap" link dan simpan template.
3. Kemudian, cari lokasi XML template yang baru saja sobat download dan tekan "Upload".

Menyesuaikan template.
Silahkan sobat buka blogger klik template lagi -> Edit HTML.
1. Pertama sobat cari kode ini
<meta content='xxxxxx' name='google-site-verification'/>
<meta content='xxxxxx' name='msvalidate.01'/>
Tepatnya dibawah kode &lt;head&gt; dan ganti sesuai keterangan blog sobat.

2. Kedua sobat cari kode ini
<link href='(URL Profil Google+ Anda)' rel='publisher'/>
Dan ganti dengan URL profil google+ sobat)

3. Ketiga sobat cari kode ini
<meta content='xxxxxx (Tulis keyword blog Anda)' name='keywords'/>
Dan ganti dengan keyword blog sobat.

4. Sobat cari kode ini
<meta content='(Nama Anda)' name='author'/>
Dan ganti dengan nama sobat.

5. Jika sobat ingin merubah tampilan atau gambar di halaman error 404, sobat cari kode ini
#oopss {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnuoICVXwgwayGhgKNkbytAH-kL03leJHyegJTvNcCdQbVBSHDCTnu9cV2FnaiJQ1XuoeD9woF04rOopKEMAa2B2F3KoHhVcWKbEXs4lz1-PkXZLb_uNDB0A-IBNvoqUamI084CXSbHhnP/s1600/Renz+Maulana+-+Sword+Art+Online.jpg);background-size: 100%;background-repeat: no-repeat;position: fixed !important;position: absolute;text-align:center;margin-bottom:50px;font-weight:700;font-size:45px;font-family:&#39;Ruda&#39;,sans-serif;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:40px;color:#fff;}
#error-text a{color:#888;}
#error-text p {margin:0!important;}
#error-text span {color:#0A9992;font-size:100px;}
#error-text a.back {background:#0A9992;color:#fff;padding:10px 20px;font-size:20px;border:double #ddd;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.5s ease-out;}
#error-text a.back:hover {background:#fff;color:#666;border:double #ff2555;}
#error-text a.back:active {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);background:#333;color:#fff;border:double #fff;}
Dan ganti URL yang saya tandai merah dengan URL gambar sobat.

6. Untuk merubah menu navigasi sobat cari kode ini
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu1</a></li>
<li><a href='#'>Menu2</a></li>
<li><a href='#'>Menu3</a></li>
<li><a href='#'>Menu4</a></li>
Dan ganti sesuai keterangan sobat.

7. Ketujuh sobat cari kode ini
<a href='#'>Tentang</a> | <a href='#'>Contact</a> | <a href='#'>Privacy Policy</a>
Dan ganti dengan keterangan blog sobat.

8. Untuk pengaturan Ikuti Via Email, silahkan sobat cari kode ini.
<p class='subscribe-note'><span>SUBSCRIBE</span> <span class='itatu'>TO</span> MY NEWSLETTER</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=(Kode Anda)' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=(Kode Anda)&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='(Kode Anda)'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='submit' value='Submit'/></form>
Dan ganti sesuai dengan keterangan blog sobat.

9. Untuk mengatur jumlah postingan berikutnya. Sobat cari kode ini
var postperpage=3;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
Dan ganti sesuai yang diinginkan sobat.

10. Untuk widget Artikel Terbaru. Sobat masukan kode dibawah ini di widget tersebut.
<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://renzmaulana.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="http://emu-id.blogspot.com/" alt="Tutorial Blog dan Emulator">Tutorial Blog dan Emulator</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4UPoPJohlHtWxSzdnGdlSV3XQJr3Fx93nwapM95UhoAEWpGNcOBad53QG7HGMiUv1DRJf6LfNiX6r3BAG2JXx5JA7jC-EC_8foiIsi_0gINdvI7__rQv4ErHKdLhusp1OD7Qsaga1LGC/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#tb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Save/simpan widget

Mungkin hanya itu yang perlu sobat rubah, untuk yang lainnya / sobat masih bingung atau ada yang error dari template jangan segan untuk bertanya kepada saya.
Via email ke: renzmaulana18@gmail.com
FB ke: https://www.facebook.com/AbayTAMFAN

Terima kasih. Dan terus kunjungi blog saya di Renz Maulana.

Setting Template Hirameki 2016-07-01T06:27:00-07:00 Rating: 4.5 Diposkan Oleh: Unknown