Dengan anda memasang pesan pembuka pada blog kita, kita akan tahu bahwa pemilik blog tersebut adalah orang islam. oleh karena itu memasang pesan pembuka ialah cara juga agar kita dapat menambah pahala via online hehehehehe. nah jika anda menginginkan tutorial Cara Membuat Pesan Pembuka Ketika Memasuki Blog anda bisa mengikutinya dibawah ini .
Cara Membuat Pesan Pembuka Ketika Memasuki Blog
- Login di blogger.com
- Masuk ke dashboard > Template > Edit HTML
- Tekan tombol di keyboard "
CTRL+F". - Maka akan muncul kotak search pencarian tepat diatas .
- Nah kemudian masukkan kode
]]></b:skin>tepat di kotak pencarian tersebut, kemudian klik enter. - Masukkan kode CSS dibawah ini tepat diatas kode
]]></b:skin>
#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:#333 url(http://1.bp.blogspot.com/-I9MgxcNwyRM/TiJ5l1Xd1HI/AAAAAAAAAEk/61lLKdjoUSw/s1600/08-ramadan-kareem-wallpaper.jpg) no-repeat top center;}
- Cari kode
<body>kemudian masukkan kode script dibawah ini tepat dibawah kode<body>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>“Marhaban Ya Ramadhan”<br/>
Saya, Dyho Haw selaku admin Cyber 88 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";'>Lanjutkan Membaca →</div>
</div>
- Simpan Template
Nah itulah artikel tentang Cara Membuat Pesan Pembuka Ketika Memasuki Blog semoga artikel ini bisa bermanfaat bagi kita dan kalian semua wassalamualikum wr.w.b
Mantaaap jg kang.
ReplyDeleteWalah Berbeda Versi Dengan Yang Punya Saya :D , Cobain Dulu Gan :D
ReplyDeleteBagaimana caranya kalo ingin merubah gambar tampilan gan..???
ReplyDelete