Tingkat Lanjut

Tampilkan postingan dengan label Tingkat Lanjut. Tampilkan semua postingan

Senin, 10 November 2014

Edit Navigasi Halaman Blogger

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-xWw7MmcO7uk/VGDXa4WMpBI/AAAAAAAAA_o/I6JGX5oxPnE/s1600/Navigasi%2BHalaman.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Navigasi Halaman" border="0" src="https://2.bp.blogspot.com/-xWw7MmcO7uk/VGDXa4WMpBI/AAAAAAAAA_o/I6JGX5oxPnE/s1600/Navigasi%2BHalaman.png" title="Navigasi Halaman" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Gambar ini akan diperbaharui</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Navigasi halaman Blogger terdiri dari </span><b>Posting Lebih Baru</b><span style="font-family: inherit;">, </span><b>Posting Lama</b><span style="font-family: inherit;"> dan </span><b style="font-family: inherit;">Beranda</b><span style="font-family: inherit;">. Navigasi halaman ini jika kita cek di situs web Responsinator dengan lebar pixel yang lebih kecil, maka hasilnya akan bertumpuk seperti berikut (jika Anda menggunakan <a href="https://legend-templates.blogspot.com/" target="_blank"><b>template responsif</b></a>).</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-hJbp20qlgGs/VGYQ13NRPVI/AAAAAAAAA_4/4Pm2c83raLQ/s1600/Sebelum%2BEdit%2BNavigasi%2BHalaman.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Sebelum Edit Navigasi Halaman" border="0" src="https://4.bp.blogspot.com/-hJbp20qlgGs/VGYQ13NRPVI/AAAAAAAAA_4/4Pm2c83raLQ/s1600/Sebelum%2BEdit%2BNavigasi%2BHalaman.PNG" title="Sebelum Edit Navigasi Halaman" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Oleh karena itu, pada kesempatan kali ini kita akan mencoba untuk mengedit navigasi halaman tersebut supaya terlihat rapih.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Berikut adalah langkah-langkah untuk mengedit navigasi halaman Blogger.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">1. <a href="https://legend-buddy.blogspot.com/2014/03/download-dan-upload-template-blog.html" target="_blank"><b>Unduh</b></a> terlebih dahulu template blog Anda (opsional).</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">2. Pilih menu <b>Template</b> > <b>Edit HTML</b> lalu cari kode seperti berikut (u</span>ntuk memudahkan pencarian kode tekan <b>Ctrl + F</b><span style="font-family: inherit;">).</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><b:includable id='nextprev'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">  <div class='blog-pager' id='blog-pager'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    <b:if cond='data:newerPageUrl'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      <span id='blog-pager-newer-link'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><span style="color: red;"><b><data:newerPageTitle/></b></span></a></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      </span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    </b:if></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    <b:if cond='data:olderPageUrl'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      <span id='blog-pager-older-link'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><span style="color: lime;"><b><data:olderPageTitle/></b></span></a></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      </span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    </b:if></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    <a class='home-link' expr:href='data:blog.homepageUrl'><span style="color: blue;"><b><data:homeMsg/></b></span></a></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    <b:if cond='data:mobileLinkUrl'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      <div class='blog-mobile-link'></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">      </div></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">    </b:if></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">  </div></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">  <div class='clear'/></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"></b:includable></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">3. Ganti semua kode di atas dengan kode di bawah ini lalu <b>Simpan template</b> (s</span><span style="font-family: inherit;">aya hanya mengganti tulisan </span><b>Posting Lebih Baru</b><span style="font-family: inherit;"> dan </span><b>Posting Lama</b><span style="font-family: inherit;"> dengan <b>tanda panah</b>, sedangkan untuk <b>Beranda</b> saya menggantinya menjadi sebuah kata (tidak memakai kode </span><b><data:homeMsg/></b>).</div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<b:includable id='nextprev'></div>
<div class="separator" style="clear: both;">
  <div class='blog-pager' id='blog-pager'></div>
<div class="separator" style="clear: both;">
    <b:if cond='data:newerPageUrl'></div>
<div class="separator" style="clear: both;">
      <span id='blog-pager-newer-link'></div>
<div class="separator" style="clear: both;">
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><span style="color: red;"><b>&#171;</b></span></a></div>
<div class="separator" style="clear: both;">
      </span></div>
<div class="separator" style="clear: both;">
    </b:if></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
    <b:if cond='data:olderPageUrl'></div>
<div class="separator" style="clear: both;">
      <span id='blog-pager-older-link'></div>
<div class="separator" style="clear: both;">
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><span style="color: lime;"><b>&#187;</b></span></a></div>
<div class="separator" style="clear: both;">
      </span></div>
<div class="separator" style="clear: both;">
    </b:if></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
    <a class='home-link' expr:href='data:blog.homepageUrl'><span style="color: blue;"><b>Beranda</b></span></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
    <b:if cond='data:mobileLinkUrl'></div>
<div class="separator" style="clear: both;">
      <div class='blog-mobile-link'></div>
<div class="separator" style="clear: both;">
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div>
<div class="separator" style="clear: both;">
      </div></div>
<div class="separator" style="clear: both;">
    </b:if></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
  </div></div>
<div class="separator" style="clear: both;">
  <div class='clear'/></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
