Membuat Pesan Pembuka Ramadhan Ketika Masuk Blog Terbaru 2016

Membuat Pesan Pembuka Spesial Ramadhan - Banyak cara untuk menyambut bulan suci ramadhan yang penuh berkah ini, bagi para blogger kita dalam menyambut bulan suci ramadhan bisa lakukan update posting spesial islamiyah atau hanya memberi kalimat ucapan saja di blog nya seperti blog saya ini sekaligus memang bisa untuk memeprcantik blog,

Untuk Pesan Pembuka Ramadhan ini akan menutupi layar pada browser di lengkapi tombol (Continue Reding) untuk menutup nya, contoh nya seperti blog saya ini saya udah menggunakannya, oke langsung saja ikuti langkah-langkah memsang nya

Baca Juga : Cara Mengembalikan File Yang Terhapus Permanen

Langkah-Langkah

1. Masuk ke dasboard blogger > Template > Edit HTML
2. Masukan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>
   

   #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(http://webneel.com/wallpaper/sites/default/files/images/06-2013/14%20ramadan%20wallpaper.jpg) no-repeat top center;}

3. Selanjutnya masukan kode ini di atas tag </body>
   

   <div id='welcomeoverlay'/> <div id='welcomebox'> <p>&#8220;Marhaban Ya Ramadhan 1437 H / 2016 &#8221;<br/> Saya, Oka Rizky Nirlandi selaku Admin Blog ini mengucapkan<br/> &quot;Pucuk selasih bertunas menjulang, dahannya patah tolong betulkan, puasa Ramadhan kembali menjelang, salah dan khilaf mohon dimaafkan. Selamat Menunaikan Ibadah Puasa Pengunjung Setia Blog ORN. &quot;</p> <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Continue Reading &#8594;</div> </div>

4. Simpan Template 

Keterangan : Pada kode HTML untuk di tag </body> jangan lupa untuk kalian edit dulu dari nama admin nya atau kata-kata nya gan, saya anggap kalian sudah mengerti cara mengedit script HTML, agan juga bisa mau ganti gambar background gambra nya bisa di edit di CSS nya ganti URL gambra nya

Share this post