okkay,, kali ini gwa akan mengshare tentang Cara membuat box dibawah header v.1 ,,berhubung ada yang minta tutorial nya ^,, okkay langsung aja nih ikuti langkah langkah berikut.
seperti biasa log in ke blogger dulu,
pilih template , edit html
cari kode : </b:skin>
letakan kode berikut tepat diatas kode </b:skin>
/* box yang oleh v-nomz.blogspot.com */
.Boxsetan{
-moz-box-shadow: 0px 0px 15px #0e8fec;
width: 950px;
height: 249px;
float: left;
padding-bottom: -16px;
margin-left: 8px;
margin-top: 10px;
border-top: 3px solid #00ADFF;
border-bottom: 3px solid #00ADFF;
border-radius: 20px 20px 20px 20px;
background: #fafafa;
}
.Boxsetan img{margin:5px 0px 0px;opacity:3.5;background-color:#555;transition:all .5s ease-out;} .Boxsetan img:hover{opacity:3.5;}
#Headline{ackground: #fafafa;
-moz-box-shadow: 0px 0px 15px #0e8fec;
background: #fafafa;
border-radius: 30px;
float: right;
position: relative;
border-top: 4px solid #00ADFF;
border-bottom: 4px solid #00ADFF;
text-align: center;
font-size: 15px;
margin-top: 91px;
margin-bottom: 75px;
margin-right: 223px;
width: 500px;
height: 127px;
display: inline;
padding: 2px;
-webkit-transition: All .9128s ease;
-moz-transition: All .9128s ease;
-o-transition: All .9128s ease;
}
#Ohno{
background:#fafafa;-moz-box-shadow: 0px 0px 15px #fafafa;-webkit-box-shadow: 0px 0px 40px #fafafa;box-shadow: 0px 0px 15px #fafafa;
-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #fafafa;float:left;background:#fafafa; width:468px;height:60px;margin-left:235px;margin-top:15px;border-bottom:1px solid #0e8fec; position: absolute;}
#MIMB1{-moz-box-shadow: 0px 0px 15px #0e8fec;
-moz-border-radius: inherit;
-webkit-border-radius: 20px 10px 20px 10px;
background-color: #cccccc;
border-radius: 20px;
color: black;
font-family: Arial;
border-left: 4px solid #00ADFF;
border-right: 4px solid #00ADFF;
padding: 4px;
background: #fafafa;
width: 183px;
height: auto;
float: left;
margin-top: 18px;
margin-left: 10px;
}
#MIMB1 .widget-content{padding:0px; margin:0px}
#MIMB3{-moz-box-shadow: 0px 0px 15px #0e8fec;
-moz-border-radius: 20px 10px 20px 10px;
-webkit-border-radius: 20px 10px 20px 10px;
background-color: #cccccc;
border-radius: 20px;
color: black;
font-family: Arial;
padding: 5px;
background: #fafafa;
width: 183px;
border-left: 4px solid #00ADFF;
border-right: 4px solid #00ADFF;
height: auto;
float: left;
margin-top: 19px;
margin-left: 739px;
position: absolute;
}
#MIMB3 .widget-content{padding:0px; margin:0px}
.rbbox{border: 1px solid #0e8fec;padding: 5px;
background-color: #fafafa;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px #0e8fec;}
#scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #0e8fec;
color: #000000;
border-radius: 1px;
}
#scroll:after {
content: " ";
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 1px solid transparent;
border-left-color: #0e8fec;
}
#kxkotakbanner125 img
#MAdz{margin-left:-12px;margin-top:-3px; padding:0px; text-align:center}
#MAdz img{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
border: 3px solid #0e8fec;
border-radius: 20px 20px 20px 20px;
margin: 1px 1px;
text-align: center;
padding: 0px;
margin-left: 23px;
margin-top: 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#MAdz img:hover{border-radius:130px 130px 130px 130px; border:1px solid #0e8fec; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); -moz-transform:rotate(1065deg); -webkit-transform:rotate(1065deg); -o-transform:rotate(1065deg)
-moz-box-shadow: 0px 0px 19px #0e8fec;
-webkit-box-shadow: 0px 0px 19px #0e8fec;
box-shadow: 0px 0px 19px #0e8fec;
}
/* end-THANK'S TO V-nomz */
cari code <div id='content-wrapper'>, letakan code berikut tepat di atas code <div id='content-wrapper'>
<div class='Boxsetan'>
<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 = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts' type='text/javascript'/></div>
</div>
<div id='Ohno'>
<a href='#' target='_blank' title=' tukeran banner?'><img alt='tukeran banner' src='http://oi41.tinypic.com/4udhkn.jpg'/></a>
</div>
<div id='MIMB1'>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
</div>
<div id='MIMB3'>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gifg' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='http://i.tinyuploads.com/P3wxT6.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
</div>
</div>
<div id='kxkotakbanner125'>
<div id='MAdz'>
<a href='http://www.cyber-roxas-t.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCMqABA0IbJR0zTTtryPWEza7tkIEFRlfW1_0PkMzmWz874K1Ap8VZHYTODNxnuUWqDNoEBhtB3GeqpFDzYhyjgZc1Rkgha3w6dxErg1dAJVl8nLr_Ah9vx_iU8pMo7-DDy8DyTm8PsRE/s1600/banner+125x125+evil+roxas.jpg' title='EVIL ROXAS|Simple Is My Life' width='125'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCMqABA0IbJR0zTTtryPWEza7tkIEFRlfW1_0PkMzmWz874K1Ap8VZHYTODNxnuUWqDNoEBhtB3GeqpFDzYhyjgZc1Rkgha3w6dxErg1dAJVl8nLr_Ah9vx_iU8pMo7-DDy8DyTm8PsRE/s1600/banner+125x125+evil+roxas.jpg' title='EVIL ROXAS|Simple Is My Life' width='125'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCMqABA0IbJR0zTTtryPWEza7tkIEFRlfW1_0PkMzmWz874K1Ap8VZHYTODNxnuUWqDNoEBhtB3GeqpFDzYhyjgZc1Rkgha3w6dxErg1dAJVl8nLr_Ah9vx_iU8pMo7-DDy8DyTm8PsRE/s1600/banner+125x125+evil+roxas.jpg' title='EVIL ROXAS|Simple Is My Life' width='125'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCMqABA0IbJR0zTTtryPWEza7tkIEFRlfW1_0PkMzmWz874K1Ap8VZHYTODNxnuUWqDNoEBhtB3GeqpFDzYhyjgZc1Rkgha3w6dxErg1dAJVl8nLr_Ah9vx_iU8pMo7-DDy8DyTm8PsRE/s1600/banner+125x125+evil+roxas.jpg' title='EVIL ROXAS|Simple Is My Life' width='125'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCMqABA0IbJR0zTTtryPWEza7tkIEFRlfW1_0PkMzmWz874K1Ap8VZHYTODNxnuUWqDNoEBhtB3GeqpFDzYhyjgZc1Rkgha3w6dxErg1dAJVl8nLr_Ah9vx_iU8pMo7-DDy8DyTm8PsRE/s1600/banner+125x125+evil+roxas.jpg' title='EVIL ROXAS|Simple Is My Life' width='125'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCMqABA0IbJR0zTTtryPWEza7tkIEFRlfW1_0PkMzmWz874K1Ap8VZHYTODNxnuUWqDNoEBhtB3GeqpFDzYhyjgZc1Rkgha3w6dxErg1dAJVl8nLr_Ah9vx_iU8pMo7-DDy8DyTm8PsRE/s1600/banner+125x125+evil+roxas.jpg' title='EVIL ROXAS|Simple Is My Life' width='125'/></a>
</div>
</div>
<div class='biasawae'>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a>
<a href='http://www.cyber-roxas-t.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrplGDucLRv3pA_RLhOzHJWqEs79wqI5gsEolbZO00ZM-lKUAX2z_zQxko0QAtK2oc4xAFbw7M38KQSqcxpjSiANsmooMkjY3cmckZe9VClMZ9PP4TfInaEAdMW88tM8wmk_i4wftlKLM/s1600/Untuk-ER.gif' title='EVIL ROXAS|Simple Is My Life' width='88'/></a></div>
semoga bermanfaat,,wassalamu'alaikum
thanks bro,, yang ini work!
ReplyDeleteiya masama sob:
DeleteKeren Bro,Mantap Tapi Belom Saya Coba,Thanks Buat Info Dan Tips Nya
ReplyDeleteokkay " masama , thanks yaudah mampir :v
DeleteKeren Bro Dicoba DULU :D
ReplyDeleteokkay bro,, silahkan dicoba :v
Delete:v , ,, silahkan" bro
ReplyDeleteizin coba sob
ReplyDeleteOkkeeh ,,, sob , monggo :v
Delete