2-3 Blogger替讀者標明文章出處(原文網址)

更新於 發佈於 閱讀時間約 2 分鐘
Photo by Erik-Jan Leusink on Unsplash

Photo by Erik-Jan Leusink on Unsplash

最初會想加入這個功能,主要是因為自己(當初還沒想弄寫作Blogger),因為找資料的過程中,雖然記得將出處加入頁籤,但不知為何(搞錯?),卻和要用的資料對不上,為此著實苦惱了好一陣子。偶然在某次搜集資訊,將資料貼上後,竟然貼心的附上原文網址,當下直覺太讚了,故而研究了一番。

改替成寫作Blogger後,對於要不要保留這個功能,思索很久。而且或許你會問,這還不如直接禁用複製。可是我想,有心想盜用的人,大概會有好幾種方式,能輕易的破解『禁用複製』,單純只看文的讀者,會複製的理由,反而相對單純,那禁不禁用,其實沒太大差別。

猶豫的理由,主要是因還分享了些代碼類的文章,如果複製個代碼,出現這東西,著實有些煩(如現在,但是是有理由的!)。可要是讀者複製文章,是為不方便上網時看,下次想再看下一章時,卻發現找不著了,豈不是會覺困擾。所以想著還是留著吧!

方法是在</body>前(Blogger後台/主題/自訂/編輯HTML,html內文用Ctrl+F搜尋)加上script,script如下:

<script type='text/javascript'>
document.body.oncopy = function(e) {
var notice1 = "\n原文網址:";
var notice2 = window.document.location.href;
var origin = window.getSelection();
e.clipboardData.setData("text/plain", origin + notice1 + notice2);
return false;
}
</script>
  • notice1:網址前的註解(可自由更改)。
  • notice2:複製內容的網址。
  • origin:所窗選複製的內容。

這樣就會在讀者複製時,自動加上原文網址。如果原先你已有其他的script,也可以去掉頭尾,直接貼在</script> 前即可。

留言
avatar-img
留言分享你的想法!
avatar-img
NoEnd│莫盡
7會員
44內容數
分享個人創作。
NoEnd│莫盡的其他內容
2023/12/17
如果你已經決定,以後就都自出版電子書,那麼建議進行編輯前,可以先安裝/加入外掛,簡化作業流程,因為自己僅出版文字書/小說,所以僅就此部分說明(因為其他的還沒用過)。 題外話:外掛超好用,但不知為什麼用的人很少,可能翻的名字不好,一般都會是翻插件。一開始會想到安裝外掛,也實在是因,明明工具列那麼
Thumbnail
2023/12/17
如果你已經決定,以後就都自出版電子書,那麼建議進行編輯前,可以先安裝/加入外掛,簡化作業流程,因為自己僅出版文字書/小說,所以僅就此部分說明(因為其他的還沒用過)。 題外話:外掛超好用,但不知為什麼用的人很少,可能翻的名字不好,一般都會是翻插件。一開始會想到安裝外掛,也實在是因,明明工具列那麼
Thumbnail
2023/12/17
個人不是使用Word寫作,而且原本就習慣一章一章寫,不過看到Sigil的,從標記【<hr class="sigil_split_marker" />】分割的功能,很好奇是怎樣的,結果發現它超好用的,能夠幫你自動分章節成HTML檔。 要做到這點,非常的簡單,你只要使用儲存搜尋和Automation
Thumbnail
2023/12/17
個人不是使用Word寫作,而且原本就習慣一章一章寫,不過看到Sigil的,從標記【<hr class="sigil_split_marker" />】分割的功能,很好奇是怎樣的,結果發現它超好用的,能夠幫你自動分章節成HTML檔。 要做到這點,非常的簡單,你只要使用儲存搜尋和Automation
Thumbnail
2023/12/14
為了自出版電子書,搜尋相關資料,大體看過一遍,然後,得到的結論是,不該做的別做!(EPUB│Reflow文字書│橫排的情況)雖然自覺只是進行了『非常低度』的編輯,但還是多了。 已順利上傳的是Pubu,只花不到5分鐘,有點嚇到我!其他的則還在等候審查,等有結果後再一次分享。此篇先談談遇到的問題吧!
Thumbnail
2023/12/14
為了自出版電子書,搜尋相關資料,大體看過一遍,然後,得到的結論是,不該做的別做!(EPUB│Reflow文字書│橫排的情況)雖然自覺只是進行了『非常低度』的編輯,但還是多了。 已順利上傳的是Pubu,只花不到5分鐘,有點嚇到我!其他的則還在等候審查,等有結果後再一次分享。此篇先談談遇到的問題吧!
Thumbnail
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
礙於我的個人網站二月跟三月都讓我去跟主機商詢問問題,外加未來等過了優惠價,年度的支出會增加,還有每次看到旅遊、美食部落客都有使用,上次還有店家問我怎麼沒有想用pixnet,讓我覺得有點無法回嘴。
Thumbnail
礙於我的個人網站二月跟三月都讓我去跟主機商詢問問題,外加未來等過了優惠價,年度的支出會增加,還有每次看到旅遊、美食部落客都有使用,上次還有店家問我怎麼沒有想用pixnet,讓我覺得有點無法回嘴。
Thumbnail
有時候,最簡單的事情可以做很多事! 如果你點擊活動廣告,你會注意到網址尾端會有一些額外的“代碼”。 類似:“?utm_source=XXXXX” 「XXXXX」是對放置連結的位置的描述,以便活動商追蹤來源。 但這僅用於追蹤數據。 下次當你要分享其他人的網站或內容時,使用相同的“程式碼”看看
Thumbnail
有時候,最簡單的事情可以做很多事! 如果你點擊活動廣告,你會注意到網址尾端會有一些額外的“代碼”。 類似:“?utm_source=XXXXX” 「XXXXX」是對放置連結的位置的描述,以便活動商追蹤來源。 但這僅用於追蹤數據。 下次當你要分享其他人的網站或內容時,使用相同的“程式碼”看看
Thumbnail
改善曝光度 上一篇文章講到部落格文章瀏覽量的問題。分析出來瀏覽量這麼差,要做的當然是改善自己的瀏覽量與曝光度的問題。基本上文章的部落格的屬性不會亂改,網站排名也沒有問題。所以要做的當然就是如何讓更多人知道你的網站或部落格。 自架網站 這上網隨便搜尋都有太多的答案可以遵循,我就不一一列出來。其實
Thumbnail
改善曝光度 上一篇文章講到部落格文章瀏覽量的問題。分析出來瀏覽量這麼差,要做的當然是改善自己的瀏覽量與曝光度的問題。基本上文章的部落格的屬性不會亂改,網站排名也沒有問題。所以要做的當然就是如何讓更多人知道你的網站或部落格。 自架網站 這上網隨便搜尋都有太多的答案可以遵循,我就不一一列出來。其實
Thumbnail
最初會想加入這個功能,主要是因為自己(當初還沒想弄寫作Blogger),因為找資料的過程中,雖然記得將出處加入頁籤,但不知為何(搞錯?),卻和要用的資料對不上,為此著實苦惱了好一陣子。偶然在某次搜集資訊,將資料貼上後,竟然貼心的附上原文網址,當下直覺太讚了,故而研究了一番。 改替成寫作Blogge
Thumbnail
最初會想加入這個功能,主要是因為自己(當初還沒想弄寫作Blogger),因為找資料的過程中,雖然記得將出處加入頁籤,但不知為何(搞錯?),卻和要用的資料對不上,為此著實苦惱了好一陣子。偶然在某次搜集資訊,將資料貼上後,竟然貼心的附上原文網址,當下直覺太讚了,故而研究了一番。 改替成寫作Blogge
Thumbnail
至 2009年5月開始,筆者在 Blogger 發篇心情點滴與分享技術知識,長久以來一直都是 Blogger 的忠實用戶。 從部落格掏金興盛的年代開始,大家都紛紛建立自己的部落格,筆者一直在 Blogger 上持續創作。當然,也曾嘗試過在奇摩筆記、無名小站、中華Xuite隨意窩日誌、yam天空部落
Thumbnail
至 2009年5月開始,筆者在 Blogger 發篇心情點滴與分享技術知識,長久以來一直都是 Blogger 的忠實用戶。 從部落格掏金興盛的年代開始,大家都紛紛建立自己的部落格,筆者一直在 Blogger 上持續創作。當然,也曾嘗試過在奇摩筆記、無名小站、中華Xuite隨意窩日誌、yam天空部落
Thumbnail
對於個人而言,免費的Blogger樣版已經很夠用。若非要說有哪不滿意,大概就是主選單,會隨著網頁滾動消失(如下圖),雖然有回到上方按鈕,且多數人瀏覽習慣,逐漸轉為手機。不過我還是喜歡,能夠常駐上方的主選單。 一、於</style>前,增加CSS 進入到Blogger後台/主題/自訂/編輯HTML
Thumbnail
對於個人而言,免費的Blogger樣版已經很夠用。若非要說有哪不滿意,大概就是主選單,會隨著網頁滾動消失(如下圖),雖然有回到上方按鈕,且多數人瀏覽習慣,逐漸轉為手機。不過我還是喜歡,能夠常駐上方的主選單。 一、於</style>前,增加CSS 進入到Blogger後台/主題/自訂/編輯HTML
Thumbnail
在2-1已和大家介紹過,上、下章和回目錄的按鈕,寫作Blogger和一般Blogger另一個不同,大概就是目錄。同樣由於是個人創作的部落格,不可能會有專屬手機APP,目錄最好也是能夠,自動調節成合適的大小。 同樣是編輯CSS和利用無序清單元素的<li>就能辦到,而且語法也相差不大。同樣要先說明
Thumbnail
在2-1已和大家介紹過,上、下章和回目錄的按鈕,寫作Blogger和一般Blogger另一個不同,大概就是目錄。同樣由於是個人創作的部落格,不可能會有專屬手機APP,目錄最好也是能夠,自動調節成合適的大小。 同樣是編輯CSS和利用無序清單元素的<li>就能辦到,而且語法也相差不大。同樣要先說明
Thumbnail
寫作Blogger和一般Blogger最大的不同,就是有無上、下章和回目錄的按鈕了。又由於是個人創作的部落格,不可能會有專屬手機APP,這些按鈕最好是能夠,自動調節成合適的大小。 那麼會不會很難呢?其實並不難,一樣是編輯CSS就能辦到,這次會利用到的,還有無序清單元素的<li>。但要先說明的是
Thumbnail
寫作Blogger和一般Blogger最大的不同,就是有無上、下章和回目錄的按鈕了。又由於是個人創作的部落格,不可能會有專屬手機APP,這些按鈕最好是能夠,自動調節成合適的大小。 那麼會不會很難呢?其實並不難,一樣是編輯CSS就能辦到,這次會利用到的,還有無序清單元素的<li>。但要先說明的是
Thumbnail
在上一篇文章1-1 利用免費Blogger版型創建寫作部落格,可以知道我使用的版型是2018年的,那時的圖片還不興導圓角,可是在今年新出的樣版,都將圖片加上圓角,實在有些羨慕,那該怎麼辦呢? 其實是非常容易的,只要按滑鼠右鍵,之後就是剪下、貼上的事。 不過首先,你得知道圓角的CSS語法為bo
Thumbnail
在上一篇文章1-1 利用免費Blogger版型創建寫作部落格,可以知道我使用的版型是2018年的,那時的圖片還不興導圓角,可是在今年新出的樣版,都將圖片加上圓角,實在有些羨慕,那該怎麼辦呢? 其實是非常容易的,只要按滑鼠右鍵,之後就是剪下、貼上的事。 不過首先,你得知道圓角的CSS語法為bo
Thumbnail
今天因為小編的電腦不小心重開機,結果平常慣用的Edge瀏覽器在重開機後「自動」更新成100的版本號! 重新開啟Edge瀏覽器後,會自動顯示一些使用技巧,那就看看有沒有值得一試的功能吧。 (注意:此功能應該在Edge瀏覽器版本號90之後就可以支援了,並非一定要更新到版本號100)
Thumbnail
今天因為小編的電腦不小心重開機,結果平常慣用的Edge瀏覽器在重開機後「自動」更新成100的版本號! 重新開啟Edge瀏覽器後,會自動顯示一些使用技巧,那就看看有沒有值得一試的功能吧。 (注意:此功能應該在Edge瀏覽器版本號90之後就可以支援了,並非一定要更新到版本號100)
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News