beberapa dari kita ingin membuat postingan tulisan atau gambar yang kita buat agar terlihat jadi menarik, bukan hanya sekedar dari kontennya saja tapi dari layout postingan itu sendiri menarik. dan trik itu salah satunya adalah dengan memutar tulisan atau gambar yang di sematkan dalam postingan.langsung saja,
mari kita mulai dengan contoh yang mudah, kita mulai dengan gambar arah di
bawah ini:
1. buatlah
postingan baru dan Upload Gambar ke dalam blog sesuai gambar yang kamu
inginkan.
2. kemudian pilih
ke mode HTML.
3. setelah itu
perhatikan kode akhir dari kode HTML dari gambar yang diupload ke dalam post
tadi:
4. Tambahkan Kode
di bawah ini sebelum tanda '/>':
style="transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);"
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);"
inilah hasil
gambar yang akan kamu dapatkan:
inilah kode HTML
dari gambar yang dirubah posisi arahnya tadi:
<div class="separator"
style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL0XSb1fZRj_7-_nF7ihvU3aDqiKouHHoLtrmb1ZBxQhz9B2SIJMrw_qtCWxPxG3wyb_G4qp3lME73E0cI4izDrnONqpBnKbcnLOKtrGEQfhirteI-kT-nMGv5-Qs296ldpo4jbfGOtNU/s1600/arrowtop-10.png"
imageanchor="1" style="margin-left: 1em; margin-right:
1em;"><img alt="Arrow" border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL0XSb1fZRj_7-_nF7ihvU3aDqiKouHHoLtrmb1ZBxQhz9B2SIJMrw_qtCWxPxG3wyb_G4qp3lME73E0cI4izDrnONqpBnKbcnLOKtrGEQfhirteI-kT-nMGv5-Qs296ldpo4jbfGOtNU/s1600/arrowtop-10.png"
title="Arrow" style="-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg); transform: rotate(180deg);"
/></a></div>
kamu bisa merubah
arah tulisan atau gambar sesuka hati kamu dengan mengubah nilai 180 derajat
dengan nilai derajat yang kamu inginkan, di bawah ini adalah contoh yang
lainnya.. selamat mencoba....
0 comments:
Post a Comment