幫部落格加入了浮動式的粉絲頁視窗

今天建立了粉絲專頁與推特～

雖然建立這麼多根本沒人在看～完全是自己看爽的啊！哈哈

這麼說來還真是心酸T_T

好吧，其實在HEXO建立的方法很簡單

HEXO中的樣板(themes)中會有一個資料夾為layout

layout中會看到許多的*.ejs檔案，這在開啟頁面的時候會一一載入

所以我們要讓頁面載入的時候一並將該功能載入，所以我們可以在widget資料夾中建立起一個ejs檔案，內容就是放我們該功能的程式碼，程式碼如下

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() 
{jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}
, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium")
;}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: 
url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") 
no-repeat scroll left center transparent !important; float: left;height: 270px;
padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} 
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;
position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span 
a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } 
</style> <div class="abtlikebox" style=""> <div> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F粉絲團的帳號放這;
width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=
false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; 
overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe></div></div> </div> </div>

然後將程式碼中的「將粉絲團的帳號放這」改成粉絲團的帳號即可

然後假設我們儲存成 A.ejs ，因為我們要將此段程式碼放在HTML的<body>中，所以我們在 layout.ejs 中的</body>之前加入以下程式碼

<%- partial('_widget/A') %>

這樣在就可以了^O^

如果覺得對自己有幫助的話請不要吝嗇的按讚喔！