Cara Membuat Tombol Minimize dan Maximize di Blog

Cara Membuat Tombol Minimize dan Maximize di Blog,iya..apa sih maksudnya? maksudnya yaitu tombol untuk menampilkan atau memunculkan sebuah widget,jadi jika kamu memasang tombol minimize atau maximize pada blog,widget kamu akan bisa layaknya sebuah software saja,Minimize blog

Lihat gambar dibawah ini!Maximize blog

Cara Membuat Tombol Minimize dan Maximize di Blog

Cara Membuat Tombol Minimize dan Maximize di Blog

Nah,faham kan yang saya maksud? dengan memasang widget minimize juga maximize pada blog,blog kamu akan terlihat unik juga..seperti halnya pada blog infonetmu ini,ada uniknya juga,karena ada beberapa widget yang muncul pada homepage saja,atau sebaliknya widget yang muncul pada postingan saja. unik kan..unik

Cara membuat tombol minimize dan maximize pada blog sebagai berikut:

  • Login ke blogger
  • Ke 'Rancangan' > Edit HTML > Centang 'Expand Widget Templates'
  • Cari kode <h2 class='title'><data:title/></h2>
  • Kalau sudah ketemu ganti kode tersebut dengan kode dibawah 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('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;inline&quot;" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
    document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;none&quot;" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');
    /* ]]> */ </script><data:title/></h2>
    <script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:inline;">'); /* ]]> */ </script>
  • Lalu ganti juga kode </b:includable> dengan kode berikut :
    <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
    Misal widgetnya Shout Box maka Kodenya seperti gambar berikut!

    kode minimize dan maximize blog
    A= Nama widget
    B= Kode yang perlu diganti
    C= Kode yang perlu diganti

  • Save Template dan lihat hasilnya.
    doa

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive