Horizontal style curve shadow for blogspot

Install code CSS Horizontal curve shadow

Demo Horizontal curve shadow

1. Login ke dashboard blog anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code
   
   Code:

   ]]></b:skin>
   

   setelah ketemu..
4. Copy Code script CSS Horizontal curve shadow dibawah ini, pastekan tepat diatas code
   
   Code:

   ]]></b:skin>
   

   yang telah anda temukan tadi atau apa bila template blog anda memakai
   
   Code:

   </style>
   

   silahkan pastekan kode CSS Horizontal curve shadow tepat diatas
   
   Code:

   </style>
   

   template anda.

Spoiler

Code:

/*****************************************
Name : Horizontal curve shadow
By : Rivai Silaban | Blog Design
Update :Senin 30, Desember 2013
site : www.rivai.org
******************************************/
.shadow-style {
position:relative;
float:left;
width:300px;
padding:1em;
margin:2em 10px 4em;
background:#fff;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}.shadow-style:before,
.shadow-style:after {
content:"";
position:absolute;
z-index:-2;
}
.shadow-style p {
font-size:16px;
font-weight:bold;
}
.bdcurve:before {
top:10px;
bottom:10px;
left:0;
right:50%;
box-shadow:0 0 25px -2px rgba(0,0,0,0.6);
border-radius:10px / 100px;
}
.rscurve:before {
right:0;
}
.rscurve:before {
top:0;
bottom:0;
left:10px;
right:10px;
border-radius:100px / 10px;
}
/*** Horizontal curve shadow CSS and ***/

Setelah anda selesai memasang CSS Horizontal curve shadow ini seperti yang telah diutarakan diatas , saatnya anda memanggil codenya untuk di tampilkan di browser dengan code yang ada dibawah ini, untuk pemasangannya itu tergantung kebutuhan anda, anda bisa saja memasangnya di mana saja, code di bawah merupakan penulisan struktur code tag html Horizontal curve shadow

Code:

<div class="shadow-style bdcurve rscurve">
<p>CODE TEXT, IMAGE, DLL </p>
</div>

Semoga tutorial diatas dapat bermanfaat..
sumber : http://www.rivai.org/2013/12/horizontal-curve-shadow.html