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

Membuat Box Pesan Pembuka Spesial Ramadhan 2016 Saat Masuk Blog
Baca JugaCara 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

Saya adalah penulis Blog ORN, Saya hanya pemula masih perlu banyak belajar. Terimakasih yang sudah berkunjung semoga artikel yang saya sajikan bermanfaat :)

Silakan berkomentar dengan bijak sesuai dengan topik artikel, komentar SPAM tidak akan kami publikasikan karena komentar akan di moderasi demi keamanan, jika ingin mendapatkan pembaeritahuan balasan yang dikirim memalui email silakan centang kotak Notify me di bawah kotak komentar. Terimakasih
EmoticonEmoticon