</b:includable></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Setelah saya cek kembali di situs web Responsinator, maka hasilnya seperti berikut.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-MyU-xz9ItzE/VGYROYs70sI/AAAAAAAABAA/MMtnkLvnM4Y/s1600/Sesudah%2BEdit%2BNavigasi%2BHalaman.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Sesudah Edit Navigasi Halaman" border="0" src="https://3.bp.blogspot.com/-MyU-xz9ItzE/VGYROYs70sI/AAAAAAAABAA/MMtnkLvnM4Y/s1600/Sesudah%2BEdit%2BNavigasi%2BHalaman.PNG" title="Sesudah Edit Navigasi Halaman" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="color: red; font-family: inherit;"><b>Catatan:</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Kode warna <span style="color: red;"><b>merah</b></span> mewakili <b>Posting Lebih Baru</b>, kode warna <span style="color: lime;"><b>hijau</b></span> mewakili <b>Posting Lama</b> dan kode warna <span style="color: blue;"><b>biru</b></span> mewakili <b>Beranda</b>.</span></div>
<div class="separator" style="clear: both;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/1kq_zUZaz1s" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Gambar ini akan diperbaharui Navigasi halaman Blogger terdiri dari Posting Lebih Baru , Posting Lama dan Beranda . Navigasi halaman ...

Baca »

Selasa, 04 November 2014

Menambahkan H1 Pada Gambar Header

<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-_QMudWy2oeI/VrMqEr1XteI/AAAAAAAAB5s/0JjoV-rYzSw/s1600/H1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="H1" border="0" height="320" src="https://2.bp.blogspot.com/-_QMudWy2oeI/VrMqEr1XteI/AAAAAAAAB5s/0JjoV-rYzSw/s320/H1.png" title="H1" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Ketika saya mengganti judul header blog dengan sebuah gambar kemudian saya cek di situs web Chkme, ternyata tag H1 pada blog saya menghilang (H1: <b>Zero</b>, that is <b><span style="color: red;">Really Bad</span></b>).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-bZnAoQeJT2c/VaYoIxZj9BI/AAAAAAAABSw/M5xygjZSm70/s1600/H1%2BBad.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="H1 Bad" border="0" src="https://2.bp.blogspot.com/-bZnAoQeJT2c/VaYoIxZj9BI/AAAAAAAABSw/M5xygjZSm70/s1600/H1%2BBad.PNG" title="H1 Bad" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Setelah mencari dan mendapatkan solusi untuk mengatasi hal tersebut, saya coba cek kembali dan hasilnya tag H1 pada blog saya sudah kembali normal (H1: <b>1</b>, that is <b>Good</b>).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-QYCmp1b0kSc/VaYobikvzuI/AAAAAAAABS4/NqCurmQUqlk/s1600/H1%2BGood.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="H1 Good" border="0" src="https://2.bp.blogspot.com/-QYCmp1b0kSc/VaYobikvzuI/AAAAAAAABS4/NqCurmQUqlk/s1600/H1%2BGood.PNG" title="H1 Good" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jika Anda mengalami hal yang sama seperti saya atau Anda hanya ingin menambahkan tag H1 pada gambar header, Anda bisa ikuti langkah-langkah berikut ini.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. <a href="https://legend-buddy.blogspot.com/2014/03/download-dan-upload-template-blog.html" target="_blank"><b>Unduh</b></a> terlebih dahulu template blog Anda (opsional).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Pilih menu <b>Template</b> > <b>Edit HTML</b> lalu cari kode seperti berikut (untuk memudahkan pencarian kode tekan <b>Ctrl + F</b>).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
      <div id='header-inner'></div>
<div class="separator" style="clear: both;">
        <a expr:href='data:blog.homepageUrl' style='display: block'></div>
<div class="separator" style="clear: both;">
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></div>
<div class="separator" style="clear: both;">
        </a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
3. Setelah itu Anda tinggal menambahkan tag H1 lalu <b>Simpan template</b>.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
      <div id='header-inner'></div>
<div class="separator" style="clear: both;">
        <a expr:href='data:blog.homepageUrl' style='display: block'></div>
<div class="separator" style="clear: both;">
          <span style="color: red;"><b><h1></b></span><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><span style="color: red;"><b></h1></b></span></div>
<div class="separator" style="clear: both;">
        </a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/eOT7_Qfbh8M" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Ketika saya mengganti judul header blog dengan sebuah gambar kemudian saya cek di situs web Chkme, ternyata tag H1 pada blog saya mengh...

Baca »

Senin, 20 Oktober 2014

SEO Pada Popular Posts

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-TTslS2dBk8w/VD0qNj5E03I/AAAAAAAAA90/Eih3yUQYrHM/s1600/Posting%2BPopuler.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Posting Populer" border="0" src="https://1.bp.blogspot.com/-TTslS2dBk8w/VD0qNj5E03I/AAAAAAAAA90/Eih3yUQYrHM/s1600/Posting%2BPopuler.png" title="Posting Populer" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Gambar ini akan diperbaharui</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Pada postingan sebelumnya yang membahas tentang <a href="https://legend-buddy.blogspot.com/2014/10/seo-pada-gambar.html" target="_blank"><b>SEO Pada Gambar</b></a>, kita telah mengetahui bahwa untuk mengoptimalkan sebuah gambar yakni cukup dengan menambahkan <b>fungsi title</b> dan <b>fungsi alt</b>. Dan bagi Anda yang menggunakan widget popular posts (posting populer) khususnya yang memilih <b>opsi untuk menampilkan thumbnail gambar</b>, tentunya secara default gambar yang ditampilkan tersebut belum memakai fungsi title maupun fungsi alt. Nah jika Anda ingin menambahkan kedua fungsi tersebut pada widget popular posts, Anda bisa ikuti langkah-langkah berikut ini.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. <a href="https://legend-buddy.blogspot.com/2014/03/download-dan-upload-template-blog.html" target="_blank"><b>Unduh</b></a> terlebih dahulu template blog Anda (opsional).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Pilih menu <b>Template</b> > <b>Edit HTML</b> > <b>Lompat ke widget</b> > <b>PopularPosts1</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Uraikan kode widget popular posts dengan mengklik <b>panah berwarna hitam</b> sampai terlihat kode seperti berikut.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<b:widget id='PopularPosts1' locked='false' title='Posting Populer' type='PopularPosts'></div>
<div class="separator" style="clear: both;">
            <b:includable id='main'></div>
