Cara Membuat Spoiler

Cara Membuat Spoiler
Spoiler adalah tampilan yang bisa terbuka saat diklik.
Cara Membuat Spoiler sangatlah gampang,silahkan anda copas kode Spoiler berikut ini:
<div><input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.</div></div></div>

hasilnya:

Masukkan text-nya disini. Gambar juga bisa.

Cara Membuat Spoiler
kode spoiler yang lainnya:
Spoiler SHOW/HIDE
<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

hasilnya:
DISINI LETAK KONTENT ANDA
kodespoiler yang no 3
Spoiler OPEN / CLOSE
<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open!!!" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>

hasilnya:
Judul Spoiler
ISI SPOILER
cara membuat spoiler sama dengan cara membuat kotak scroll
silahkan anda lihat di postingan membuat kotak scroll artikel terkait

read more

Cara Membuat kotak scroll artikel terkait

Cara Membuat Kotak Scroll Artikel Terkait
sebelumnya saya sudah memosting artikel membuat artikel terkait dengan scroll namun karna memang sangat tidak jelas,maka sudah lumrah apabila me,buat banyak yang bertanya tanya mengenai tutorialnya.
namun saya membuat postingan begitu karna asalnya hanya sebagai arsip saja,eh ternyata ada gunanya juga buat orang lain.
lalu ada salah satu netter pengunjung blog BOZ ini yang bertanya cara naruhnya gimana.
untuk menjawabnya saya rasa saya perlu memosting ulang postingan saya dengan postingan yang lebih lengkap,semoga saja postingan kali ini sudah bisa memberi pemahaman yang cukup buat para pembaca.
untuk membuat kotak scroll artikel terkait caranya sebagai berikut:
1.anda login ke blogger.com/home dulu
2.buat postingan,lalu copy kode dibawah ini lalu paste
kodenya sebai berikut:


<div align="center"><table width="250" border="1"><tr> <th colspan="100%" scope="col">ARTIKEL LAINNYA</th> </tr><tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 350px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">taruhlah tulisa anda disini</div></div></td></tr></table></div>

hasilnya akan tampak seperti ini:

ARTIKEL LAINNYA
taruhlah tulisa anda disini


paste kode diatas dipost dengan mode HTML
mode diblogspot itu ada dua,ada mode HTML ada mode COMPOSE
kode scroll ini juga bisa dipasang di gadget teks atau digadget HTML/JavaScript
ditulisan yang berwarna merah anda ganti dengan tulisan anda yang sudah hyperlink (untuk artikel terkait atau artikel lainnya).
untuk kode kotak scroll yang lain anda bisa lihat dipostingan saya  membuat scroll box dan di membuat scroll
selamat mencoba dan semoga sukses.
artikel lainnya:
read more

Hadits mengenai niat

Hadits mengenai niat
انما الاعمال بالنيات
sesungguh perkerjaan itu dengan niat
hadits lain yang lebih panjang:

عن عُمَرَ بْنَ الْخَطَّابِ – رضى الله عنه – قَالَ سَمِعْتُ رَسُولَ اللَّهِ – صلى الله عليه وسلم – يَقُولُ « إِنَّمَا الأَعْمَالُ بِالنِّيَّاتِ ، وَإِنَّمَا لِكُلِّ امْرِئٍ مَا نَوَى ، فَمَنْ كَانَتْ هِجْرَتُهُ إِلَى دُنْيَا يُصِيبُهَا أَوْ إِلَى امْرَأَةٍ يَنْكِحُهَا فَهِجْرَتُهُ إِلَى مَا هَاجَرَ إِلَيْهِ
Dari Umar bin Khothob berkata : “Saya mendengar Rosululloh bersabda : “Sesungguhnya amal perbuatan itu tergantung pada niatnya, dan sesungguhnya setiap orang itu tergantung terhadap apa yang dia niatkan, maka barang siapa yang hijrohnya untuk Alloh dan Rosul Nya maka hijrohnya itu untuk Alloh dan Rosul Nya, dan barangsiapa yang hijrohnya untuk mendapatkan dunia maka dia akan mendapatkannya atau hijrohnya untuk seorang wanita maka dia akan menikahinya, maka hijrohnya itu tergantung pada apa yang dia hijroh untuknya.”
read more

Email Gratis dari Blogger Lokal

Email Gratis dari Blogger Lokal | email gratis dari blogger lokal
bagi anda yang butuh email gratis lokal bisa mendapatkan banyak penyedia email gratis lokal dengan menggunakan google
namun pastinya orang indonesia lebih suka memakai email gratis lokal dari telkom net,karna telkom net adalah perusahaan yang cukup besar yang ada di negeri ini.
namun pastinya juga anda kecewa setelah mendaftar ketelkom net,karna ternyata disana tidak bisa mendaftar.
kakak saya kemaren berkali kali mencoba mendaftar,namun tidak bisa
setelah saya tanya kepada beberapa teman saya,ternyata juga tidak bisa.
nah,daripada kecewa karna tidak bisa menggunakan email gratis lokal,lebih baik anda memanfaatkan email gratis yang disediakan oleh blogger lokal.
tertarik?
silahkan langsung mendaftar di email gratis mughits atau bisa juga berkunjung dulu di email email gratis lokal
selamat memanfaatkan email gratis dari blogger lokal
read more

daftar social bookmarking indonesia

berikut ini daftar social bookmarking indonesia.
  1. http://www.populerkan.com 
  2. http://www.beritapilihan.com 
  3. http://lintasberita.com/ 
  4. http://infogue.com/ 
  5. http://www.kombes.com/
  6. http://debuk.com/
  7. http://www.beritahusaya.com/ 
  8. http://bookmarking.bloggerceria.info/ 
  9. http://www.beritague.com/ 
  10. http://www.bookmarkindonesia.com/ 
  11. http://www.situsportal.com/ 
  12. http://sekilasinfo.net/ 
  13. http://www.indokami.com/ 
  14. http://www.antarblog.com/ 
  15. http://directory.blogbareng.com/ 
  16. http://bagikan.com/ 
  17. http://sundulberita.com/
  18. http://memburu.info/
  19. http://www.bookmarkdofollow.com/ 
  20. http://cherianews.info/ 
  21. http://www.yebooo.com/
  22. http://www.duniaberitaterkini.com/ 
  23. http://www.definisi.net/ 
  24. http://www.indobookmark.com/ 
  25. http://www.sajikan.com/ 
  26. http://www.satuportal.net/
  27. http://www.kejartayang.com/ 
  28. http://www.liputankhusus.com/

semoga manfaat ya...wassalamu'alaikum.wr.wb.
read more