Makara sarana dan kemudahan ini akan memudahkan kita nantinya kalau suatu dikala nanti kita punya pemberitahuan, yang tentunya ingin diberitahukan kepada semua pengunjung blog, baik itu berupa pengumuman, sekedar sapaan pengunjung, atau bahkan ucapan pada momen-momen dan hari besar tertentu.
Nanti sebelum kita memasuki blog, widget atau animasi ini akan terlebih dahulu menampilkan pesan pembuka pada layar monitor, nah sesudah itu akan ada tombol yang sanggup meredirect kita ke blog sesudah final membaca pesan tersebut. Demonya sendiri sanggup anda lihat disini.
Cara Membuat Pesan Pembuka Ketika Masuk Blog
Langkah pertama yang harus anda lakukan ialah menaruh aba-aba css dibawah ini diatas kode ]]></b:skin>, anda sanggup mencari aba-aba tersebut di sajian template > edit html > kemudian gunakan CTRL+F untuk mencari aba-aba tersebut, kemudian letakanlah sempurna diatasnya.
#farespobox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#farespobox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.farespoclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.farespoclose:hover {background-color:#aaa}
#farespo {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/AVvXsEgHdUhyPTG8RNm4-LUGdivf9m6Zk0fJXwaNifjA70F127MorGQ63RVh7MiGowXhPaQTFe7XrWuA9Kj7EO-lxDESUtCL2iadHbV1uLSFoifiPhT_lrSNp_IkDQniLWk8S5la_DeEaAB3E6S1/s1600/Wallpaper.jpg) no-repeat top center;}
Selanjutnya letakan aba-aba HTML ini sempurna dibawah aba-aba <body>, gunakan CTRL+F untuk menemukanya.
<div id='farespooverlay'/>
<div id='farespobox'>
<p>“Marhaban Ya Ramadhan”<br/>
Saya, Muhammad Farhan selaku admin Farespo mengucapkan<br/>
"Selamat menunaikan ibadah puasa,<br/>
semoga kita selalu diberkahi di bulan yang penuh berkah ini...amin."</p>
<div class='farespoclose' onclick='document.getElementById("farespobox").style.display="none";farespooverlay.style.display="none";'>Continue Reading →</div>
</div>
Anda sanggup rubah kata-kata yang bercetak biru diatas menjadi kata-kata atau pesan yang ingin anda sampaikan kepada para pengunjung.
Demikian informasi terbaru tentang Cara Membuat Pesan Pembuka Ketika Masuk Blog, simak juga artikel menarik lainya seputar tutorial blog tentang Cara Membuat Tulisan Berjalan Marquee Di Blog, agar bermanfaat, dan selamat mencoba.