Run_D Creator's

Wednesday, May 16, 2012

Pasang Tombol Maximize dan Minimize Agar Blog Tampak Unik

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 blogdan apabila sobat masang tombol minimize dan maxzimise pada blog sobat pasti blog sobat kelihatan rapi dan tidak memakang banyak tempat.

Contohnya lihat gambar dibawah ini!Maximize blog






Nah,faham kan yang saya maksud? dengan memasang widget minimize juga maximize pada blog,blog kamu akan terlihat unik juga..nie saya dapat dari sahabat blog juga namanya  blog infonetmu ,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:none;">'); /* ]]> */ </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!


    A= Nama widget
    B= Kode yang perlu diganti
    C= Kode yang perlu diganti
  • Save Template dan lihat hasilnya.
  • Maka Hasilnya seperti gambar di atas
  • doa
Sumber: http://infonetmu.blogspot.com/2011/12/cara-membuat-tombol-minimize-dan.html
Baca Juga di Bawah Ini :
ATTENTION PLEACE :
Buat semua pengunjung yang ingin copy-paste diperbolehkan asal mencantumkan..
URL:
http://creatoragus.blogspot.com/

Hal ini untuk menambah rasa pertemanan agar menjadi lebih akrab dan untuk menjaga solidaritas dari para blogger sejati yang ada di indonesia..
Dan apabila terjadi kerusakan pada postingan kami misalnya kode yang salah,Gambar yang tidak valid dll.Sobat dapat menghubungi kami disini
Salam:Run_D Creators

0 comments

Post a Comment

Terima kasih sudah mampir di Run_D Creator's. Jika sobat ingin memberikan komentar silahkan isi form kementar di bawah dengan sopan. Mohon maaf jika membalasnya lama, jangan lupa mampir lagi ya :)