Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Cara Membuat Show-Hidden Box di Widget Blogspot


Coba sobat blogger mania perhatikan pada widget EFA di sebelah kanan yang berwarna putih, isi dari widget itu adalah flag counter, tapi menurut EFA itu adalah spoiler, namun sudah dikemas dengan sedikit sentuhan oleh sang inspirator, siapa lagi orangnya kalau bukan mas Sito Gimin alias si Ghubuk reyot, nah melaui postingan kali ini EFA akan memposting artikel tentang Cara Membuat Show-Hidden Box di Widget Blogspot hasilnya pun cukup spektakuler, disamping manfaatnya untuk menghemat tempat juga untuk mempercepat loading blog tentunya ikuti langkah-langkah berikut kalau sobat blogger berminat untuk membuatnya
 
  1. Login to BloGGeR.
  2. Setelah masuk di halaman Dasboard, KLIK link Design/Rancangan.
  3. Design/Rancangan : KLIK Add Gadget/Tambah Gadget
  4. KLIK HTML/Javascript.
  5. Pastekan seluruh Javascript Show-Hidden dan kode HTML Widget yang akan dipasang.
          KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog


Javascript 


<script type='text/javascript'>
  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;">');
  </script>
  <center>
  <div style="background:#b3c8ce url(http://1.bp.blogspot.com/_2ye1u3ms7LI/S8mUZgw3IgI/AAAAAAAAADk/OjYzr5AlHFI/s320/Untitled-55-copy.gif) left top repeat-x;width:260px;padding:2px 0;">
  <p style="background:#98d6e5 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlueFadeV71H1.gif) left top repeat-x;font-size:14px;font-weight:bold;color:#012750;font-family:Tahoma;padding:4px;border:1px solid #333;margin:5px;">Judul/Nama Widget<br />
  <img src="http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/Show-HideH115V34.jpg" width="112" height="28" style="margin:2px auto;" /></p>
  <script type='text/javascript'>
  document.write('<div id="' + rnd + '" style="display:none;padding:8px;background:#e1eaf1;margin:0 5px 8px;">');
  </script>

Letakkan widget yang akan di sembunyikan di sini!

<script type='text/javascript'>
  document.write('<\/div>');
  </script>
  </div>
  </center>

 · Ganti Teks yang bertuliskan Letakkan widget yang akan di sembunyikan di
    sini! dengan Kode HTML Widget yang akan di pasang.
·  Ganti Judul/Nama Widget sesuai widget yang digunakan.
·  width:260px; merupakan lebar show hidden. Sampeyan dapat merubahnya sesuai ruang yang tersedia.  
   Semakin kecil maka akan semakin sempit.

Selamat Mencoba Semoga berhasil.......dan tetaplah terus berkreasi.........

 

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


2comments:

  1. KOK BISA KAYAK GINI BLOGNYA YA? KEPENGEN BANGET PUNYA BLOG KAYAK GINI...

    ReplyDelete
  2. Mantap gan............wih......edan

    ReplyDelete

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev