Membuat Pesan Pembuka Blog

Membuat Pesan Pembuka Di Blog - Cara ini kebanyakan di gunakan oleh admin blog sebagai pesan dari untuk para pembacanya, dan biasanya pesan tersebut bisa berupa ucapan selamat, ucapan terimakasih dan lain - lain, dan bisa juga di tambah dengan atribut seperti gambar dan sebagainya,

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 tombol Ctrl + 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>&#8220;Marhaban Ya Ramadhan&#8221;<br/>

Saya, Muhammad Fikriansyah selaku admin Hot News01 mengucapkan<br/>

&quot;Selamat menunaikan ibadah puasa,<br/>

semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin.&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>

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>&#8220;Marhaban Ya Ramadhan&#8221;<br/>

Saya, Muhammad Fikriansyah selaku admin Hot News01 mengucapkan<br/>

&quot;Selamat menunaikan ibadah puasa,<br/>

semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin.&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>

</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