Mebuat Sidebar Keren Show Dan hidden Pada blog

Malam senuanya...apa kabar untuk hari ini. 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.
Seoga artikel tentang Mebuat Sidebar Keren Show hidden Pada blog bisa bermanfaat bagi sobat yang membutuhkannya!
wassalam!

Note : Mari Klik g+ pada blog ini untuk mencukupi kebutuhan blog ini :D...

Share this

Unknown