Cara Membuat Pesan Pembuka Ketika Kita Memasuki Blog
Halo sobat blogger dimanapun anda berada, kali ini saya akan membahas tentang bagaimana Cara Membuat Pesan Pembuka Ketika Kita Memasuki Blog, tentu saja pesan pembuka ini bersifat full window.
Jadi sarana dan fasilitas ini akan memudahkan kita nantinya jika suatu saat 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 setelah itu akan ada tombol yang dapat meredirect kita ke blog setelah selesai membaca pesan tersebut.
Cara Membuat Pesan Pembuka Ketika Masuk Blog :
- Langkah pertama yang harus anda lakukan adalah menaruh kode CSS dibawah ini diatas kode ]]></b:skin>, anda bisa mencari kode tersebut di menu template > edit html > lalu gunakan CTRL+F untuk mencari kode tersebut, lalu letakanlah tepat 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/AVvXsEjsdM2gXpLBrxdZwhOBEZbM2e9SJGVdnSQGi3suDIulTtWTGvLRhuFrbdvis2Q4ow5U8718Z-LC0ShPUC0UAMyVCVljnKpPSGwxe2XMcsTD7XBkM9QU3lAK0FlcpS9x8fyzXBkpy7eY-RJB/s1600/Wallpaper.jpg) no-repeat top center;} - Selanjutnya letakan kode HTML ini tepat dibawah kode <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 bisa rubah kata-kata yang bercetak biru diatas menjadi kata-kata atau pesan yang ingin anda sampaikan kepada para pengunjung.
Demikianlah informasi terbaru tentang Cara Membuat Pesan Pembuka Ketika Masuk Blog, simak juga artikel menarik lainya seputar tutorial blog tentang Cara Memasang Widget Visitor Online Whos.amung.us Di Blog, semoga bermanfaat, dan selamat mencoba.
#Cara Membuat Pesan Pembuka Ketika Masuk Blog
0 Response to "Cara Membuat Pesan Pembuka Ketika Masuk Blog"
Post a Comment