Wednesday, September 5, 2018

Welcome Pada halaman pertama, Splash Screen atau Landing Page



1. Letakkan Kode CSS dibawah, di atas : <body>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<body>
ANAK BOGENG
</body>
<b:else/>
Tulisan "ANAK BOGENG" Ganti dengan kode CSS yang terakhir

2. Letakkan Kode CSS dibawah ini, dibawah : </body>
</b:if>

3. Letakkan Kode CSS dibawah ini, dibawah : </b:skin>
<body>
<div id='contentbox'>
<img class='preloadpic' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksnprofilehover.png'/>
<img class='preloadpic' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksnentrieshover.png'/>
<img class='preloadpic' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksnlinkshover.png'/>
<img class='preloadpic' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksntagboardhover.png'/>
<div id='navigations'>
<div id='navpertama'>
<span onClick='document.getElementById (&apos;maincontent&apos;).innerHTML=document.getElementById (&apos;pertama&apos;).innerHTML' onmouseout='document.images[&apos;s1a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksnprofile.png&apos;' onmouseover='document.images[&apos;s1a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksnprofilehover.png&apos; ' style='cursor:crosshair;'>
<img alt='' border='0' name='s1a' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksnprofile.png'/>
</span>
</div>
<div id='navkedua'>
<span onClick='document.getElementById (&apos;maincontent&apos;).innerHTML=document.getElementById (&apos;kedua&apos;).innerHTML' onmouseout='document.images[&apos;s2a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksnentries.png&apos;' onmouseover='document.images[&apos;s2a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksnentrieshover.png&apos; ' style='cursor:crosshair;'>
<img alt='' border='0' name='s2a' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksnentries.png'/>
</span>
</div>
<div id='navketiga'>
<span onClick='document.getElementById (&apos;maincontent&apos;).innerHTML=document.getElementById (&apos;ketiga&apos;).innerHTML' onmouseout='document.images[&apos;s3a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksnlinks.png&apos;' onmouseover='document.images[&apos;s3a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksnlinkshover.png&apos; ' style='cursor:crosshair;'>
<img alt='' border='0' name='s3a' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksnlinks.png'/>
</span>
</div>
<div id='navkeempat'>
<span onClick='document.getElementById (&apos;maincontent&apos;).innerHTML=document.getElementById (&apos;keempat&apos;).innerHTML' onmouseout='document.images[&apos;s4a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksntagboard.png&apos;' onmouseover='document.images[&apos;s4a&apos;].src=&apos;http://i288.photobucket.com/albums/ll161/purple-socks/lksntagboardhover.png&apos; ' style='cursor:crosshair;'>
<img alt='' border='0' name='s4a' src='http://i288.photobucket.com/albums/ll161/purple-socks/lksntagboard.png'/>
</span>
</div>
</div>
<div id='maincontent'>
<br/><br/>
</div>
<div id='pertama' style='display:none'>
<div style='text-align: center'>
<div class='h1'>MANA LINK MASUKNYA?</div>
Ayo coba cari linknya...<br/>
<center>
<a href='http://www.facebook.com/Andrew.M.Str'_blank' title='My Facebook Profile'>FACEBOOOK</a> |
<a href='http://twitter.com/andrew7sianturi' target='blank'>TWITTER</a>
</center>
</div>
</div>
<div id='kedua' style='display:none'>
<div style='text-align: center'>
<div class='h1'>BUKAN DISINI :P</div>
<center><img src='https://www.google.co.id/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwjl3-mE4qXdAhUGbisKHV5cBmQQjRx6BAgBEAU&url=https%3A%2F%2Fwww.kangmasian.com%2F2017%2F04%2Fcara-mudah-cek-link-error-di-blog.html&psig=AOvVaw3MAfrgxnNLlJjQJTsHNlkJ&ust=1536302233220546 width='625px'/></center><br/>
</div>
</div>
<div id='ketiga' style='display:none'>
<div style='text-align: center'>
<div class='h1'>MASIH SALAH LAGI :D</div>
Maaf anda belum beruntung, gosok terus masih banyak kesempatan hadiah milyaran rupiah!
</div>
</div>
<div id='keempat' style='display:none'>
<div style='text-align: center'>
<div class='h1'>NAH INI DIA!</div>
<font size='4px'><a href='https://visit-linker.blogspot.com/search/posts/default'>Masuk Blog</a></font>
</div>
</div>
</div>
</body>



  • CoPas Code dibawah ini, dan ganti dari ANAK BOGENG

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
a:link, a:visited, a:active {
color: #333333;
font-family: courier new;
cursor: default;
text-decoration:none;
}
a:hover {
color: #f7f7f7;
background-color: #555555;
cursor: crosshair;
text-decoration:none;
}
body {
background-color: #ffffff;
cursor: default;
font-family: tahoma;
font-size: 9pt;
color: #222222;
line-height: 13px;
text-align:justify;
}
#mainimage {
position: relative;
float: left;
width: 631px;
top: 131px;
left: 144px;
}
#contentbox {
position: relative;
top: 131px;
left: 50%;
width: 636px;
padding-bottom: 20px;
margin-left: -318px;
margin-bottom: 30px;
overflow-x: hidden;
overflow-y: auto;
}
#navigations {
position: relative;
width: 100%;
float: left;
height: 180px;
}
#navpertama {
position: relative;
float: left;
width: 142px;
height: 163px;
padding-top: 6px;
background-color:transparent;
}
#navkedua {
position: relative;
float: left;
width: 157px;
height: 163px;
padding-top: 12px;
background-color:transparent;
}
#navketiga {
position: relative;
float: left;
width: 164px;
height: 163px;
padding-top: 0px;
background-color:transparent;
}
#navkeempat {
position: relative;
float: left;
width: 170px;
height: 163px;
padding-top: 10px;
background-color:transparent;
}
.h1 {
font-family: arial black;
font-size: 20px;
color: #333333;
line-height: 20px;
letter-spacing: 3px;
font-weight:none;
text-align:center;
text-decoration: italics;
text-transform: lowercase;
}
.preloadpic {
display: none;
}
#navbar-iframe {
display: none;
}
</style>
</b:if>


EmoticonEmoticon