Cara Membuat Pesan Pembuka Di Blog Yang keren

Cara Membuat Pesan Pembuka Di Blog Yang keren

Apa kabar sobat semua.kali ini saya akan membagikan sedikit informasi tentang sebuah cara yang sangat layak untuk anda terapkan pada blog sobat yaitu Pesan selamat datang pada pengunjung yang terpasang di blog kita,misalnya dikala momentumnya idul fitri atau natal dan lain-lain sehingga suasana keakraban anda terhadap pengunjung blog anda akan menjadi semakin dekat dengan adanya pesan pembuka ini dan pembaca merasa anda perhatikan

Baiklah kita langsung masuk kepada tahap-demi tahapnya ya seperti diawah ini

1. Login ke dasbord blogger anda 

2.Temukan kode  ]]></b:skin>

3.Paste kode script dibawah ini tepat diatas kode tersebut

/* CSS Pesan */
#welcomebox {position:fixed;top:5%;left:50%;width:70%;height:40%;min-height:30%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{background:#fff;color:#888;font-family:&#39;Playfair Display&#39;;font-size:180%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:15px;padding-top:40px;padding-bottom:40px;border-top:60px solid #f35d5c;border-bottom:4px solid #222;transition:all 0.4s linear;}
#welcomebox p:hover{color:#666;}
.welcomeclose {background:#555;color:#fff;border-bottom:4px solid #222;padding:10px 25px;text-align:center;margin:0 auto;cursor:pointer;display:inline;transition:all 0.4s ease-in;}
.welcomeclose:hover {background-color:#444;color:#fff;border-bottom:4px solid #202020;box-shadow:inset 181px 0px 0px #f35d5c;animation: pulse .4s ease-in;
animation: pulse .4s ease-in;animation: pulse .4s ease-in;}
#welcomeoverlay {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/AVvXsEijmnlAFOBE7Xf4OLYXp5HyqcS-dcp1YPennAAX2HSKyt2eqm2TcZeVd59NIDwDbVtciDUrXeps44Eb9k5uYYbyblSUH8c90lP3k1mxnfbgbbsBbqFVe7mbHgFOywkzRRNiLVAHyzuDEmca/s1600/LOGOHUTRI.gif) no-repeat top center;}

• Silahkan ganti kode warna merah diatas dengan url gambar yang anda inginkan.
• Selanjutnya anda cari kode </body> , letakan kode dibawah persis diatas </body>

 <div id='welcomeoverlay'/>
<div id='welcomebox'>
    <p>&#8220;Selamat Datang Di Situs Game Online Angry Birds&#8221;<br/>
      Saya, Netipli, CS.Kom, CM.Kom selaku admin Permainan Game Online Angry Birdsmengucapkan<br/>
&quot;Selamat Hari Ulang Tahun RI Ke-69, 17 Agustus 2014 Hari Raya Kemerdekaan Republik Indonesia.&quot;</p>
    <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Lanjutkan &#8594;</div>
  </div>

Keterangan:

1. Gantilah tulisan warna Merah dengan Tulisan selamat datang kesukaan anda atau apa saja yang ingin anda sampaikan

2. Save template dan selesai

Nah demikianlah tentang Cara Membuat Pesan Pembuka Di Blog Yang keren dan semoga postingan ini memberikan manfaat untuk anda

salam brogger Newbie