Membuat Halaman Password Seperti ThemePlatinum

Nah sahabat allsof21 sekarang sya akan share bagaiaman cara membuat halaman Password Seperti yang ada pada ThemePlatinum... Silahkan Disimak Tutorialnya 

Langkah Pertama

Buatlah halaman pada blog anda silahkan kasih judul "Password Template" tapi sebenarnya terserah anda hehe

Langkah Kedua
Masukan script di bawah pada halaman anda, pastikan Mode HTML

<h4>
Password Template</h4>
Untuk memudahkan pencarian gunakan <kbd><b>CTRL + F</b></kbd> dan ketik nama templatenya.<br />
<style type="text/css">th h6{font-family:'Roboto Mono', monospace;font-weight: 700}.nav_apb{border-radius:2px;background:#f7f7f7;padding:5px;margin-bottom:5px;-webkit-font-smoothing:antialiased!important;text-align:center}.nav_apb a{padding:3px 0;width:20px;margin:2px;border-radius:4px;text-align:center;display:inline-block;font-weight:700;background:#29B6F6;color:#FFF;transition:color .7s linear;-moz-transition:color .7s linear;-webkit-transition:color .7s linear;text-decoration-:none}.nav_apb a:hover{transition:color .7s linear;-moz-transition:color .7s linear;-webkit-transition:color .7s linear;background:#2196F3;color:#FFF}.password{ -webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;}
</style><br />
<div class="nav_apb">
<a href="https://themeplatinum.blogspot.com/p/password-rar.html#A">A</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#B">B</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#C">C</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#D">D</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#E">E</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#F">F</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#G">G</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#H">H</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#I">I</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#J">J</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#K">K</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#L">L</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#M">M</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#N">N</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#O">O</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#P">P</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#Q">Q</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#R">R</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#S">S</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#T">T</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#U">U</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#V">V</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#W">W</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#X">X</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#Y">Y</a><a href="https://themeplatinum.blogspot.com/p/password-rar.html#Z">Z</a></div>
<table style="text-align: left;"><thead>
<tr> <th>Nama Template</th> <th>Password</th> </tr>
</thead> <tbody>
<tr> <th colspan="3" style="text-align: center;"><h6 id="B">
#B</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="E">
#E</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="F">
#F</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="G">
#G</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="H">
#H</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="I">
#I</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="J">
#J</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="K">
#K</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="L">
#L</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="M">
#M</h6>
</th> 
</tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="N">
#N</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="O">
#O</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="P">
#P</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="S">
#Q</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="R">
#R</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="S">
#S</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="T">
#T</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="U">
#U</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="U">
#V</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="W">
#W</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="X">
#X</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="Y">
#Y</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
<tr> <th colspan="3" style="text-align: center;"><h6 id="Z">
#Z</h6>
</th> </tr>
<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>
</tbody> </table>
</div>

Untuk mengsisi atau menambah perhatikan keterangan berikut

<tr> <td>Nama File</td><td><span class="password">Password File</span></td> </tr>

Ket :

• Untuk menambah nama dan password silahkan masukan kode di atas dan edit melalui mode HTML
• Untuk Nama File isi dengan Nama File yang Anda Inginkan
• Untuk Password File isi dengan Password File
• Ganti URL : https://themeplatinum.blogspot.com/p/password-rar.html dengan URL Halaman blog anda

Langkah  Ketiga
Save dan lihat hasilnya
Nah demikan lah tutorial kali ini semoga bermanfaat... jangan lupa sering sering kunjung yaaa...

Bagi yang bingung cari template untuk blogger silahkan kunjungi dimari  👉 Gudang Template Terlengkap dari A - Z. mulai dari yang Free, Premium, Cloning, Redesign, AMP, Landing Page dan Lain Lain

Share this post