<div class="separator" style="clear: both;">
  <b:if cond='data:title'><h2><data:title/></h2></b:if></div>
<div class="separator" style="clear: both;">
  <div class='widget-content popular-posts'></div>
<div class="separator" style="clear: both;">
    <ul></div>
<div class="separator" style="clear: both;">
      <b:loop values='data:posts' var='post'></div>
<div class="separator" style="clear: both;">
      <li></div>
<div class="separator" style="clear: both;">
        <b:if cond='data:showThumbnails == &quot;false&quot;'></div>
<div class="separator" style="clear: both;">
          <b:if cond='data:showSnippets == &quot;false&quot;'></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <a expr:href='data:post.href'><data:post.title/></a></div>
<div class="separator" style="clear: both;">
          <b:else/></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div>
<div class="separator" style="clear: both;">
            <div class='item-snippet'><data:post.snippet/></div></div>
<div class="separator" style="clear: both;">
          </b:if></div>
<div class="separator" style="clear: both;">
        <b:else/></div>
<div class="separator" style="clear: both;">
          <b:if cond='data:showSnippets == &quot;false&quot;'></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <div class='item-thumbnail-only'></div>
<div class="separator" style="clear: both;">
              <b:if cond='data:post.thumbnail'></div>
<div class="separator" style="clear: both;">
                <div class='item-thumbnail'></div>
<div class="separator" style="clear: both;">
                  <a expr:href='data:post.href' target='_blank'></div>
<div class="separator" style="clear: both;">
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></div>
<div class="separator" style="clear: both;">
                  </a></div>
<div class="separator" style="clear: both;">
                </div></div>
<div class="separator" style="clear: both;">
              </b:if></div>
<div class="separator" style="clear: both;">
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div>
<div class="separator" style="clear: both;">
            </div></div>
<div class="separator" style="clear: both;">
            <div style='clear: both;'/></div>
<div class="separator" style="clear: both;">
          <b:else/></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <div class='item-content'></div>
<div class="separator" style="clear: both;">
              <b:if cond='data:post.thumbnail'></div>
<div class="separator" style="clear: both;">
                <div class='item-thumbnail'></div>
<div class="separator" style="clear: both;">
                  <a expr:href='data:post.href' target='_blank'></div>
<div class="separator" style="clear: both;">
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></div>
<div class="separator" style="clear: both;">
                  </a></div>
<div class="separator" style="clear: both;">
                </div></div>
<div class="separator" style="clear: both;">
              </b:if></div>
<div class="separator" style="clear: both;">
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div>
<div class="separator" style="clear: both;">
              <div class='item-snippet'><data:post.snippet/></div></div>
<div class="separator" style="clear: both;">
            </div></div>
<div class="separator" style="clear: both;">
            <div style='clear: both;'/></div>
<div class="separator" style="clear: both;">
          </b:if></div>
<div class="separator" style="clear: both;">
        </b:if></div>
<div class="separator" style="clear: both;">
      </li></div>
<div class="separator" style="clear: both;">
      </b:loop></div>
<div class="separator" style="clear: both;">
    </ul></div>
<div class="separator" style="clear: both;">
  </div></div>
<div class="separator" style="clear: both;">
</b:includable></div>
<div class="separator" style="clear: both;">
          </b:widget></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
4. Ganti semua kode di atas dengan kode di bawah ini lalu <b>Simpan template</b>.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b:widget id='PopularPosts1' locked='false' title='Posting Populer' type='PopularPosts'></div>
<div class="separator" style="clear: both;">
            <b:includable id='main'></div>
<div class="separator" style="clear: both;">
  <b:if cond='data:title'><h2><data:title/></h2></b:if></div>
<div class="separator" style="clear: both;">
  <div class='widget-content popular-posts'></div>
<div class="separator" style="clear: both;">
    <ul></div>
<div class="separator" style="clear: both;">
      <b:loop values='data:posts' var='post'></div>
<div class="separator" style="clear: both;">
      <li></div>
<div class="separator" style="clear: both;">
        <b:if cond='data:showThumbnails == &quot;false&quot;'></div>
<div class="separator" style="clear: both;">
          <b:if cond='data:showSnippets == &quot;false&quot;'></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <a expr:href='data:post.href'><data:post.title/></a></div>
<div class="separator" style="clear: both;">
          <b:else/></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div>
<div class="separator" style="clear: both;">
            <div class='item-snippet'><data:post.snippet/></div></div>
<div class="separator" style="clear: both;">
          </b:if></div>
<div class="separator" style="clear: both;">
        <b:else/></div>
<div class="separator" style="clear: both;">
          <b:if cond='data:showSnippets == &quot;false&quot;'></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <div class='item-thumbnail-only'></div>
<div class="separator" style="clear: both;">
              <b:if cond='data:post.thumbnail'></div>
<div class="separator" style="clear: both;">
                <div class='item-thumbnail'></div>
<div class="separator" style="clear: both;">
                  <a expr:href='data:post.href' target='_blank'></div>
<div class="separator" style="clear: both;">
                    <img border='0' <span style="color: red;"><b>expr:alt='data:post.title'</b></span> expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' <span style="color: red;"><b>expr:title='data:post.title'</b></span> expr:width='data:thumbnailSize'/></div>
<div class="separator" style="clear: both;">
                  </a></div>
<div class="separator" style="clear: both;">
                </div></div>
<div class="separator" style="clear: both;">
              </b:if></div>
<div class="separator" style="clear: both;">
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div>
<div class="separator" style="clear: both;">
            </div></div>
<div class="separator" style="clear: both;">
            <div style='clear: both;'/></div>
<div class="separator" style="clear: both;">
          <b:else/></div>
<div class="separator" style="clear: both;">
            </div>
