Cara Membuat Spoiler Image Pada Postingan Blog Atau Tombol Lihat Gambar

BAGIKAN:

Spoiler adalah makanan ringan yang terbuat dari kentang yang di goreng lalu ditambahkan saos mayo diatasnya,,eh bukan ya,, hahaa bercanda gan,oke inilah pengertian spoiler menurut sumber yang beredar,

Spoiler adalah tulisan atau keterangan mengenai suatu cerita yang membeberkan jalan cerita tersebut. Karena sifatnya yg 'membocorkan' itu, maka keberadaanya kadang-kadang mesti disembunyikan. Jadi hanya terbaca oleh orang yg mau ngebaca bocoran tersebut. Untuk menyembunyikan bocoran tersebut, biasanya menggunakan kombinasi CSS dan JavaScript. Nah, teknik menyembunyikan bocoran itu akhirnya biasa disebut juga dgn spoiler.

Nah sampean wes mudheng gan??? intinya spoiler merupakan wadah tempat dimana anda menyembunyikan sesuatu,dan hanya diketahui oleh orang yang mau melihatnya dengan cara membuka dengan menggunakan tombol yang telah di tentukan agan,..wes jelas toh gan ..

Cara masange ngene gan, maksud saya cara memasangnya begini,pertama anda harus mempunyai blog (wes jelas lan iki tutorial blog) buat sebuah postingan,nah agan buat sendiri ya postingannya,,(ojok nurunan) kemudian copy code html dibawah ini :

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT GAMBAR'; }" name="button" type="button" value="LIHAT GAMBAR" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><img class="aligncenter" src="https://1.bp.blogspot.com/-6nkxkeOu1jw/WFODoYEJTBI/AAAAAAAAAIo/lfRuDO1UpKAZSgWafTrO_Itr2OvbBS5oQCLcB/s1600/kentang%2Bgoreng%2Bmayo.jpg" alt="monyet" width="400" height="241" /></div><div id="hide"></div></div></div>
  • warna merah merupakan teks pada tombol
  • warna biru merupakan link gambar / image
  • warna hijau adalah ukuran tinggi dan lebar gambar
Kemudian pastekan pada postingan blog agan dibagian entri HTML bukan yang Compose loh yah nah sesuaikan dengan keinginan  agan..

Hasilnya akan menjadi seperti ini :

Nah ini baru yang dinamakan kentang goreng yang ditambahkan mayo diatasnya hahaha " luwe aku malihan gan " oke mungkin masih ada yang masih bingun dengan cara yang saya bagikan diatas?
Silahkan berkomentar ya gan terima kasih dan semoga selalu membantu.

COMMENTS

BLOGGER

$hide=mobile

$show=mobile

$hide=mobile

$show=mobile

$type=complex$count=4$show=home

Name

Admob,1,Adsense,4,Android,8,Blogger,20,Honda CB,6,Info,14,Komputer,10,Profile,6,Software,5,Spesifikasi Android,1,Template,7,Tips dan Trik,13,Tutorial Android,6,Tutorial Blog,8,
ltr
item
Dakeloen Blog: Cara Membuat Spoiler Image Pada Postingan Blog Atau Tombol Lihat Gambar
Cara Membuat Spoiler Image Pada Postingan Blog Atau Tombol Lihat Gambar
Buat Spoiler image
https://1.bp.blogspot.com/-6nkxkeOu1jw/WFODoYEJTBI/AAAAAAAAAIo/lfRuDO1UpKAZSgWafTrO_Itr2OvbBS5oQCLcB/s1600/kentang%2Bgoreng%2Bmayo.jpg
https://1.bp.blogspot.com/-6nkxkeOu1jw/WFODoYEJTBI/AAAAAAAAAIo/lfRuDO1UpKAZSgWafTrO_Itr2OvbBS5oQCLcB/s72-c/kentang%2Bgoreng%2Bmayo.jpg
Dakeloen Blog
http://www.dakeloen.com/2016/12/cara-membuat-spoiler-image-pada.html
http://www.dakeloen.com/
http://www.dakeloen.com/
http://www.dakeloen.com/2016/12/cara-membuat-spoiler-image-pada.html
true
3141205399269524264
UTF-8
Muat Semua Artikel Artikel tidak ditemukan LIHAT SEMUA Selengkapnya Balas Batal balas Hapus Oleh Beranda HALAMAN ARTIKEL Lihat Semua DIREKOMENDASIKAN UNTUK ANDA LABEL ARCHIVE CARI DISINI SEMUA ARTIKEL Tidak ditemukan artikel yang cocok Kembali Ke Beranda Minggu Senin Selasa Rabu Kamis Jum'at Sabtu Min Sen Sel Rab Kam Jum Sab Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember Jan Feb Mar Apr Mei Jun Jul Agu Sep Okt Nov Des baru saja 1 menit yang lalu $$1$$ minutes ago 1 jam yang lalu $$1$$ hours ago Kemarin $$1$$ days ago $$1$$ weeks ago lebih dari 5 minggu yang lalu Pengikut Ikuti INI ADALAH KONTEN PREMIUM Bagikan untuk melihatnya Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy