Cara Pasang Box Di Bawah Header

Ss-Nya Nee..

Haloo Ryunatale.. pada kesempatan ini saya ingin membagikan tutorial tentang Cara Pasang Box Di Bawah Header Ala Ryunation..
mungkin tutorial ini bisa berguna bagi anda yang sedang mencari" tutorial sejenis..
ya sobat,, meskipun tutorial ini sebenarnya sudah lama,, tapi ngga papalah..

oke langsung saja ya sobat,..

• Pertama jelas masuk blogger
• lalu,, masuk dashboard > template > edit template
• kemudian cari kode ]]></b:skin> lalu copy kode dibawah,kemudian paste di atas ]]></b:skin>(gunakanlah Ctrl+F agar lebih cepat)

• pertama jelas masuk blogger
• lalu,, masuk dashboard > template > edit template
• kemudian cari kode ]]></b:skin> lalu copy kode dibawah,kemudian paste di atas ]]></b:skin>(gunakanlah Ctrl+F agar lebih cepat)

#bannerkx{border:3px solid #2c3e50;opacity: 1;margin-left: -130px;z-index:999;margin-top:200px;background-size:100px;position: absolute;border-radius:0px 0px 0px 0px;width: 88px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;text-align: center;font-size: 0px;background:#fff;}#bannerkx img{opacity:.3;width:88px;height:31px;margin-bottom:0px-webkit-transition:All;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}#bannerkx img:hover{opacity:1.0;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}

#kxkotakbanner125{ margin-top:20;margin-left: 0px ;margin-top:20px ;margin-bottom:20px ;border:3px solid #2c3e50;width:260px;height:250px; background: #fff; position:relative;padding:10px;padding-right:5px;font-size: 0px;

box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.24);border-radius:20px;}

#kxbr125{background:#fff;border-bottom:3px solid #2c3e50;border-top:3px solid #2c3e50;opacity: 1;margin-left: 280px;z-index:999;margin-top:-250px;background-size:100px;position: absolute;width: 60px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 40px;text-align: center;font-size: 20px;

}

#kxbr12{background:#fff;border-bottom:3px solid #000;border-top:3px solid #2c3e50;opacity: 1;margin-left: 280px;z-index:999;margin-top:-120px;background-size:100px;position: absolute;width: 60px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 40px;text-align: center;font-size: 20px;

}

#kxkotakbesar{ margin-top:-297px;margin-left: 335px ;margin-bottom:25px ;border:3px solid #2c3e50;width:580px;height:250px; background: #fff; position:relative;padding:10px;padding-right:5px;

box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.24);border-radius:20px;}

#Headline{background:#fff;border-left:3px solid #2c3e50;border-right:3px solid #2c3e50;border-top:3px solid #2c3e50;border-radius:11px 11px 0 0;float:right;position:relative;text-align:center;font-size:15px;margin-top:121px;margin-bottom:25px;margin-right:70px;width:430px;height:130px;display:inline;padding:2px;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}

#kxalexa{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:3px solid #2c3e50;float:left;background:#fff;width:120px;height:95px;margin-left: 10px;margin-top:0px;border-top:3px solid #2c3e50; position: absolute;}

#kxchat{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:3px solid #2c3e50;float:left;background:#2a2523;width:140px;height:60px;margin-left: 160px;margin-top:40px;border-top:3px solid #2c3e50; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}

#kxjoin{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:3px solid #2c3e50;float:left;background:#2a2523;width:140px;height:60px;margin-left: 350px;margin-top:40px;border-top:3px solid #2c3e50; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}

#kxchat:hover{margin-top:15px;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}

#kxjoin:hover{margin-top:15px;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}

#kxvalid{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:3px solid #2c3e50;float:left;background:#fff;border-right:none; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;margin-top:140px;margin-left:2px;border-radius:10px 0px 0px 10px}

.kxvalid img{padding:0px;margin-left:0px;margin-top:15px;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease -o-transform: scale(1.0) rotate(-1440deg); -moz-transform: scale(1.0) rotate(-1440deg); -webkit-transform: scale(1.0) rotate(-1440deg);}

.kxvalid img:hover {-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease -o-transform: scale(1.0) rotate(1440deg); -moz-transform: scale(1.0) rotate(1440deg); -webkit-transform: scale(1.0) rotate(1440deg);}

• Lalu cari kode <div id='content-wrapper'> (Pokoknya yg berhubungan dengan content)
• jika sudah ketemu letakan kode berikut ini di Atas kode <div id='content-wrapper'>

<div id='kxkotakbanner125'>

<a href='http://dedy-pkp.blogspot.com' target='_blank'><img border='0' src='http://goo.gl/WeZVa8' title='Gudination'/></a>

<a href='http://kamikaze48.blogspot.com' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-j6t5F-BS3QAlD1TjQtIaB_LuqYR6f79UeiCPvj-AKp3UXEQxTSjMGVvTx_ERhel0KXSkJSQqFuEYGIJ3VEw0B79E1e8sXJl15hgQXX-ce6tFNOQZUZ4cE5HKztZZIX9JlcF7dZW66B0/s1600/n-125x125.gif' title='KAMIKAZE 48'/></a>

<a href='http://goo.gl/piAJ1' target='_blank'><img border='0' src='http://i.imgur.com/aD0kTOr.gif' title='Why are you so serious?'/></a>

<a href='http://goo.gl/piAJ1' target='_blank'><img border='0' src='http://i.imgur.com/aD0kTOr.gif' title='Why are you so serious?'/></a>

</div>

<div id='kxbr125'/>

<div id='kxbr12'/>

<div id='kxkotakbesar'>

<div id='Headline'>

<div style='overflow: auto; width: 100%; height: 120px;'><script src='http://dickeymaru.googlecode.com/files/dmrposts.js' type='text/javascript'> </script><script type='text/javascript'>var numposts = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts' type='text/javascript'/></div>

</div>

<div id='kxalexa'>

<a href='http://www.alexa.com/siteinfo/fajar-pkp.blogspot.com'><script src='http://xslt.alexa.com/site_stats/js/s/a?url=fajar-pkp.blogspot.com' type='text/javascript'/></a>

</div>

<div id='kxchat'>

<a href='#' target='_blank' title='Chat Box Ryunation'><img alt='Chat Box Ryunation ' src='http://sadpanda.us/images/1701597-3DU5NNC.png'/></a>

</div>

<div id='kxjoin'>

<a href='http://www.Blogger.com/follow-blog.g?blogID=3538141456008565731' onclick='window.open(this.href, &apos;dmfollow&apos;, &apos;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521&apos;);return false;' style='text-align:center;font-weight:bold;text-decoration:none;' title='Join This Site'><img alt='Join this site' src='http://sadpanda.us/images/1701595-D084HMJ.png' style='vertical-align:center;border:0px;cursor:pointer;'/></a>

</div>

<div id='kxvalid'>

<a class='kxvalid' href='http://validator.w3.org/check?uri=http://fajar-pkp.blogspot.com/' target='_blank' title='Ryunatale Is Valid HTML5'><img alt='Ryunatale Is Valid HTML5 ' src='http://cdn1.iconfinder.com/data/icons/HTML5/64/HTML_Badge.png'/></a>

</div>

</div>

• sudah kan??
• coba sekarang anda preview/pratinjau dulu,lalu baru save