<div class="separator" style="clear: both;">
            <div class='item-content'></div>
<div class="separator" style="clear: both;">
              <b:if cond='data:post.thumbnail'></div>
<div class="separator" style="clear: both;">
                <div class='item-thumbnail'></div>
<div class="separator" style="clear: both;">
                  <a expr:href='data:post.href' target='_blank'></div>
<div class="separator" style="clear: both;">
                    <img border='0' <span style="color: red;"><b>expr:alt='data:post.title'</b></span> expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' <span style="color: red;"><b>expr:title='data:post.title'</b></span> expr:width='data:thumbnailSize'/></div>
<div class="separator" style="clear: both;">
                  </a></div>
<div class="separator" style="clear: both;">
                </div></div>
<div class="separator" style="clear: both;">
              </b:if></div>
<div class="separator" style="clear: both;">
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div>
<div class="separator" style="clear: both;">
              <div class='item-snippet'><data:post.snippet/></div></div>
<div class="separator" style="clear: both;">
            </div></div>
<div class="separator" style="clear: both;">
            <div style='clear: both;'/></div>
<div class="separator" style="clear: both;">
          </b:if></div>
<div class="separator" style="clear: both;">
        </b:if></div>
<div class="separator" style="clear: both;">
      </li></div>
<div class="separator" style="clear: both;">
      </b:loop></div>
<div class="separator" style="clear: both;">
    </ul></div>
<div class="separator" style="clear: both;">
  </div></div>
<div class="separator" style="clear: both;">
</b:includable></div>
<div class="separator" style="clear: both;">
          </b:widget></div>
<div class="separator" style="clear: both;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/paazR-b6a3E" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Gambar ini akan diperbaharui Pada postingan sebelumnya yang membahas tentang SEO Pada Gambar , kita telah mengetahui bahwa untuk meng...

Baca »

Sabtu, 14 Juni 2014

Contact Form Pada Laman

<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-_S_F7cl2P1c/VCLdcnHYP6I/AAAAAAAAA88/SETjPtrYo54/s1600/Formulir%2BKontak.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Formulir Kontak" border="0" src="https://3.bp.blogspot.com/-_S_F7cl2P1c/VCLdcnHYP6I/AAAAAAAAA88/SETjPtrYo54/s1600/Formulir%2BKontak.png" title="Formulir Kontak" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Gambar ini akan diperbaharui</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
Contact form (formulir kontak) merupakan widget yang telah disediakan oleh pihak Blogger. Widget ini berfungsi untuk membantu para pengunjung dalam melakukan kontak atau interaksi dengan pemilik blog yang sedang dikunjunginya. Dan ketika widget ini ditambahkan pada blog kita, tentunya widget ini akan tampil pada <b>bagian sidebar</b> maupun <b>bagian footer</b> (tergantung dimana kita menempatkannya). Namun pada kesempatan kali ini kita akan mencoba untuk menempatkannya pada <b>bagian laman</b> atau bisa juga disebut dengan <b>halaman statis</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Berikut adalah langkah-langkah untuk menempatkan contact form pada bagian laman.</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">1. <a href="https://legend-buddy.blogspot.com/2014/03/download-dan-upload-template-blog.html" target="_blank"><b>Unduh</b></a> terlebih dahulu template blog Anda (opsional).</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">2. Pilih menu <b>Tata Letak</b> > <b>Tambahkan Gadget</b> > <b>Gadget Lainnya</b> > lalu tambahkan widget <b>Formulir Kontak</b> dengan mengklik <b>tanda plus</b> > <b>Simpan</b> > <b>Simpan setelan</b>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">3. Setelah widget contact form terpasang, selanjutnya Anda pilih menu <b>Template</b> > <b>Edit HTML</b> > <b>Lompat ke widget</b> > <b>ContactForm1</b>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">4. Uraikan kode widget contact form dengan mengklik <b>panah berwarna hitam</b> sampai terlihat kode seperti berikut.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'></div>
<div class="separator" style="clear: both;">
            <b:includable id='main'></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>  <b:if cond='data:title != &quot;&quot;'></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>    <h2 class='title'><data:title/></h2></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>  </b:if></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>  <div class='contact-form-widget'></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>    <div class='form'></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>      <form name='contact-form'></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <p/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <data:contactFormNameMsg/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <br/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <p/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <br/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <p/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <br/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <p/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <p/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        <div style='text-align: center; max-width: 222px; width: 100%'></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>        </div></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>      </form></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>    </div></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>  </div></b></span></div>
<div class="separator" style="clear: both;">
<span style="color: red;"><b>  <b:include name='quickedit'/></b></span></div>
<div class="separator" style="clear: both;">
</b:includable></div>
<div class="separator" style="clear: both;">
          </b:widget></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">5. Hapus kode yang diberi warna <span style="color: red;"><b>merah</b></span> lalu klik <b>Simpan template</b>.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">6. Setelah itu Anda pilih menu <b>Laman</b> > <b>Laman baru</b> > pilih <b>HTML</b> di samping <b>Compose</b> dan masukkan kode di bawah ini.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<form name="contact-form"></div>
<div class="separator" style="clear: both;">
<div></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Nama</span></div></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> </span><br /></div>
<div class="separator" style="clear: both;">
<div></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Email</span></div></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> </span><br /></div>
<div class="separator" style="clear: both;">
<div></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Pesan</span></div></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> </span><br /><br /></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /></span> <br /></div>
<div class="separator" style="clear: both;">
<div style="max-width: 500px; text-align: center; width: 100%;"></div>
<div class="separator" style="clear: both;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div>
<div class="separator" style="clear: both;">
</div></div>
<div class="separator" style="clear: both;">
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div>
<div class="separator" style="clear: both;">
</div></div>
<div class="separator" style="clear: both;">
</div></div>
<div class="separator" style="clear: both;">
</form></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">7. Beri judul pada laman lalu <b>Publikasikan</b>.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="color: red; font-family: inherit;"><b>Catatan:</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Widget contact form <span style="color: red;"><b>tidak akan berfungsi</b></span> jika Anda memakai <b>script yang mencegah pengalihan</b> ke domain khusus negara (misalnya dari [namablog].blogspot.com dicegah untuk beralih ke [namablog].blogspot.co.id).</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/B0BTVl08GAM" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Gambar ini akan diperbaharui Contact form (formulir kontak) merupakan widget yang telah disediakan oleh pihak Blogger. Widget ini b...

Baca »

Jumat, 31 Januari 2014

Set Password Pada WinRAR

<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-JhbYPncIghE/V6wQwL69g4I/AAAAAAAACAc/bPAa2_AOIrE0OFaHwo3lNV_jHu3T-eJdQCLcB/s1600/Set%2BPassword%2BPada%2BWinRAR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Set Password Pada WinRAR" border="0" height="320" src="https://2.bp.blogspot.com/-JhbYPncIghE/V6wQwL69g4I/AAAAAAAACAc/bPAa2_AOIrE0OFaHwo3lNV_jHu3T-eJdQCLcB/s320/Set%2BPassword%2BPada%2BWinRAR.png" title="Set Password Pada WinRAR" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Jika Anda ingin melindungi file dengan sebuah password, maka saya menyarankan Anda untuk menggunakan fitur arsip yang terdapat pada WinRAR. Karena dengan menggunakan fitur arsip ini, Anda bisa menambahkan password sekaligus memperkecil ukuran file yang akan diarsipkan. Dan untuk tingkat keamanannya sendiri menurut saya bisa mencapai 90%, karena saya pernah mencoba untuk membuka file arsip yang sudah dilindungi password (dengan beberapa cara yang saya ketahui), namun hasilnya file tersebut tetap tidak bisa saya buka. Nah jika Anda ingin mencobanya silahkan ikuti saja langkah-langkah berikut ini.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">1. Klik kanan file lalu pilih <b>Add to archive</b>.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-gkL2jJvhhFM/VlMZ073WljI/AAAAAAAABxk/VKD2Ow_-wvE/s1600/Add%2BTo%2BArchive.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add To Archive" border="0" src="https://1.bp.blogspot.com/-gkL2jJvhhFM/VlMZ073WljI/AAAAAAAABxk/VKD2Ow_-wvE/s1600/Add%2BTo%2BArchive.PNG" title="Add To Archive" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Pilih menu <b>Advanced</b> setelah itu klik <b>Set password</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-jIuyIezOXeQ/VlMaGkPGXhI/AAAAAAAABxs/ZMxxrY_EBSM/s1600/Set%2BPassword.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Set Password" border="0" src="https://4.bp.blogspot.com/-jIuyIezOXeQ/VlMaGkPGXhI/AAAAAAAABxs/ZMxxrY_EBSM/s1600/Set%2BPassword.PNG" title="Set Password" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Masukkan password yang Anda inginkan lalu klik <b>OK</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-vQkzn8YESzE/VlMaYpji8UI/AAAAAAAABx0/R_Gv37z9mnQ/s1600/Enter%2BPassword.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Enter Password" border="0" src="https://2.bp.blogspot.com/-vQkzn8YESzE/VlMaYpji8UI/AAAAAAAABx0/R_Gv37z9mnQ/s1600/Enter%2BPassword.PNG" title="Enter Password" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Hasilnya, jika Anda mengekstrak atau membuka file arsip WinRAR tersebut, maka Anda akan diperintahkan untuk memasukkan passwordnya.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-JRwXK7Pm7Ik/VlMbZYCGsVI/AAAAAAAABx8/Rw41o1tRi-0/s1600/Open%2BArchive.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Open Archive" border="0" src="https://3.bp.blogspot.com/-JRwXK7Pm7Ik/VlMbZYCGsVI/AAAAAAAABx8/Rw41o1tRi-0/s1600/Open%2BArchive.PNG" title="Open Archive" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/85eUqD80khM" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Jika Anda ingin melindungi file dengan sebuah password, maka saya menyarankan Anda untuk menggunakan fitur arsip yang terdapat pada WinRA...

Baca »

Jumat, 15 November 2013

