Selamat bertemu kembali. Sudah tak tabah ingin segera memakai Template Desain Sendiri di blog Anda? Sabar, tinggal beberapa langkah lagi Anda telah bisa menggunakannya.
Silahkan buka rancangan template Anda & copy paste aba-aba berikut:
- Untuk bagian Header. Cari isyarat
, kemudian ganti kata Judul Blog & Deskripsi Blog dgn instruksi berikut:
http://www.NAMA BLOG ANDA.wargamasyarakat.com/’ target=’_blank’ title=”Membuat Template Desain Sendiri (Bag. 6)”>Contact
- Kemudian aba-aba
Untitled 1 ganti dgn isyarat berikut:
<data:blog.pageTitle/> 
- Cari aba-aba berikut:
Lalu ganti dgn isyarat berikut:
]]>
- Selesai.
Selanjutnya yaitu Save As template yg Anda buat. Klik FILE kemudian Save As. Isi nama untuk template Anda kemudian ganti Save As Type dgn XML (lihat gambar di bawah).
Sekarang template desain sendiri siap untuk digunakan pada blog Anda.
- Kemudian aba-aba
![](<span style="color: yellow;">http://www.NAMA BLOG ANDA.wargamasyarakat.com</span>/’ target=’_blank’ title=”Membuat Template Desain Sendiri (Bag. 6)”>About Me</a></div>
</blockquote>
<p><b>Keterangan:</b> Ganti tulisan berwarna <b style="color: yellow;">kuning </b>dengan alamat URL blog Anda!</p>
<p>Lihat gambar:</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.wargamasyarakat.com/-lmSyIMzpgj8/TbrLfnd1b6I/AAAAAAAAAdA/SC-eTXgd9E0/s1600/bag%2B6%2B02.jpg" imageanchor="1"><img fetchpriority="high" decoding="async" border="0" height="130" src="https://4.bp.wargamasyarakat.com/-lmSyIMzpgj8/TbrLfnd1b6I/AAAAAAAAAdA/SC-eTXgd9E0/s400/bag%2B6%2B02.jpg" width="400" /></a></div>
<p>Yang harus dilakukan selanjutnya yakni mencari kode berikut,</p>
<blockquote><p>#sajian <br />overflow: hidden; <br />width: 928px; /*panjang menu*/<br />font-size: 16px; /*ukuran font*/ <br />letter-spacing: 1px;<br />margin:5px 0 5px 0;<br />padding:0;<br />height:30px;<br />background:#ccc;<br />text-align: left;<br />border: 1px inset; </p></blockquote>
<p>Lalu tambahkan kode berikut di bawahnya.</p>
<blockquote><p>#hidangan a, #sajian a:visited <br />color: maroon;<br />text-decoration: none;<br />padding: 10px;</p>
<p>#hidangan a:hover <br />color: red;<br />text-decoration: none;<br />padding: 10px;<br />cursor: default;</p>
<p>#left <br />width: auto;<br />float: left;<br />margin: 5px 0 0 3px;<br />padding: 0; </p></blockquote>
<p>Makara, selengkapnya akan mirip gambar di bawah.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.wargamasyarakat.com/-nEU4Mt0Ug5I/TbrL0ZLB-CI/AAAAAAAAAdI/3Tmb1821pWY/s1600/bag%2B6%2B03.jpg" imageanchor="1"><img decoding="async" border="0" height="400" src="https://3.bp.wargamasyarakat.com/-nEU4Mt0Ug5I/TbrL0ZLB-CI/AAAAAAAAAdI/3Tmb1821pWY/s400/bag%2B6%2B03.jpg" width="332" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"></div>
</li>
<li>Untuk bagian Postingan. Cari arahan <b style="color: lime;">
<div id="areapost"></b>, kemudian ganti kata <b><span style="color: lime;">Judul Postingan, Isi Postingan, Post Footer, Area Komentar</span></b> dgn aba-aba berikut:</p><div class="1fb8d52b73d1856f4c031cee619bba08" data-index="1" style="float: none; margin:10px 0 10px 0; text-align:center;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- iklan masyarakat -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2727510542319988"
data-ad-slot="5369144759"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<blockquote><p><b:section class="main" id="main" showaddelement="no"><br /><b:widget id="Blog1" locked="true" title="Membuat Template Desain Sendiri (Bag. 6)" type="Blog"><br /></b:widget></p></blockquote>
<p>Lihat gambar:</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.wargamasyarakat.com/-cbdc0aGi8Wc/TbrMIK-8t5I/AAAAAAAAAdQ/sTpPshifeG0/s1600/bag%2B6%2B04.jpg" imageanchor="1"><img loading="lazy" decoding="async" border="0" height="130" src="https://1.bp.wargamasyarakat.com/-cbdc0aGi8Wc/TbrMIK-8t5I/AAAAAAAAAdQ/sTpPshifeG0/s400/bag%2B6%2B04.jpg" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"></div>
</li>
<li>Untuk bagian <b style="color: lime;">Sidebar</b>. Cari arahan <b><span style="color: lime;">
<div id="sidebar"></span></b>, kemudian ganti kata <b style="color: lime;">Sidebar Lef</b><b><span style="color: lime;">t</span></b> & <b><span style="color: lime;">Sidebar Right</span></b> dgn instruksi berikut:</p>
<blockquote><p><b:section class="sidebar" id="sidebar1" preferred="yes"><br /></b:section></p></blockquote>
<p>Lihat gambar:</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.wargamasyarakat.com/-xzxz61QQadM/TbrOlxP0ftI/AAAAAAAAAdY/MWV2CC9mAjk/s1600/bag%2B6%2B05.jpg" imageanchor="1"><img loading="lazy" decoding="async" border="0" height="130" src="https://4.bp.wargamasyarakat.com/-xzxz61QQadM/TbrOlxP0ftI/AAAAAAAAAdY/MWV2CC9mAjk/s400/bag%2B6%2B05.jpg" width="400" /></a></div>
</li>
<li>Selanjutnya, cari isyarat berikut. Tempatnya paling awal.<br />
<blockquote><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"></p></blockquote>
<p>Ganti instruksi tersebut dgn instruksi berikut:</p>
<blockquote><p><?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns=){kind=link}