SharingWithMee | Jika Anda sering mengunjungi blog terkenal yaitu CAS_BSP Cheats maka Anda akan melihat blogquote yang akan kita bahas ini. Pada postingan sebelumnya yaiut cara buat block quote Facebook di Blogger maka kali ini saya memposting tentang Blockquote dengan efek bergantian bila disorot mouse.
Ok langsung saja :
Buka akun Blogger Anda
Masuk ke Menu Edit HTML
Temukan blockquote atau sperti Ini /* Blockquote */ Anda bila Anda telah menggunakan blockqute standard atau editan di blog Anda, kode nya akan mirip seperti ini :
.post blockquote {
background: -------------------
url(------------------------------;
margin:------------;
padding:---------------------;
border-top:---------------------------------;
border-right:-------------------------;
border-left: ------------------------;
border-bottom: ----------------------;
font-size:--------------------------;
}
4. Ganti kode diatas dengan kode dibawah ini :
.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFKfzeM3pRHf3MlG6a1c3c3MYCJbiC59Wv3vLnBtgXPJhJLfBTFLDr2Lq8XgwAs1xlaf3OMdTXpEKWMDguUhHYEdD3Sf9JQNXYiOrEcBCiAzad9rXCzzLbvXyxxXOO-WVd63WTNdy0Yg/s400/quote1.gif)top left repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.post blockquote:hover {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxBp6ADTk6A_nzCf4kYb43UEWiklOOsrdMZ7AbGCPlxjkGyxAZ6B3Q1TV5sE4chIyW7lemgFxcR_YqfkXgH04VbIG1rxQMlOq_W0TEgSSdXxyCDDqTl-ZXGk1KbU3vRLBTgWAr5ug-61M/s400/quote2.gif)top left repeat-y;
}
Keterangan :
- Ganti kode merah diatas dengan URL sesuai dengan gambar yang Anda inginkan.
- Tapi Yang Harus Sesuai Dengan Ukuran Gambar Nya dan Bentuk Nya OK.
Posting Komentar