Emoticon Komentar Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-KWhIpWJWNk8/V3stYO4njuI/AAAAAAAAB-Y/2Re7_Si-8bkyWpvUR3IXR7VzOw8SZXjoACLcB/s1600/Emoticon%2BKomentar%2BBlog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Emoticon Komentar Blog" border="0" height="320" src="https://4.bp.blogspot.com/-KWhIpWJWNk8/V3stYO4njuI/AAAAAAAAB-Y/2Re7_Si-8bkyWpvUR3IXR7VzOw8SZXjoACLcB/s320/Emoticon%2BKomentar%2BBlog.png" title="Emoticon Komentar Blog" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Supaya dalam berkomentar bisa lebih unik dan menarik, kali ini saya akan memberikan tips dan trik untuk membuat menu emoticon pada komentar blog. Ada 33 emoticon yang tersedia dan untuk penggunaannya sangatlah mudah, Anda tinggal mengklik emoticon yang dipilih, salin kodenya lalu tempel pada formulir komentar.<br />
<br />
Berikut adalah langkah-langkah untuk membuat menu emoticon pada komentar blog.<br />
<br />
1. <a href="https://legend-buddy.blogspot.com/2014/03/download-dan-upload-template-blog.html" target="_blank"><b>Unduh</b></a> terlebih dahulu template blog Anda (opsional).<br />
<br />
2. Pilih menu <b>Template</b> > <b>Edit HTML</b> lalu cari kode <b></body></b> (untuk memudahkan pencarian kode tekan <b>Ctrl + F</b>).<br />
<br />
3. Simpan kode berikut ini di atas <b></body></b> lalu klik <b>Simpan template</b>.<br />
<br />
<style><br />
.emoWrap {<br />
  background-color:#ffffff;<br />
  padding:10px 14px;<br />
  font-family:Open Sans;<br />
  font-size:14px;<br />
  font-weight:400;<br />
  text-align:center;<br />
}<br />
img.emo, input.emoKey {<br />
  display:inline-block;<br />
  *display:inline;<br />
  vertical-align:middle;<br />
}<br />
input.emoKey {<br />
  background-color:#ffffff;<br />
  margin:0 0 0 2px;<br />
  padding:1px 2px;<br />
  font-family:Open Sans;<br />
  font-size:14px;<br />
  border:1px solid #cccccc;<br />
}<br />
</style><br />
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><br />
<script async='async' src='https://firebasestorage.googleapis.com/v0/b/eksperimen-5471a.appspot.com/o/JavaScript%2FEmoticon.js?alt=media&amp;token=cb913a54-81f4-4849-be9a-4eacc878ad59' type='text/javascript'/><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var emoRange = "#comments p, div.emoWrap",<br />
putEmoAbove = "iframe#comment-editor";<br />
//]]><br />
</script><br />
<br />
<div style="text-align: center;">
<b><span style="color: red;">Hasilnya</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-IWjQauaFHnc/VjiyoyZojdI/AAAAAAAABuI/pwieUd8MtYw/s1600/Tampilan%2BEmoticon.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tampilan Emoticon" border="0" src="https://4.bp.blogspot.com/-IWjQauaFHnc/VjiyoyZojdI/AAAAAAAABuI/pwieUd8MtYw/s1600/Tampilan%2BEmoticon.PNG" title="Tampilan Emoticon" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/MU9PoIXzSGA" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Supaya dalam berkomentar bisa lebih unik dan menarik, kali ini saya akan memberikan tips dan trik untuk membuat menu emoticon pada komen...

Baca »

Rabu, 13 November 2013

Shutdown Otomatis Komputer

<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-sOF4CGY67Oc/V3nlq2MK_aI/AAAAAAAAB-A/wrLTS6bYNZ4glC8x2ky1eqY1U1voz2hsQCLcB/s1600/Shutdown%2BOtomatis%2BKomputer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Shutdown Otomatis Komputer" border="0" height="320" src="https://4.bp.blogspot.com/-sOF4CGY67Oc/V3nlq2MK_aI/AAAAAAAAB-A/wrLTS6bYNZ4glC8x2ky1eqY1U1voz2hsQCLcB/s320/Shutdown%2BOtomatis%2BKomputer.png" title="Shutdown Otomatis Komputer" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
Ketika kita hendak mematikan komputer (shutdown), pada umumnya kita akan mengklik tombol <b>Start</b> lalu memilih perintah <b>Shut down</b>. Tapi sebenarnya kita juga bisa mengatur kapan komputer kita akan dimatikan dengan cara <b>shutdown otomatis</b>. Kita hanya perlu menentukan waktunya dan setelah waktu yang ditentukan habis, maka komputer akan melakukan proses shutdown dengan sendirinya.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Berikut adalah langkah-langkah untuk melakukan shutdown otomatis.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">1. Buka perintah Run, klik tombol <b>Start</b> > <b>All Programs</b> > <b>Accessories</b> > pilih <b>Run</b>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">2. Setelah itu ketik <b>shutdown.exe -s -t </b><span style="color: red;"><b>3600</b></span> lalu klik <b>OK</b>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-UGuBIWrr0v0/VlMfceWnmfI/AAAAAAAAByI/IPMn4ADZXv8/s1600/Run.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Run" border="0" src="https://2.bp.blogspot.com/-UGuBIWrr0v0/VlMfceWnmfI/AAAAAAAAByI/IPMn4ADZXv8/s1600/Run.PNG" title="Run" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;">Catatan:</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Angka yang berwarna <span style="color: red;"><b>merah</b> </span>itu adalah waktu yang diperlukan untuk melakukan proses shutdown dalam satuan <b>detik</b>. Contoh: 3600 berarti 1 jam, 1800 berarti 1/2 jam dan seterusnya sesuai dengan keinginan Anda sendiri.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Cara ini juga tentu bisa diterapkan pada <b>laptop</b>, <b>notebook</b> dan <b>netbook</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Untuk membatalkan perintah, Anda tinggal mengetik <b>shutdown.exe -a</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/M6Eo3MtG8GM" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Ketika kita hendak mematikan komputer (shutdown), pada umumnya kita akan mengklik tombol Start lalu memilih perintah Shut down . Tapi ...

Baca »

Sabtu, 09 November 2013

Membuat Daftar Isi Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-9OuLbgTWMmc/V3iR_z32DJI/AAAAAAAAB9g/bS_cdRTNbtUN6KULrOFfauykgbH42sgIACLcB/s1600/Membuat%2BDaftar%2BIsi%2BBlog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Daftar Isi Blog" border="0" height="320" src="https://1.bp.blogspot.com/-9OuLbgTWMmc/V3iR_z32DJI/AAAAAAAAB9g/bS_cdRTNbtUN6KULrOFfauykgbH42sgIACLcB/s320/Membuat%2BDaftar%2BIsi%2BBlog.png" title="Membuat Daftar Isi Blog" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Adanya daftar isi di dalam sebuah blog menurut saya akan sangat berguna, karena daftar isi akan mempermudah pengunjung dalam menulusuri atau mencari setiap postingan di blog kita. Nah bagi Anda yang tertarik untuk membuatnya silahkan ikuti saja langkah-langkah berikut ini.</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">1. Pilih menu <b>Laman</b> lalu klik <b>Laman baru</b>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">2. Beri judul laman kemudian pilih <b>HTML</b> di samping <b>Compose</b>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">3. Masukkan kode di bawah ini.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<script src="https://firebasestorage.googleapis.com/v0/b/eksperimen-5471a.appspot.com/o/JavaScript%2FDaftar%20Isi.js?alt=media&amp;token=fad2157b-b553-4b16-bca5-7a019d1262f5" type="text/javascript"></script></div>
<div class="separator" style="clear: both;">
<script src="<span style="color: red;"><b>https://legend-buddy.blogspot.com/</b></span>feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=legend"></script></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
4. Ganti URL berwarna <span style="color: red;"><b>merah</b> </span>dengan URL blog Anda lalu <b>Publikasikan</b>.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Silahkan berkomentar jika Anda ingin mengganti kata <i><span style="color: red;"><b>Baru</b></span></i> dalam daftar isi tersebut.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/ktP0A7P0x8A" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Adanya daftar isi di dalam sebuah blog menurut saya akan sangat berguna, karena daftar isi akan mempermudah pengunjung dalam menulusuri...

