0 Cara Mebuat Sidebar Keren Show Dan Hidden

PT - Cara Mebuat Sidebar Keren Show Dan Hidden - Sesuai dengan judul di atas Cara Mudah Mebuat Sidebar Show hidden Pada blog. memasang show hidden ini sangant berguna karena unrtuk merapikan sidebar yang mempunya banyak penak-pernik seperti blog saya nin! hehe
Na jika kamu tertarik ingin memasangnya langsung saja lakukan langka-langka berikut ini :

• Masuk akun blogger
• Pilih edit HTML
• Cari nama sesuaih nama sidebar kamu "contoh blog archive" atau sesuai dengan kode di bawah ini  (tekan Control F untuk memudahkan pencarian)

<b:widget id='HTML2' locked='false' title='Tutorial Blog' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

 Jika sudah ketemu kodenya, Ganti kode yang berwarna hijau dengan kode di bawah ini :

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

Terus kopi kode di bawah ini dan paste tepat di atas kode </b:includable> yang saya neri warna merah

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

Terakhir simpan dan lihat hasilnya.

Komentar →