mungkin tidak perlu panjang lebar lagi ya saya harap kalian paham dengan ulasan di atas tadi dan sekarang mari kita tengok tentang cara Membuat Pesan Dan Gambar Di Blog :
Membuat Pesan Pembuka Blog
- Silahkan Login dulu ke Blogger Dashboard, kemudian pilih menu Template > Edit HTML
- Jika sudah masuk ke menu Edit HTML, Silahkan Copy Kode di bawah ini tepat di atas
]]></b:skin>atau</style>( Untuk memudahkan pencarian silahkan tekan tombolCtrl + F)
/*CSS Pesan Pembuka Hot-news01.blogspot.com*/
#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:#07162d url(Taruh URL Gambarmu di sini) no-repeat top center;}
- Setelah CSS diatas sudah terpasang, Kmudian agan Copy kode HTML di bawah ini kemudian taru di bawah kode
<body>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>“Marhaban Ya Ramadhan”<br/>
Saya, Muhammad Fikriansyah selaku admin Hot News01 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";'>Continue Reading →</div>
</div>
Untuk pesannya silahkan sesuaikan dengan keinginan agan.
- Jika agan menginginkan Pesan Pembuka ini hanya ingin muncul saat di Homepage saja, Silahkan ganti kode HTML diatas dengan kode dibawah ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>“Marhaban Ya Ramadhan”<br/>
Saya, Muhammad Fikriansyah selaku admin Hot News01 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";'>Continue Reading →</div>
</div>
</b:if>
Mungkin sekian dulu dari saya tentang Membuat Pesan Di Blog semoga artikel ini dapat berguna sekaligus bermanfaat, Jika ada pertanyaan kritik pesan dan saran silahkan sampaikan pada kolom komentar dibawah ini. trimakasih
Beri Komentar Tutup comment