2008年12月11日 星期四

Blogger結合Google Map

今天要發文章的時候,突然發現文章編輯處多了個「add location」的選項,原來BloggerGoogle Map已經悄悄的結合了。在每篇文章的下方,會出現一個「位置」的連結,當然,除非你有設定。

設定好位置之後,如果發現發表的文章下方並無此標記,那可能是該功能忘了開啟,先到「版面配置」→「網頁元素」→「網誌文章」→「編輯」。
如果還是沒有出現這個標記,那大概要改模組了 XD,就像我一樣,不過好在已經有達人寫了教學,所以照著做就好了。首先,下載模組的檔案,然後找到以下的程式碼:
<p class='post-footer-line post-footer-line-2'>
接著在這段程式碼的上面,加入以下的程式碼:
<span class='post-location'>
    <b:if cond='data:top.showLocation'>
        <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
         </b:if>
    </b:if>
</span>

存檔後再上傳,就搞定啦!至於成果,就直接看這篇文章的底部吧!不過這樣子也只是一個超連結到Google Map,如果能直接在Blogger中整合Google Map,這樣想貼地圖的時候,就能直接自動嵌入,而不用兩個網頁在那邊切來切去,希望哪天Google會想到 XD

Blogger新增文章地區位置欄位