Cara Membuat Quote/Spoiler Tulisan dan Gambar Pada Postingan Blog


Kali ini saya akan membahas tentang Quote/Spoiler pada blog. tentunya anda sering melihat di forum-forum maupun dipostingan blog tulisan atau gambar yang disembunyikan di dalam simol/kode.

Mungkin anda ingin membuatnya juga untuk mempercantik tampilan postingan anda. berikut saya akan membuat tutorialnya untuk anda :

1. Login ke blog anda
2. Buat Postingan Baru/Entri Baru
3. Lalu pilih HTML yang ada di pojok kiri atas
4. Copy Widget dibawah ini ke dalam HTML tersebut :

Untuk Quote/Spoiler Tulisan
<br /></div> <div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Isi Dengan Judul Quote/Spoiler </b>: <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <br /> <div class="separator" style="clear: both; text-align: center;"> Masukkan isi Quote/Spoiler  </div> <div class="separator" style="clear: both; text-align: center;"> </div>

Untuk Quote/Spoiler Gambar
<br /> <div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Isi Dengan Judul Quote/Spoiler</b>: <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://edisurs.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="Isi Url Gambar" width="400" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div>

Contoh  Quote/Spoiler : "DEMO"
Notice :
1. Tulisan Berwarna Biru Ganti Dengan Judul Quote/Spoiler 
2. Tulisan Berwarna Merah Ganti Dengan Isi Quote/Spoiler 
3. Tulisan Berwarna Orange Ganti Dengan URL Gambar

Share this

Berlangganan via email

Related Posts

Previous
Next Post »

+ Follow
Join on this site

with Google Friend Connect