将blogger继续阅读（Readmore）更改位置或外观

Blogger的“阅读全文”功能推出后，大家省去了很多费力的修改！
默认的“阅读全文”在左边，如果想将"继续阅读"移到右边，该怎么做?
因为简单回答，我可能会说将ReadMore弄成一个定义，再用语法来安排位置，但是我想有些新手的网友不黯CSS语法，也有同样的疑问，所以就将他写成教学文分享了，大家也比较容易了解，不过这是针对羊男的"继续阅读"的版本而言，其他版本我很少接触，有问题还是请教该Hacks作者为宜。
原本的继续阅读Hacks语法，"阅读全文"是在左边。
进入后台→版面配置→修改HTML，记得展开小装置模板，(当然也要先记得备份)
这个方式比较复杂，但是可以将"继续阅读"这个组件作点变化，例如加上背景颜色或是利用图片，如果只单纯置右，可以参考第二种方式，

一、可改变继续阅读外观的方式
先给这个元素(.readmore)一个简单定义，名称可自定义，外观定义是位在右边、粗体，和右边距15px
.readmore {
float: right;
font-weight: bold;
padding-right:15px;
}
如果你要加上背景图片或颜色，就利用background语法即可，再调整文字与图片的距离。
然后找到安装继续阅读语法区段，例如我的是"阅读全文...."，类似
<data:post.body/>

<br/><a expr:href='data:post.url'/阅读全文... </a> 然后在阅读全文...的前后加上span语法把它包住，
<span class='readmore'>é阅读全文...</span>就完成了
他就会变成

<data:post.body/>
<br/><a expr:href='data:post.url'/><span class='readmore'阅读全文......</span></a>
意思就是阅读全文的文字，我们用readmore来定义它的外观，然后用span语法来前后套住，让他成为一个对象或是元素，而不再只是单纯的文字型态。
二、继续阅读单纯置右的方式
直接找到继续阅读的文字区，一样用span把他包裹住，但多加了style语法，将他设定置右即可，<span style='float:right;'>阅读全文...</span>
如果想自己设计不同的继续阅读按钮，这是可以自行运用的方式，其实也可以套用在其他的组件上，例如"相关文章"的文字显示，也是可以利用这种方式做点变化，有兴趣的人可以自己修改看看。
转载自：0 與 1 謎詭世界