Hola, acerca de este tema estamos inundados en toda la red, a parte de todo de lo que ya conocemos voy a agregar dos o tres puntos para hermosear un poco mas la edición de tus post.
Link
A lo largo de este año he aprendido que la imagen de portada o la primer imagen es la que debe llamar la atención.
Es importante colocar en primer lugar una buena foto y que que exprese o que de idea de lo que hablará la publicación.
Voy a colocar el ejemplo de la imagen de arriba.
<center>
http://2.bp.blogspot.com/-ucH1LHtYgTw/UaDCch39btI/AAAAAAAABBQ/1pFB5Z4ZYI4/s1600/construyendo+espiritus.jpg
[Link](http://2.bp.blogspot.com/-ucH1LHtYgTw/UaDCch39btI/AAAAAAAABBQ/1pFB5Z4ZYI4/s1600/construyendo+espiritus.jpg)
He copiado el link de una foto la he colocado entre <center> Link de la foto </center> así la imagen queda centrada.
Muy importante es colocar el link de la foto si no es propia, para ello lo hacemos de la siguiente manera [Link](Pegamos la dirección de la foto).
Para hacer algo de lo anterior sería de la siguiente manera:
</div>
<div class=pull-right>
<img src="
alt="" border="0">
[Link](http://www.elcolumnero.com/wp-content/uploads/2015/08/construyendo-810x494.jpg)
</div>Algo que queda bueno y deja un poco mas prolijo tu post, es alinear el texto a un lado y la foto al otro lado.
Lo podemos utilizar cuando queremos hablar y mostrar al mismo tiempo una foto , para no deslizarnos arriba o abajo.
Este es un claro ejemplo.
¿Puedes entender?
<div class=pull-right>
En el ejemplo anterior cambiando la palabra cambia la ubicación de la alineación: "right=Derecha, left=Izquierda"
Puedes copiar el código completo y pegarlo en la edición de tu post y así jugar con todo (Es la mejor manera de aprender).
Colocar las letras en color rojo, lo puedes hacer de la siguiente manera:
<div class="phishy"> Esto lo vi hace poco en el pos de @jonatansanders y me gustó </div>
Para la próxima dejaré algunos recursos mas. Los mas conocidos como Negrita cursiva, subrayado y similares se pueden encontrar en cualquier lado...