Hmmmm....setelah asik mejeng mejeng dikaskus...dan terinspitasi dengan...segala keasikan nya disana ide itupun muncul...yaa...ide untuk membuat sebuah spoiler yang mirip banget sama pembutan spoiler di kaskus, cuma disini kita menggunakan media blogspot sebagai bahan pembelajaran nya....Lalu bagaimana cara nya Membuat Spoiler Di Blogspot berikut tips dan trik blogspot kali ini :
--> Masuk kedalam postingan..
-->Lalu click Tombol HTML dan masukan script berikut ini :
<divstyle="margin: 5px 20px 20px;"><div class="smallfont"style="margin-bottom: 2px;"><b>Judul Spoiler<em>[Judul yang miring]</em></b> : <inputvalue="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" 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 = 'Hide'; } else {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display= 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"> </div><br /><divclass="alt2" style="margin: 0px; padding: 6px; border: 1pxinset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Dan hasil nya sebagai berikut.. :
Judul Spoiler:
--> Masuk kedalam postingan..
-->Lalu click Tombol HTML dan masukan script berikut ini :
<divstyle="margin: 5px 20px 20px;"><div class="smallfont"style="margin-bottom: 2px;"><b>Judul Spoiler<em>[Judul yang miring]</em></b> : <inputvalue="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" 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 = 'Hide'; } else {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display= 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"> </div><br /><divclass="alt2" style="margin: 0px; padding: 6px; border: 1pxinset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Dan hasil nya sebagai berikut.. :
Judul Spoiler:
Terima Kasih Telah Berkunjung Di Bog ini Semoga Bermanfaat
Judul: Cara Membuat Spoiler Di Blogspot
Tulisan di Blog ini tidak semuanya saya Tulis dan juga banyak artikel Dari BLog Lainnya Cara Membuat Spoiler Di Blogspot Blog ini hanyalah sebagai Bookmark dari Blog tetangga yang ingin saya baca ketika ada waktu Longgar untuk Blog tulisan saya Sendiri adalah http://m-shohiburridak.blogspot.com itu banyak berisi Tutorial Tentang Jaringan
Judul: Cara Membuat Spoiler Di Blogspot
Tulisan di Blog ini tidak semuanya saya Tulis dan juga banyak artikel Dari BLog Lainnya Cara Membuat Spoiler Di Blogspot Blog ini hanyalah sebagai Bookmark dari Blog tetangga yang ingin saya baca ketika ada waktu Longgar untuk Blog tulisan saya Sendiri adalah http://m-shohiburridak.blogspot.com itu banyak berisi Tutorial Tentang Jaringan
Related Post:
Blogging
- Tutorial Membuat Banner animasi
- Daftar lengkap Blog DoFollow Pagerank Tinggi
- Cara Sangat Cepat Menaikkan Pagerank plus Dapat Ribuan Backlink
- CARA MEMASANG WIDGET TUKAR LINK OTOMATIS
- Mengapa Huruf Judul Widget dan Judul Posting Blog Ini Tebal?
- Pasang Jadwal Sholat di Sidebar Blog
- Laman Masuk Baru Blogger
- Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
- Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal