如何將社交媒體按鈕放在Tumblr博客上

07年1月

註冊以創建一個Tumblr博客

註冊Tumblr。 照片©Tumblr

如果您尚未創建Tumblr博客,首先需要訪問Tumblr.com,您將被要求輸入您的電子郵件地址,密碼和所需的博客網址以開始使用。

任何擁有Tumblr帳戶的人都可以通過點擊特定博客帖子上的“贊”按鈕或“重新登錄”按鈕與其他用戶分享內容。 這些內置按鈕允許任何人在Tumblr網絡的虛擬牆內共享內容; 但是他們不會給您在FacebookTwitter ,Google+或StumbleUpon等任何其他主要社交媒體網站上分享內容的靈活性。

如果您想在Tumblr博客中添加額外的分享按鈕,您需要將一些代碼複製並粘貼到您的Tumblr博客模板中。 在主題HTML文檔的右側添加一段代碼會自動將社交媒體按鈕放置在每個以前發布的博客文章和所有未來的博客帖子下。

07年2月

選擇您的社交媒體按鈕

社交媒體按鈕。 照片©iStockPhoto

在博客上放置的最常見的社交媒體按鈕包括Facebook“Like”按鈕和Twitter官方Twitter按鈕,但您也可以包括Digg按鈕,Reddit按鈕,StumbleUpon按鈕,Google+按鈕等其他按鈕, Delicious按鈕或您選擇的任何其他社交媒體按鈕。

避免在您的博客中包含太多按鈕,因為它可能會導致您的帖子出現混亂和混亂的讀者誰可能想分享您的內容。 考慮在每篇博文下面最多放置五六個社交媒體按鈕。

03年7月

查找和自定義每個按鈕的代碼

Twitter代碼。 照片©Twitter

大多數社交網絡都有一個特定的頁面,專門向用戶展示如何在博客或網站上安裝和定制他們自己的分享按鈕。 如果您無法找到要查找的內容,請嘗試在首選搜索引擎中輸入“[社交網絡名稱]按鈕代碼”以找到它並將網站名稱替換為[社交網絡名稱]。 例如,通過搜索“Twitter按鈕代碼”,首先彈出的結果之一應該是來自Twitter網站的官方Tweet按鈕頁面。

一些社交網絡將允許您對其按鈕進行自定義,包括按鈕大小,附加標題文本, URL結構 ,共享計數選項和語言設置的更改。 並非所有的社交網絡都包含可自定義的按鈕創建,但對於那些可以自定義的按鈕創建,代碼片段將根據您的設置進行更改。

04年7月

訪問您的Tumblr主題文檔

Tumblr主題文檔。 照片©Tumblr

在Tumblr儀表板上,標題為“主題”的標題中有一個選項,當您點擊打開主題時,它會顯示主題代碼。 如果點擊它後沒有看到一堆代碼,請點擊窗口底部的“使用自定義HTML”按鈕。

HTML,PHP,JavaScript和其他計算機代碼的工作經驗不足的人可能會因為查看本節而感到恐懼。 重要的是要記住,你根本不會寫任何新的代碼。 您只需將按鈕代碼放置在主題文檔中即可。

07年05月

通過主題文檔搜索

Tumblr主題代碼。 照片©Tumblr

您需要查找的唯一代碼行是: {/ block:Posts} ,代表博客帖子的結尾,通常可以在主題文檔的底部附近找到,具體取決於您的Tumblr主題正在使用。 如果您僅通過瀏覽代碼就很難找到這行代碼,則可以嘗試使用Ctrl + F查找程序功能。

同時按下鍵盤上的控制按鈕和字母“F”按鈕以調出取景器輸入。 輸入“{/ block:Posts}”並點擊搜索以快速找到代碼行。

06年7月

將按鈕代碼粘貼到主題文檔中

Twitter代碼。 照片©Twitter
複製您創建的自定義按鈕代碼,並將其直接粘貼到以下代碼行: {/ block:Posts} 。 這告訴博客主題在每篇博文的底部顯示社交媒體按鈕。

07年7月

測試你的Tumblr博客

Tumblr與社交媒體按鈕。 照片©Tumblr

你已經做到了有趣的一部分。 如果您已將按鈕代碼正確放置在主題文檔中,那麼您的Tumblr博客應在每篇文章的底部顯示您選擇的分享按鈕。 點擊它們可以輕鬆在其他社交媒體網絡上分享您的Tumblr帖子。

提示: