Mys2010 on Codepen

Memasang kode Al Quran Online
Login ke akun blog klik tombol blog baru,
buat satubuah link baru  kemudian beri nama sesuai fungsi, 
klik Edit HTML pada link baru tersebut, hapus semua kode template  
ganti dengan kode blank template, yang tersedia pada sumber  
berikut ini Get Blank Template edit background warna sesuai keinginan dan klik simpan selesai 

Kemudian klik entri halaman baru HTML pada link tersebut
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai

<style class="Mys2010-styles">
body {);color:red;height:100%;overflow:hidden;} 
header {
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:  0px 0;
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  font-size:  6px;
  background: #f0f;
  border-bottom: 3px solid #dad;
} 
.ap {
position: fixed;
right: 0;
bottom:-23px;
left: 0;
height: 70px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
font-size:  11px;
background:  #f00;
border-top: 2px solid #f0f;
z-index: 9999;
} 
h2 {
padding:15px; 
background: -webkit-linear-gradient(transparent 10%, goldenrod 50%, transparent 90%); 
background: linear-gradient(transparent 10%, #0a0 50%, transparent 90%); 
} 
#M-2010, #teks, #posisi, #dibawah  {
    position: absolute;
    font-size: 11px;
    margin: 2px
}
#M-2010, #teks div {
    text-decoration: underline;
    cursor: pointer
}
#teks, #posisi {
    text-align: right;
    right:  50px;
}
#teks, #dibawah {
    text-align: left;
    left:  50px;
}
 #dibawah, #posisi {
    bottom:35px;
}
</style>

<div align="center" style="margin-top:58px">
<iframe border="10" src="http://www.quranexplorer.com/quran/"style="border:10px;height:650px;width:1100px;"></iframe>
</div>

<header> 
<a href="http://Link Judul"target="blank"title="Mari Belajar">
<h2>
<span style="color:#000; font-size: 10pt">AL'QURAN</a>  </h2>
</a>  
</div>
</header>
<div class="ap" id="ap">
<div align="center">
<div id="dibawah">
<span style="font-family:arial;font-size:12px;color:#f00;"> EDITED BY. <a href="https://Link Download"title="Download Full Code"><span style="color: #FFFF00; font-size: 14px;">&nbsp; M - 2010 </a>&nbsp; DOWNLOAD </a> 
</div>
<div id="posisi">
<span style="font-family:arial;font-size:12px;color:#f00;"> COPYRIGHT <a href="http://tools-gradiend.blogspot.co.id/2017/02/building-editors.html"target="_blank"title="Edit Code"><span style="color: #FFFF00; font-size:14px;">&nbsp; &copy; - 2017 </a>&nbsp; EDITORS </a> 
</div>
<h2>
<div align="center">
<a href="http://sample-mys2010.blogspot.co.id/2016/05/al-quran-online-with-hover.html" target="_blank"title="Visit Website"><img class="expando"border="0" src="https://sites.google.com/site/code6916/file/M-2010.png"width="140"height="10"></h2>
</a></div>
</div> 

Code by. All Source
Edited by. Mys2010 On Codepen

DEMOSHOW

If you want to directly copy  and  paste you canDownload  Alquran Online