Spoiler dengan flyppy :
Css-nya
#flippy{text-align:center}
#flippy button{background:#aa65c7;color:#fff;text-align:center;margin:0 auto;border:none;border-radius:3px;padding:8px 16px;margin:10px auto;font-size:14px;font-weight:bold;box-shadow:0 3px 0 0 #883da7;vertical-align:middle;cursor:pointer;text-shadow:0 1px rgba(0,0,0,0.3);transition:background 0.1s ease-in-out}
#flippy button:hover,#flippy button:focus{background:#9e4fbf;outline:none}
#flippanel{padding:1px;text-align:left;background:#f5f5f5;border:0}
#flippanel{padding:24px;display:none}
Java scriptnya :
<script>
$(document).ready(function() {
$("#flippy").click(function() {
$("#flippanel").slideToggle("normal");
});
});
</script>
<div id="flippy"><button>Cekidot</button></div>
<div id="flippanel">
---ISI KONTEN ANDA TERAPKAN DISINI---
</div>
Sekarang kitorang hendak membagi dua halaman posting untuk isi poto banyak amat, begini carenye broh...
<style scoped="" type="text/css">
.bagidua img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
.post-body img{-webkit-touch-callout:initial!important;-webkit-user-select:initial!important;-khtml-user-select:initial!important;-moz-user-select:initial!important;-ms-user-select:initial!important;user-select:initial!important;pointer-events:initial!important}
.bagidua {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
@media only screen and (max-width:960px){
.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
@media only screen and (max-width:640px){.bagidua{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.post-body img{-webkit-touch-callout:initial!important;-webkit-user-select:initial!important;-khtml-user-select:initial!important;-moz-user-select:initial!important;-ms-user-select:initial!important;user-select:initial!important;pointer-events:initial!important}
</style>
<div class="bagidua">
isi poto
</div>
Untuk contohnye sampean bisa liat artikel FOTO HOT PAMELA SAVITRI BISA BIKIN MATA COWOK YANG BUREM JADI TERANG...
Demikian tutorial kali ini semoga dapet di mengerti yee
Spoiler dengan flyppy : Css-nya #flippy{text-align:center} #flippy button{background:#aa65c7;color:#fff;text-align:center;margin:0 au...
