untuk melihat penampakan,
silahkan Mas... Mbak... check & recheck link dibawah ini,
Kang Roni>>>2
dari sini>>>3
check disini>>>5
Langkah membuat halaman Intro
1.Login
Blogger.com -> Buka
Rancangan/Desain -> Pilih
Edit HTML
2.
Download Template Lengkap Sebelum mengedit template Anda
3.Beri centang pada kotak
Expand Template Widget
4.Cari kode
]]></b:skin>
kemudian taruh kode dibawah ini tepat di atasnya
#intro{
background:#CAD8C9
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5r5FCBhQtRfkowSIg_aL1bQEbu-k-Sn9WhybS68P5zjojAGuvTsbaS9HOZ3Hozq-HeRp0Fv8_h59JdpWcyJRKC0XRAON9vpQtG_4_eIR5rtA_OJjYUG9HEsVjHVpuTE97Dpr70wu0rHc/)
repeat-x top left fixed;
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:100;
text-align:center;
visibility:hidden;
}
* html #intro{
position:absolute;
width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#intro .welcome{
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
font-size:30px;
margin-top:10%;
margin-bottom:1%;
text-shadow:1px 1px 1px #fff;
}
#intro a img{border:none}
.gohome, .gohome a,.gohome a:visited,.gohome a:active{
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
margin-top:4%;
font-size:25px;
text-shadow:1px 1px 1px #fff
}
.gohome a:hover{
color:#ffffff;
text-shadow:1px 1px 1px #f00;
text-decoration:none
}
5.Langkah selanjutnya sobat cari kode
</head>
lalu taruh kode dibawah ini tepat di atasnya
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Blogger intro by http://roningasinanblog.blogspot.com
**************************************************/
var persistclose=1
var startX = 0
var startY = 0
var verticalpos="fromtop"
function
iecompattest(){return (document.compatMode &&
document.compatMode!="BackCompat")? document.documentElement :
document.body}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}}return returnvalue;}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("intro").style.visibility="hidden";}
function staticbar(){
barheight=document.getElementById("intro").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY; }
return el; }
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y == (pY + startY - ftlObj.y)/0;}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y == (pY - startY - ftlObj.y)/0;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10); }
ftlObj = ml("intro");
stayTopLeft();}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>
6.Langkah untuk membuat halaman intro selanjutnya sobat cari kode
<body>
kemudian taruh kode dibawah ini tepat dibawah kode
<body>
<div id='intro'><div class='welcome'>Blogger Indonesia</div>
<a href='' onclick='closebar(); return false'><img alt='Kang roni' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sEcbuHA3ri2RsgpZrA4co6J4PAO8Ha-g2oQ1c4ICqeCYx1kiUj6o2jqa1FtnP6JtWfWGT9iU16QeIxA3PJjGVYRIUefOuoFNAE01iDwWpMdT5yhS3dcxnyRpXkeI1OSe0oInI1tw2Uzu/s1600/gambar-peta_indonesia.jpg' title='TULISAN MUNCUL'/></a>
<div class='gohome'><a href='' onclick='closebar(); return false'>KLIK DISINI</a></div>
</div>
7.
preview, kemudian Save/simpan template
dan lihat hasilnya untuk tips mempercantik blog dengan halaman intro.
Ket: Untuk tulisan yang diberi warna merah boleh sobat ganti dengan kata-kata yang sobat inginkan dan kode yang diberi warna biru itu adalah gambar untuk halaman intro sobat bisa menggantinya untuk menyesuaikan tema blog.
>>> untuk mengganti background gambar,
silahkan sobat ganti url gambar background yang ada dg url gambar yang bolo konco sukai atau dengan cara, cari kode seperti dibawah ini:
background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5r5FCBhQtRfkowSIg_aL1bQEbu-k-Sn9WhybS68P5zjojAGuvTsbaS9HOZ3Hozq-HeRp0Fv8_h59JdpWcyJRKC0XRAON9vpQtG_4_eIR5rtA_OJjYUG9HEsVjHVpuTE97Dpr70wu0rHc/)
Setelah ketemu ganti tulisan /kode diatas dengan kode dibawah ini:
background:#000000
Save dan lihat hasilnya.
>>>
ngaji bareng bolo konco document,
>>>
Kang Roni maturnuwun cak ^_^
http://blogcintaaluqolak.blogspot.com/2011/05/mahbub-djunaidi-mendebat-malaikat.html
http://blogcintaaluqolak.blogspot.com/2011/04/memuliakan-hari-kelahiran-nabi-muhammad.html
