Membuat Pesan Pembuka Spesial Ramadhan Full Screen
Saturday, June 28, 2014
Cara Membuat Pesan Pembuka Spesial Ramadhan
1. Anda masuk ke blog anda
2. Masuk ke Template >> Edit HTML
3. Cari ]]></b:skin> dan letakkan kode dibawah ini diatasnya
#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;} #welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;} .welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;} .welcomeclose:hover {background-color:#aaa} #welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbfaQ7_YMby4cT1unVWuiNRFJDqEOPHAC_ceArmBjUBAopHcfkJ8HaNNerdynIbPGFz6mpxU84Cs2lETtUnYiA8ocFC7WrHiLRt-E3OWZY4GLil04b2iBu1F97wzYgiE6ipB-PJ9_tUs/s1600/bg+ramadhan.png) no-repeat top center;}Anda bisa ganti background dengan cara mengganti link yang saya tandai warna Merah dengan Link gambar anda
4. Sekarang cari <body> dan masukan kode dibawah ini tepat dibawahnya , Jangan Lupa setelah itu di Simpan
<div id='welcomeoverlay'/> <div id='welcomebox'> <p>“Marhaban Ya Ramadhan”<br/> Saya, Ryan selaku admin Agan-Tutorial mengucapkan<br/> "Selamat menunaikan ibadah puasa,<br/> semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin."</p> <div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>Continue Reading →</div> </div>Saya berharap trik ini akan membantu Anda . Tulis komentar Berharga Anda tentang artikel ini dan juga jangan lupa untuk berbagi artikel ini di Jaringan sosial untuk menyebarkan Pengetahuan. 1 klik G+ sangat berguna untuk mengembangkan Blog ini.