Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Friday, January 10, 2014

cara membuat background blockquote animasi

Cara membuat background blockquote animasi - cara membuat background blockquote animasi ini sangat simpel, tampilan background blockquote animasi ini juga menarik. Blockquote ini sering kita jumpai pada blogspot, jadi hal ini harus di kuasai para blogger mania. Pada tutorial cara membuat background blockquote animasi kali ini, saya hanya memodifikasi tempilannya dengan perintah CSS untuk merubah tampilan devault. Untuk melihat tampilan background blockquote animasi ini silahkan lihat tampilan background blockquote animasi dibawah ini dan tutorial lengkapnya, bila anda tertarik memasang cara membuat background blockquote animasi, silahkan simak tutorial dibawah ini, langsung jasa menuju TKP.

Demo


Code CSS here..


/*****************************************
Name : background blockquote animasi
By : Rivai Silaban | Blog Design
Update :Jumat 10 January 2014
site : www.rivai.org
******************************************/
blockquote {
width: 90%;
margin:10px auto;
border-top: solid 10px #666;border-left: solid 1px #ccc;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;
box-shadow:100 2px #999;
background-color: #eee;
padding: 10px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color: #333333;
line-height: 15px;
word-wrap: break-word;
text-align: left;
}
blockquote:hover {
border-top: solid 10px #3A74C9;
color: #000000;
background-color: #FFFFFF;
box-shadow:0 0 5px #999;
background:url("http://4.bp.blogspot.com/-vKFz-h9rAdQ/UspzABXw__I/AAAAAAAACIA/JgpTpSm5gQI/s1600/hover-bg.gif") repeat;
}
/*** www.rivai.org CSS background blockquote animasi and ***/


Pada prinsipnya sistem yang dipakai cara membuat background blockquote animasi ini hanyalah fungsi CSS cara membuat background blockquote animasi itu sendiri, tanpa memakai fungsi tag html, untuk tag html cara membuat background blockquote animasi hanya memakai code html standartnya saja <blockquote> ... </blockquote>.
Sumber : http://www.rivai.org/2014/01/background-blockquote-animasi.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 2:52 PM

2 comments :

  1. Wah mantap nih bisa membuat background animasi pada block quote ,jadinya tambah menarik tampilan blog kita.

    ReplyDelete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog