 |
| Contoh Hasil Pembuatan Style Ribbon Ala Arlina Design |
Bertemu lagi dengan saya, kali ini admin akan memberikan sebuah Trik Tutorial Blogging untuk memperindah saja yaitu Cara Membuat Style Ribbon Ala Arlina Design. sebenarnya trik ini tidak terlalu mempengaruhi blog kalian, entah itu dari segi SEO, ataupun speed blog.
Trik kali ini hanyalah memperindah blog kalian, jika kalian ingin membuat style ribbon seperti pada gambar diatas. style ribbon ini dapat kalian terapkan dihalaman statis ataupun di widget blog, terserah kalian mau taruh mana :) dan artikel ini saya dapatkan dari Arlina Design
Ok, langsung saja saya berikan kode css nya, silahkan copy atau salin kode dibawah ini!
<style type='text/css'>
.css-new-ribbon{position:relative;z-index:1;padding:1em 2em}
.bsrribbon{font-size:120%!important;text-transform:uppercase;width:60%;position:relative;background:#f35b5b;color:#fff;text-align:center;padding:1em 2em;margin:2em auto 3em}
.bsrribbon:before,.bsrribbon:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #d74545;z-index:-1}
.bsrribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}
.bsrribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}
.bsrribbon .ribbon-isi:before,.bsrribbon .ribbon-isi:after{content:"";position:absolute;display:block;border-style:solid;border-color:#b23232 transparent transparent transparent;bottom:-1em}
.bsrribbon .ribbon-isi:before{left:0;border-width:1em 0 0 1em}
.bsrribbon .ribbon-isi:after{right:0;border-width:1em 1em 0 0}
</style>
<div class="css-new-ribbon">
<h1 class="bsrribbon">
<strong class="ribbon-isi">BlogDroid9</strong>
</h1>
</div>Silahkan rubah teks yang berwarna merah tebal, dengan teks yang anda inginkan!Jika sudah, jangan lupa kalian save sob. entah itu di widget ataupun halaman statis kalian.
Mungkin hanya itu saja yang bisa saya bahas mengenai Cara Membuat Style Ribbon Ala Arlina Design, jika kurang faham artikel ini silahkan visit langsung saja sumbernya :)
Terima Kasih Atas Kunjungannya.