Baca »

Jumat, 18 Oktober 2013

Memanipulasi Resolusi Netbook

<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-b4IiGegi-Bw/V3iQSKhrhrI/AAAAAAAAB9U/OY1BROxTev4Xvb0cO-FYwy-QWw6mIblGwCLcB/s1600/Memanipulasi%2BResolusi%2BNetbook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memanipulasi Resolusi Netbook" border="0" height="320" src="https://1.bp.blogspot.com/-b4IiGegi-Bw/V3iQSKhrhrI/AAAAAAAAB9U/OY1BROxTev4Xvb0cO-FYwy-QWw6mIblGwCLcB/s320/Memanipulasi%2BResolusi%2BNetbook.png" title="Memanipulasi Resolusi Netbook" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
Ukuran maksimal dari resolusi netbook biasanya hanya mencapai <b>1024 x 600</b>. Namun pada kesempatan kali ini kita akan mencoba untuk memanipulasi resolusi maksimal tersebut menjadi <b>1152 x 864</b>. Saya sendiri sudah mencobanya dan hasilnya saya bisa bermain game <b>Romance of the Three Kingdoms XI</b> yang membutuhkan resolusi lebih dari 1024 x 600. Dan saya juga bisa membuat video <b>Versi YouTube</b> untuk setiap postingan di blog ini dengan ukuran <b>720p</b>.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Berikut adalah langkah-langkah untuk memanipulasi resolusi netbook.</div>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">1. Buka Registry Editor, klik tombol <b>Start</b> > ketik <b>Regedit</b> > lalu tekan <b>Enter</b>.</span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">2. Pilih <b>HKEY_LOCAL_MACHINE</b> > <b>SYSTEM</b> > <b>CurrentControlSet</b> > <b>Control</b> ></span><br />
<span style="font-family: inherit;"><b>Class</b> > {<b>4D36E<span style="color: red;">968</span>-E325-11CE-BFC1-08002BE10318</b>} > <b>0000</b>.</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Z8MiHryObaE/ViouBg29JLI/AAAAAAAABpI/ESQGhVFW4v0/s1600/0000.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="0000" border="0" src="https://3.bp.blogspot.com/-Z8MiHryObaE/ViouBg29JLI/AAAAAAAABpI/ESQGhVFW4v0/s1600/0000.PNG" title="0000" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<span style="font-family: inherit;">3. Buka <b>Display1_DownScalingSupported</b>, lalu ganti value data menjadi 1.</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-eahYnxGABrE/ViouYnqNPzI/AAAAAAAABpQ/01DHIbgxo_U/s1600/Display1_DownScalingSupported%2B%25280000%2529.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Display1_DownScalingSupported" border="0" src="https://3.bp.blogspot.com/-eahYnxGABrE/ViouYnqNPzI/AAAAAAAABpQ/01DHIbgxo_U/s1600/Display1_DownScalingSupported%2B%25280000%2529.PNG" title="Display1_DownScalingSupported" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span style="font-family: inherit;">4. Selanjutnya pilih <b>0001</b>.</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-WlOz5VUdPHA/Viou3ZiXuXI/AAAAAAAABpY/akPwMRwP5eQ/s1600/0001.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="0001" border="0" src="https://3.bp.blogspot.com/-WlOz5VUdPHA/Viou3ZiXuXI/AAAAAAAABpY/akPwMRwP5eQ/s1600/0001.PNG" title="0001" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">5. Buka lagi <b>Display1_DownScalingSupported</b>, lalu ganti value data menjadi 1.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-1YPwluaMPpw/ViovNTM18zI/AAAAAAAABpg/LjiqjLKRpXg/s1600/Display1_DownScalingSupported%2B%25280001%2529.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Display1_DownScalingSupported" border="0" src="https://4.bp.blogspot.com/-1YPwluaMPpw/ViovNTM18zI/AAAAAAAABpg/LjiqjLKRpXg/s1600/Display1_DownScalingSupported%2B%25280001%2529.PNG" title="Display1_DownScalingSupported" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red; font-family: inherit;"><b>Catatan:</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red; font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Jika pada poin ke 5 <b>Display1_DownScalingSupported</b> tidak ada, maka Anda tinggal klik kanan > <b>new</b> > <b>DWORD (32-bit) Value</b> > beri nama <b>Display1_DownScalingSupported</b> > lalu ganti value data menjadi 1.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: red; font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">6. Restart netbook Anda, setelah di restart klik kanan pada layar desktop > <b>Screen resolution</b> > </span><b>Resolution</b>, dan resolusi maksimal dari netbook Anda pun kini sudah menjadi 1152 x 864.</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-37M8p1UrH98/ViovzwRqtoI/AAAAAAAABpo/KiP5pJeQNv8/s1600/Resolution.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Resolution" border="0" src="https://1.bp.blogspot.com/-37M8p1UrH98/ViovzwRqtoI/AAAAAAAABpo/KiP5pJeQNv8/s1600/Resolution.PNG" title="Resolution" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/wm832tgnXO0" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Ukuran maksimal dari resolusi netbook biasanya hanya mencapai 1024 x 600 . Namun pada kesempatan kali ini kita akan mencoba untuk meman...

