[Blogger Tips] How to Add Blogger Anchor Bookmark and Hyperlink to Same Page Successfully (Solved)

I have been a blogger writer since 2008.  I write this article because I have been searching for intra-page anchor method for a long time.
If you want to GO DIRECTLY to solution, click HERE.

Blogger Will Mess Up Anchor Link With "Compose Tab"

The problem of blogger interface is:

When you add a anchor using textbook method:
  • Anchor:  <a name="ThisIsAnchor">This Is Anchor Target</a> ,  &
  • Link to Anchor:  <a href="#ThisIsAnchor">This Is Link to It</a>
(see HERE for detail HTML method)

In normal situation (other than blogger), it will jump to the anchor place without reloading page.

But in blogger, if you switch to "Compose Tab" after having added such anchor(s), ALL the Link to Anchor  will be messed up, with your blogger ID added before the anchor, like this:
<a href="https://www.blogger.com/blogger.g?blogID=48019486#ThisIsAnchor">
(see HERE for detail problem description in stackoverflow)

Previous Solution to Blogger Messed Internal Anchor Links

Previously, I have found a solution already but the page need to reload.

The (not-so-good) solution is to add the full-url before the anchor:
<a href="YOUR-FULL-BLOG-URL#ThisIsAnchor">This Is Link to It</a>

like this:
<a href="https://ronaldchik.blogspot.com/2019/02/useful-links.html#learn">This Is Link to It</a>

But it needs to reload the whole page!!!


Real Solution to Blogger Internal Messed Anchor Links

I just found a complete solution online HERE, by adding one more code, after the Link to Anchor, :
rel="no-refresh" 
example:
<a href="https://ronaldchik.blogspot.com/2019/02/useful-links.html#learn" rel="no-refresh">This Is Link to It</a>
then it would go to anchor without reloading the page.

Hope the above could help you.




若覺得這篇文章好,"分享" 給朋友吧!或留個 "Thank You" 呀!
想問經濟、數學?可 按此 到我的面書發問。
想第一時間收到最新文章,可訂閱博客更新&amp;nbspRSS 。

沒有留言:

張貼留言

若想 *收到回覆* 通知,請以 Google 帳號登入,並勾選「通知我」(你依然可選擇 *匿名(唔開名)*) 。

另,Google 偶會審核留言而不能即時顯示,請耐心等候,不用重覆發表。謝謝!

關於作者

Ronald Chik (作者詳情及聯絡, 補習查詢)
教學廿多年,曾在傳統名校伊利沙伯中學、德愛中學任教,學位、副學士、文憑、毅進、中學、日校夜校皆曾任教。現主力湊仔,閒時替人補習,寫網誌,打羽毛球,生活悠遊。

標籤

/生活經濟 (73) '生活智慧 (48) /數學概念 (42) #DSE每年MC詳解 (37) '數碼智慧 (33) '趣味文章 (23) #讀書溫習相關 (20) /數學應用 (19) #S5 (16) //奧數.數學遊戲. (15) '親子 (13) //圖表說故事 (9) #S4 (8) #高小 (8) //老師不教的數學 (8) ''Youtube (7) ''男女關係 (7) #S6 (6) 'Guest Post (6) //MC技巧 (6) #練習 (5) '精選文章 (5) //日曆數學 (5) $\Money and Banking(貨幣與銀行) (4) '經數學堂 (4) //答客問 (4) #S1 (3) #大專 (3) $\Opportunity Cost(機會成本) (3) //計數機 (3) /經濟學習 (3) #P1-3 (2) #S2 (2) $\(Elective) Monopoly Pricing (壟斷定價) (2) $\GDP (2) $\Market Structure (市場結構) (2) ''GIF (2) #2 (1) #3 (1) #K1-3 (1) $.Algebraic Equation in One Unknown(一元一次方程) (1) $.Co-ordinate Geometry(直角座標) (1) $.Measures of Dispersion(離差的量度) (1) $.More About Graphs of Functions(函數圖像的進一步認識) (1) $.Percentage(百分比) (1) $.Permutation and Combination(排列與組合) (1) $.Pi(π)(圓周率) (1) $.Plane Geometry(平面幾何) (1) $.Probability(概率) (1) $.Pythagoras Theorem(畢氏定理) (1) $.Quadratic Equations(二次方程) (1) $.Statistics(統計學) (1) $.Trigonometry (三角學) (1) $\Consumer & Producer Surplus (消費者與生產者剩餘) (1) $\Demand & Supply(供求理論) (1) $\Economic Growth and Development(經濟增長與發展)[選修] (1) $\Externality(界外效應) (1) $\Factors of Production(生產要素) (1) $\Fiscal policy(財政政策) (1) $\International Trade(國際貿易) (1) $\Market Structure(市場結構) (1) '待發佈 (1)

Youtube 頻道