將繼續閱讀(Readmore)更改位置或外觀

有網友問到想將"繼續閱讀"移到右邊，該怎麼做?

因為簡單回答，我可能會說將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>

如果想自己設計不同的繼續閱讀按鈕，這是可以自行運用的方式，其實也可以套用在其他的元件上，例如"相關文章"的文字顯示，也是可以利用這種方式做點變化，有興趣的人可以自己修改看看。