Huxsna


"...Follow me on Instagram @huxsna..."


Friday, 24 April 2015 - 0 Complain


Assalamualaikum ! harini husna nak ajar korang buat blockqute version 6 pulak ! bentuk dye macam ni :
Contoh blockquote Verson 6
Nak tahu macam mana ? Meh sini husna ajar :D

YANG BELUM ADA BLOCKQUOTE
  • Buka Blogger
  • template
  • Ctrl+f sesrntak then Search code </style> 
  • copy code bawah ni 
  • paste kan di atas code </style>
YANG DAH ADA BLOCKQUOTE
  • Buka blogger
  • template
  • ctrl+f serentak cari code blockquote korang
  • copy code bawah ni
  • REPLACE kan dengan code lama korang tu..


blockquote {
padding: 10px 10px 10px 26px;
border-top:1px dashed #ffd7e1;
border-bottom:1px solid #fff5f5;
border-radius:15px;
background-image: url(http://3.bp.blogspot.c
om/-FG1z645qd-w/UKy8uKbpEXI/AAAAAAAA
Eiw/0QQMcUep6Ns/s320/linepaper.png);
}
blockquote:hover {
padding: 10px 10px 10px 26px;
border-top:1px dashed #ffd7e1;
border-bottom:1px solid #fff5f5;
border-radius:15px;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.
com/tumblr_m89lslxjTr1qdlkyg.gif); }
Merah : url background sebelum di hover
purple : warna border sebelum dihover
kuning : warna border selepas di hover
oren : url background selepas di hover




Post a Comment

Ada masalah? Ada benda yang hendak dipuji? Suka dengan blog nie? Complain lah apa lagi!


Hello From The Otherside!

click this button ^^

de' little map

cbox

Fairytales Time Machine

credit