10:53 PM
0


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:


Arrow



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);"




inilah hasil gambar yang akan kamu dapatkan:


Arrow


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....




Arrow
Arrow
Arrow

0 comments:

Post a Comment

 
b:include data='blog' name='google-analytics'/>