IndeksFAQPendaftaranLoginbtaman bacaanForum TdBlog Semut Nungging

Pengunjung
page counter
Latest topics
» Download software organ tunggal gratis
by Nana80 Wed 29 May 2013, 16:40

» Membuat Background foto sendiri pada Facebook anda
by Tamu Mon 18 Mar 2013, 14:48

» Hosting Download/Upload File mudah, cepat, efisien dan gratis
by Om Jin Sun 17 Mar 2013, 12:57

» Popup Facebook Like Box Dengan Timer CountDown Untuk Blogger
by Om Jin Sat 16 Mar 2013, 17:29

» activator Sim Aquarium 3
by Om Jin Sat 16 Mar 2013, 13:09

» solfware
by sryvika Tue 05 Mar 2013, 08:08

» organ di computer
by nur idris Fri 25 Jan 2013, 17:24

» organ game tunggal
by awex bae Sat 19 Jan 2013, 12:44

Web / Blog Teman
User Yang Sedang Online
Total 3 uses online :: 0 Terdaftar, 0 Tersembunyi dan 3 Tamu

Tidak ada

User online terbanyak adalah 309 pada Wed 07 Dec 2011, 13:06
Info Forum

Page Ranking Tool





Share | 
 

 Cara Membuat Show Hiden Widget

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Om Jin
Owner
Owner


Jumlah posting : 4120
Points : 8495
Join date : 21.09.09
Age : 35
Lokasi : muara tebo / Jambi

PostSubyek: Cara Membuat Show Hiden Widget   Tue 07 Jun 2011, 12:17




Membuat show-hidden widget blog sangat diperlukan untuk mempercantik blog. Beberapa widget mungkin dapat kita tampilkan dalam box tersembuyi dan hanya akan terlihat ketika seorang pengunjung menginginkannya saja.

Selain itu, diharapkan mampu memberi peluang blogger untuk memunculkan tampilan baru yang lebih indah. Dengan membuat "tombol" atau button yang bagus, Saya kira apa yang diharapkan pasti akan dapat diwujudkan. Berbagai bentuk button, baik berupa gambar biasa atau animasi, css3 button, teks dan box dengan shadow efects juga bisa kita pakai buat membuat tampilan berbeda. Bahkan sampeyan juga bisa memanfaatkan opacity effect untuk menambah daya tarik show-hidden box ini.

Dengan ini, kita tidak terlalu banyak mengambil tempat widget sisanya masih dapat digunakan untuk keperluan apapun dan bagaimanapun.

Langkah langkah

Code:
<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("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; 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

  <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>

Langkah menggunakan Show-Hidden Widget
1. Login to BloGGeR.
2. Setelah masuk di halaman Dasboard, KLIK link Design/Rancangan.
3. Design/Rancangan : KLIK Add Gadget/Tambah Gadget (box yang bergaris putus-putus).
4. KLIK HTML/Javascript.
5. Pastekan seluruh Javascript Show-Hidden dan kode HTML Widget yang akan dipasang.
6. KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog.

Keterangan :
1. Ganti Teks yang bertuliskan Letakkan widget yang akan di sembunyikan di sini! dengan Kode HTML Widget yang akan di pasang.
2. Sebagai contoh, coba pasang kode HTML di bawah ini untuk menggantikan teks tersebut :
3. Ganti Judul/Nama Widget sesuai widget yang digunakan.
4. width:260px; merupakan lebar show hidden. Sampeyan dapat merubahnya sesuai ruang yang tersedia. Semakin kecil maka akan semakin sempit.

Untuk Lebih cantik, silahkan di edit ukuran nya sendiri, sesuaikan dengan ukuran Blog atau web anda.

Source : [You must be registered and logged in to see this link.]


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
 

Cara Membuat Show Hiden Widget

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 

 Similar topics

-
» (bagaimana) cara membuat peringatan di chatbox?
» Arsip: Cara Membuat Jumlah Posting,Birthday,Join Date,Webs Seperti Ini
» [Tutorial] Cara membuat forum forumotion
» Cara membuat pendataan&list list barang menjadi seperti di sini?
» Solved: Bagaimana cara membuat icon Verified member disamping Nama gmna?
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
Forum Berbagi Om Jin :: INTERNET :: WEB BLOG CHAT-