Tuesday, July 15, 2014

Makes Message And Picture Messages Before Entering To Blog

in this post I will give a tutorial how to deliver incoming messages to visitors to the blog with images and text that describe our blog, in this tutorial I give you an example with images of anime as a welcome message, of course, to customasi you can change to your liking.

a selection of images try to record picture quality is quite good, but with the stipulation try images have a size of less than 100 Kb, this is because the larger the image size will affect the loading message to the blog entry before this.


so, select the appropriate image with your blog ....




if you want to make this follow the instructions below ....

KODE CSS
#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:#005629 url(http://anime-wallpapers.com/images/800x600/anime-girl-1s.jpg) no-repeat top center;}
 If you want to change the background, change the url that I gave a red mark with the url of the image that you have prepared

HTML Code
Save the following HTML code just below the code <body>

<div id='welcomeoverlay'/>
<div id='welcomebox'>
    <p>&#8220;Wellcome To My Blog&#8221;<br/>
      Keep Enjoy for browse my blog<br/>
&quot;Thank You For Visit,<br/>
God Bless You.&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>

work in blogs, develop imagination ^ _ ^

Source : Kompi Ajaib

No comments:

Post a Comment

Please write your comment here, you are prohibited from attaching comments that include links that are not related to the content of discussion, except on page Out Of Topic