Membuat pesan pembuka pada Blog

Written By PENDIDIDKAN Monday, September 15, 2014 Add Comment Edit

Membuat Pesan Pembuka pada Blog - Pesan pembuka merupakan ucapan sambutan, Manfaat widget ini memudahkan kita suatu saat jika kita nantinya memberikan suatu informasi, yang tentunya ingin diberitahukan kepada semua pengunjung, baik itu berupa pengumuman, sekedar sapaan, atau bahkan ucapan pada momen-momen dan hari besar tertentu.

Pesan pembuka ini bersifat full windows, Jika anda ingin membuat pesan pembuka pada blog anda berikut adalah langkah-langkahnya :

Pertama yang perlu anda lakukan adalah dengan membuka Editor Template, selanjutnya anda cari kode ]]></b:skin>. Lalu anda terapkan kode CSS dibawah ini diatas kode ]]></b:skin>

#welcomebox {
position:fixed;
top:30%;
left:50%;
width:70%;
margin-left:-35%;
z-index:1000000;
text-align:center;
}
#welcomebox p{
background:rgb(0, 0, 0);
color:#fff;
box-shadow:0 0 1px rgba(68,68,68,0.06), 0px 30px 0 -20px rgba(0,0,0,0.08);
font-family:'Playfair Display';font-size:200%;
font-weight:700;
line-height:1.6em;
margin:-5px 0 50px;
padding:20px;
padding-top:40px;
padding-bottom:40px;
border-top:8px solid #2980B9;
border-bottom:8px solid #2980B9;transition:all 0.4s linear;
}
#welcomebox p:hover{
color:#491CFF;
box-shadow:0px 0 10px 0 rgba(0,0,0,0.08);
transition:all 0.1s linear;
}
.welcomeclose {
background:#000;
color:#444;
border-radius:2px;
border:1px solid #2980B9;
border-bottom:4px solid
#2980B9;
padding:10px 25px;
text-align:center;
margin:0 auto;cursor:pointer;display:inline;box-shadow:0px 7px 0 -5px rgba(0,0,0,0.06);transition:all 0.1s linear;
}
.welcomeclose:hover {
background-color:#000;
color:#cf5a4b;
border-radius:2px;
border:1px solid #ccc;
border-bottom:4px solid #c9c9c9;
box-shadow:0px 0 5px 0 rgba(0,0,0,0.08);
}
#welcomeoverlay {
position:fixed!important;position:absolute;z-index:999999;
top:0px;right:0px;bottom:0px;left:0px;
background:#000 url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSRYB41IHR_adBgYH8E8vxyFSIPp_Z47T29pknAIHJIhV0kyL5g1A) no-repeat top center;max-width:100%;max-height:100%;}

Jika sudah, selanjutnya anda cari kode <body>, untuk memudahkan pencarian anda gunakan CTRL+F, => anda copykan kode berikut sesudah kode <body> tepatnya pas dibawah <body>

<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>“Selamat Datang”<br/>
Saya, yosepyuswana selaku admin aak-share mengucapkan<br/>
"terimakasih atas kunjungannya<br/>
semoga dimudahkan rizkynya..amin.."</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.
display="none";welcomeoverlay.style.display="none";'>Continue Reading →</div>
</div>

Demikian Membuat Pesan Pembuka pada Blog, semoga bermanfaat!

Continue Reading →