Baca »

Rabu, 09 Oktober 2013

Cara Menyembunyikan File

<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-_UCspH6QPCY/V3XlFpvKfaI/AAAAAAAAB88/8ip8pQqjEiggJ6gYljHGrMgwmzPAAJlfQCLcB/s1600/Cara%2BMenyembunyikan%2BFile.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menyembunyikan File" border="0" height="320" src="https://4.bp.blogspot.com/-_UCspH6QPCY/V3XlFpvKfaI/AAAAAAAAB88/8ip8pQqjEiggJ6gYljHGrMgwmzPAAJlfQCLcB/s320/Cara%2BMenyembunyikan%2BFile.png" title="Cara Menyembunyikan File" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Bagi Anda yang ingin menyembunyikan sebuah file atau data penting, Anda bisa mencoba cara yang satu ini. Caranya sangat sederhana dan mudah untuk dilakukan. Saya sendiri menggunakan cara ini untuk menyimpan data penting seperti password akun Facebook, Twitter, Gmail dan lainnya.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Berikut adalah langkah-langkah untuk menyembunyikan file.</span></div>
<br />
<span style="font-family: inherit;">1. Buka Notepad, klik tombol <b>Start</b> > <b>All Programs</b> > <b>Accessories</b> > pilih <b>Notepad</b>.</span><br />
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">2. Masukkan kode di bawah ini ke dalam <b>Notepad</b>.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">cls@ECHO OFF</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">title Folder Locker</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if NOT EXIST Locker goto MDLOCKER</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">:CONFIRM</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Are you sure want to lock the folder(Y/N)</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">set/p "cho=>"</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if %cho%==Y goto LOCK</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if %cho%==y goto LOCK</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if %cho%==n goto END</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if %cho%==N goto END</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Invalid choice.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">goto CONFIRM</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">:LOCK</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Folder locked</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">goto End</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">:UNLOCK</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Enter password to unlock folder</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">set/p "pass=>"</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">if NOT %pass%== <span style="color: red;"><b>Password Anda</b></span> goto FAIL</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Folder unlocked successfully</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">goto End</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">:FAIL</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Invalid password</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">goto end</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">:MDLOCKER</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">md Locker</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">echo Locker created successfully</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">goto End</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">:End</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">3. Ganti <span style="color: red;"><b>Password Anda</b></span> dengan password yang Anda mau atau inginkan (bila terdapat spasi dalam password, ganti saja dengan <b>underscore</b>).</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">4. Lalu save dengan format <b>.bat</b>. Contohnya: <b>Legend.bat</b>, <b>Program.bat</b>, <b>Data.bat</b>, <b>Rahasia.bat</b>, <b>Lock.bat</b> dan lainnya. Usahakan save di tempat yang tersembunyi atau yang jarang di buka seperti pada <b>Local Disk (C:)</b> > <b>Windows</b> > masukkan ke dalam folder apa saja.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-XKxrDy0sknY/VdQ0WhU9wAI/AAAAAAAABas/kpBaelaZPJ8/s1600/Simpan%2BBat.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Simpan Bat" border="0" height="233" src="https://1.bp.blogspot.com/-XKxrDy0sknY/VdQ0WhU9wAI/AAAAAAAABas/kpBaelaZPJ8/s400/Simpan%2BBat.PNG" title="Simpan Bat" width="400" /></a></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">5. Buka file .bat yang sudah di save, lalu akan ada sebuah folder yang bernama <b>Locker</b>. Terakhir Anda tinggal memindahkan file yang akan disembunyikan ke dalam folder Locker tersebut.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-4FXtH_-D-zM/VdQ0uPPtByI/AAAAAAAABa0/2Ux0bI7xNVI/s1600/Locker.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Locker" border="0" height="234" src="https://2.bp.blogspot.com/-4FXtH_-D-zM/VdQ0uPPtByI/AAAAAAAABa0/2Ux0bI7xNVI/s400/Locker.PNG" title="Locker" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="color: red; font-family: inherit;"><b>Catatan:</b></span></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Untuk membuka: Klik ganda file .bat > muncul jendela Command Prompt > ketik password Anda.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-S0D4u1tzmBs/VdQ1FIxe44I/AAAAAAAABa8/1ztQFe7FZTk/s1600/Buka%2BBat.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Buka Bat" border="0" height="201" src="https://4.bp.blogspot.com/-S0D4u1tzmBs/VdQ1FIxe44I/AAAAAAAABa8/1ztQFe7FZTk/s400/Buka%2BBat.PNG" title="Buka Bat" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;">Untuk menutup: Klik ganda file .bat > muncul jendela Command Prompt > ketik y/Y.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-45XCuTh3bSw/VdQ1bZNXzZI/AAAAAAAABbE/4pROKLzJEwc/s1600/Tutup%2BBat.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutup Bat" border="0" height="201" src="https://4.bp.blogspot.com/-45XCuTh3bSw/VdQ1bZNXzZI/AAAAAAAABbE/4pROKLzJEwc/s400/Tutup%2BBat.PNG" title="Tutup Bat" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="clear">
</div>
<div style="text-align: center;">
<ul class="button">
<li><a class="button-youtube" href="https://youtu.be/ixWawFtZ6Mo" target="_blank">Versi YouTube</a></li>
</ul>
</div>
<div class="clear">
</div>

Bagi Anda yang ingin menyembunyikan sebuah file atau data penting, Anda bisa mencoba cara yang satu ini. Caranya sangat sederhana dan m...

Baca »