1. I insert the image in the post at the place I want it to be.
2. I switch to the HTML view.
3. I find the end of the 'img' HTML tag added by blogger during the insertion of the image.
Here what blogger generated when I inserted the arrow above:
4. I add the following expression just before '/>':
style="transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);"
Here is the HTML code after insertion of the style:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSkWkU9M_rVtRU8sjk5okKXuWZ2YQ3A0-i5itFJNILm1xfGd8ypyaJoUBCvhv94SblRZf75uEjfSrFw1hbGNnZC-paH2QcruQHygq0FntD0ad_9dmDDhZ9K2On-LtrgGMrHsuiMnGuSgw/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/AVvXsEiSkWkU9M_rVtRU8sjk5okKXuWZ2YQ3A0-i5itFJNILm1xfGd8ypyaJoUBCvhv94SblRZf75uEjfSrFw1hbGNnZC-paH2QcruQHygq0FntD0ad_9dmDDhZ9K2On-LtrgGMrHsuiMnGuSgw/s1600/arrowtop-10.png"title="Arrow"style="-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);" /></a></div>
Comments
Post a Comment