Popular Posts

Poll

Total Pageviews

Diberdayakan oleh Blogger.

Follow by Email

Followers

Recent Comments


Affiliates

Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here Your Banner here

Cara membuat blockquote Keren Blog

Wah Kawan Setia Fahreza Blog Kali ini Saya posting Cara membuat Blockquote keren dengan efek hover keren , Hover ini Adalah hover jenis shadow , yaudah Gak usah banyak ngomong langsung aja ke tutorial :

1. Masuk Ke Blog kamu
2. Masuk Rancangan > Edit Html
3. Cari Script "]]" (Tanpa Kutip)
4. Jika Sudah Copy kode di bawah Lalu Taruh Di Script Tadi

.post-body blockquote {
overflow:auto;
height:220px;
background-position:-10px -7px;
border: 1px dashed #fff;
margin: 10px;
padding: 10px;
background:#666;
text-align: justify;
line-height:1.4em;
opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000}
.post-body blockquote:hover{color:#fff; font-size:15px; background:#666;
opacity:0.9; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.post blockquote{ margin:1em 15px}
.post blockquote p{ margin:.75em 0}

5. Save
SELESAIIII.....
<