Friday, July 1, 2011

Blockquote Dengan Efek Scroll

blockquote dengan efel auto scrollKali ini saya akan menshare tentang widget , ya mungkin saya sudah cukup lama tidak membahas widget .

Blockquote sebenarnya adalah lebih tepatnya kutipan untuk sebuah kata penting . Namun kini blockquote sekarang lebih banyak dipakai oleh blogger yang membahas tentang widget disebabkan karena jika blog yang membahas  tentang widget pastinya selalu ada kode html yang begitu panjang , untuk mengantisipasi panjangnya kode html maka blogger pun memanfaat kan quote ini sebagai tempat kode html tersebut . 

Nah untuk kalian yang ingin merubah bloquotenya , berikut caranya :

1. Masuk ke blogger kalian pilih design lalu pergi ke Edit html.

Note : Untuk menghindari yang tidak diharapkan silakan anda backup dulu.


blocquote
.

2. Setelah masuk kedalam menu edit html, copy paste kode dibawah ini dan letakkan di atas atau sebelum kode ]]></b:skin>


.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}

Note : kode yang saya tandai warna hijau adalah ukuran tinggi bloquote anda , bisa anda ganti sesuai keinginan anda. Dan untuk kode yang berwarna ungu adalah warna dari blocquote anda.

3. Setelah selesai anda bisa langsung save dan selesai.

Itulah dia cara mengganti blocquote anda dengan efek srcoll , mungkin kali ini cukup sekian .

Untuk anda yang ingin request tentang widget atau apapun anda bisa tinggalkan komentar anda atau bisa juga kirim email . Terima kasih

1 comments:

  1. Info yang sangat bagus...terima kasih sudah posting dan berbagi ilmu

    ReplyDelete


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam