Tutorial : Image hover (zoom)

Assalamualaikum and annyeonghaseyo . Pagi yang indah ni tiba tiba nak bagi tutorial pulak kan . Image hover ( zoom ) ni , maksudnya bila cursor sentuh gambar , automatik gambar tu akan membesar . 

Kalau tak faham , korang boleh try dulu . 

Blogskin / classic template :

1. dashboard > template 

2. ctrl + f , cari code 

</style>

template designer :

1. dashboard > template > edit html ( click triangle hitam yang pertama tu )

2. ctrl + f , cari code 

/* Header

3. copy code bawah ni  pula

img {-moz-transition: 0.5s;-webkit-transition: 0.5s;}img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transition: 0.5s;-webkit-transition: 0.5s;} 

4. paste code tadi , dekat atas code </style> atau /* Header 

5. preview and save