Membuat Box Banner 88x31 Style Earphone

DEMO

Mau Gan ??

Setelah Maen Game Online Bareng Temen2..
Malah Dapet Inspirasi Bikin CSS Bentuk Earphone Beginian...

Langsung Saja Yah

• Pertama Yang Jelas Buka Blog
• Masuk Template > Edit HTML
• Cari /b:skin
• Pastekan CSS Dibawah Ini Tepat Diatasnya

.kirito {position:relative;border:10px solid rgb(96, 157, 219);border-bottom:none;background:#fff;z-index:1;border-radius:999px 999px 0px 0px ;height:300px;width:300px;margin-top:10px;margin-left:220px;text-align:center;padding:5px}
.asuna {position:absolute;border:5px solid rgb(96, 157, 219);border-left:15px solid rgb(96, 157, 219);border-right:none;border-radius:999px 0px 0px 999px;margin-left:170px;margin-top:-140px;height:130px;width:40px;z-index:10}
.suguha {position:absolute;border:5px solid rgb(96, 157, 219);border-right:15px solid rgb(96, 157, 219);border-left:none;border-radius:0px 999px 999px 0px;margin-left:543px;margin-top:-140px;height:130px;width:40px;z-index:10}
.silica{margin-left:250px;height:auto;width:270px;margin-top:-150px;position:absolute;z-index:99}

• Kemudian Cari <div id='content-wrapper'>
• Pastekan CSS Dibawah Ini Tepat Dibawahnya

<div class='kage'></div>
<div class='silica'><a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a>
<a href='http://adrianzamzami/blogspot.com/' target='_blank'><img height='31' src='http://i.imgur.com/xalpeOC.gif' title='•Kage's Blog's•&#39;S | Welcome To My Blog' width='88'/></a></div>
    <div class='asuna'></div>
<div class='kage'></div>

• Simpan

Ingat...
Silahkan Edit Letak Marginnya Yah Terutama Margin Leftnya...
Karena Setiap Template Pasti Berbeda Ukuran Lebarnya...

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email