How to set social media buttons on Tumblr theme? -


despite not having knowledge on html i've managed arrange tumblr theme blog way want tutorials online etc.

only thing missing posts have couple of social sharing buttons.

but following tutorials find online doesn't work, believe it's because theme different , has buttons set (tumblr reblog/like/etc)?

i have code created following tutorial , grabbing custom icons deviantart.

{block:permalinkpage}{block:permalinkpagination} <a target="_new" href="https://twitter.com/intent/tweet?text={urlencodedtweetsummary}"><img style="border: 0pt none;" src="http://orig00.deviantart.net/8cf5/f/2016/316/5/8/twitter_icon_by_aquasparkles-dao40yu.png" width="20" height="20" /></a> <a target="_new" href="https://www.facebook.com/sharer.php?u={permalink}{block:title}&t={title}{/block:title}"><img style="border: 0pt none;" src="http://orig10.deviantart.net/5fb3/f/2017/103/f/f/facebook_icon_by_aquasparkles-db5mtq8.png" width="20" height="20" /></a> <a target="_new" href="http://pinterest.com/pin/create/button/?url={permalink}&media={photourl-500}"><img style="border: 0pt none;" src="http://orig03.deviantart.net/49e0/f/2016/181/3/4/pinterest_icon_by_aquasparkles-da86kds.png"> width="20" height="20" /></a> {/block:permalinkpagination}{/block:permalinkpage}  

but putting before or @ end of {block:posts} site suggests doesn't seem work.

so don't know do. ideally great if appear behind or after other buttons in theme every post, don't know in code. if complicated do, appearing under each post enough.

the theme i'm using is here. tumblr page is here.

tumblr - creating informative shares index page.

tumblr lacks relevant template tags when share request made index page.

currently there variables {posttitle} , {postsummary}, these rendered on permalink page.

the goal

the goal replicate information tumblr creates facebook og meta tags (which rendered on permalink page). although possible generate correct og tags on index page, provides support facebook, other networks still need padding out.

breakdown

for each post type should generate , include, if possible, following {post} information:

  1. title
  2. url
  3. description
  4. image

it presumed share urls inside corresponding post type block. sanity utilise: {plaintext} , {urlencoded} creating strings.

afaik covers post types. being said, not complete solution. things missing due nature of embeds (videos / audio looking @ here!).

if find problems fork / comment , best assist.


text post breakdown:

  1. {block:title}{plaintexttitle}{/block:title}
  2. {urlencodedpermalink}
  3. {plaintextbody}
  4. http://assets.tumblr.com/images/og/text_200.png

facebook

{block:text}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={block:title}{plaintexttitle}{/block:title}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/text_200.png&amp;p[summary]={plaintextbody}{/block:text} 

twitter

{block:text}https://twitter.com/intent/tweet?text={block:title}{plaintexttitle}%20-%20{/block:title}&amp;url={urlencodedpermalink}{/block:text} 

google plus

{block:text}https://plus.google.com/share?url={urlencodedpermalink}{/block:text} 

pinterest

{block:text}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={block:title}{plaintexttitle}{/block:title}&amp;media=http://assets.tumblr.com/images/og/text_200.png{/block:text} 

reddit

{block:text}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:title}{plaintexttitle}{/block:title}{/block:text} 

photo post breakdown:

  1. {plaintexttitle}
  2. {urlencodedpermalink}
  3. {block:caption}{plaintextcaption}{/block:caption}
  4. {urlencodedphotourl-250}

facebook

{block:photo}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={plaintexttitle}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]={urlencodedphotourl-250}&amp;p[summary]={block:caption}{plaintextcaption}{/block:caption}{/block:photo} 

twitter

{block:photo}https://twitter.com/intent/tweet?text={block:caption}{plaintextcaption}{/block:caption}%20-%20&amp;url={urlencodedpermalink}{/block:photo} 

google plus

{block:photo}https://plus.google.com/share?url={urlencodedpermalink}{/block:photo} 

pinterest

{block:photo}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={block:caption}{plaintextcaption}{/block:caption}&amp;media={urlencodedphotourl-250}{/block:photo} 

reddit

{block:photo}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:caption}{plaintextcaption}{/block:caption}{/block:photo} 

photoset post breakdown:

  1. {plaintexttitle}
  2. {urlencodedpermalink}
  3. {block:caption}{plaintextcaption}{/block:caption}
  4. {block:photos}{urlencodedphotourl-250}{/block:photos} (* last image in set used)

facebook

{block:photoset}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={plaintexttitle}&amp;p[url]={urlencodedpermalink}{block:photos}&amp;p[images][0]={urlencodedphotourl-250}{/block:photos}&amp;p[summary]={block:caption}{plaintextcaption}{/block:caption}{/block:photoset} 

twitter

{block:photoset}https://twitter.com/intent/tweet?text={block:caption}{plaintextcaption}{/block:caption}%20-%20&amp;url={urlencodedpermalink}{/block:photoset} 

google plus

{block:photoset}https://plus.google.com/share?url={urlencodedpermalink}{/block:photoset} 

pinterest

{block:photoset}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={block:caption}{plaintextcaption}{/block:caption}{block:photos}&amp;media={urlencodedphotourl-250}{/block:photos}{/block:photoset} 

reddit

{block:photoset}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:caption}{plaintextcaption}{/block:caption}{/block:photoset} 

quote post breakdown:

  1. {plaintextquote}
  2. {urlencodedpermalink}
    1. http://assets.tumblr.com/images/og/quote_200.png

facebook

{block:quote}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={plaintextquote}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/quote_200.png{/block:quote} 

twitter

{block:quote}https://twitter.com/intent/tweet?text={plaintextquote}%20-%20&amp;url={urlencodedpermalink}{/block:quote} 

google plus

{block:quote}https://plus.google.com/share?url={urlencodedpermalink}{/block:quote} 

pinterest

{block:quote}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={plaintextquote}&amp;media=http://assets.tumblr.com/images/og/quote_200.png{/block:quote} 

reddit

{block:quote}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={plaintextquote}{/block:quote} 

link post breakdown:

  1. {plaintextname}
  2. {urlencodedpermalink}
  3. {block:description}{plaintextdescription}{/block:description}
  4. http://assets.tumblr.com/images/og/link_200.png

facebook

{block:link}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={plaintextname}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/link_200.png&amp;p[summary]={block:description}{plaintextdescription}{/block:description}{/block:link} 

twitter

{block:link}https://twitter.com/intent/tweet?text={plaintextname}%20-%20&amp;url={urlencodedpermalink}{/block:link} 

google plus

{block:link}https://plus.google.com/share?url={urlencodedpermalink}{/block:link} 

pinterest

{block:link}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={plaintextname}&amp;media=http://assets.tumblr.com/images/og/link_200.png{/block:link} 

reddit

{block:link}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={plaintextname}{/block:link} 

chat post breakdown:

  1. {block:title}{plaintexttitle}{/block:title}
  2. {urlencodedpermalink}
  3. {block:lines}{block:label}{plaintextlabel}{/block:label}{plaintextline}%0a{/block:lines}
  4. http://assets.tumblr.com/images/og/link_200.png

facebook

{block:chat}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={block:title}{plaintexttitle}{/block:title}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&amp;p[summary]={block:lines}{block:label}{plaintextlabel}{/block:label}{plaintextline}%0a{/block:lines}{/block:chat} 

twitter

{block:chat}https://twitter.com/intent/tweet?text={block:title}{plaintexttitle}{/block:title}%20-%20&amp;url={urlencodedpermalink}{/block:chat} 

google plus

{block:chat}https://plus.google.com/share?url={urlencodedpermalink}{/block:chat} 

pinterest

{block:chat}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={block:title}{plaintexttitle}{/block:title}&amp;media=http://assets.tumblr.com/images/og/chat_200.png{/block:chat} 

reddit

{block:chat}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:title}{plaintexttitle}{/block:title}{/block:chat} 

audio post breakdown:

  1. {block:trackname}{plaintexttrackname}{/block:trackname}{block:artist}%20-%20{plaintextartist}{/block:artist}
  2. {urlencodedpermalink}
  3. {block:caption}{plaintextcaption}{/block:caption}
  4. {block:albumart}{urlencodedalbumarturl}{/block:albumart}

facebook

{block:audio}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={block:trackname}{plaintexttrackname}{/block:trackname}{block:artist}%20-%20{plaintextartist}{/block:artist}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]={block:albumart}{urlencodedalbumarturl}{/block:albumart}&amp;p[summary]={block:caption}{plaintextcaption}{/block:caption}{/block:audio} 

twitter

{block:audio}https://twitter.com/intent/tweet?text={block:trackname}{plaintexttrackname}{/block:trackname}{block:artist}%20-%20{plaintextartist}{/block:artist}%20%3a%20&amp;url={urlencodedpermalink}{/block:audio} 

google plus

{block:audio}https://plus.google.com/share?url={urlencodedpermalink}{/block:audio} 

pinterest

{block:audio}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={block:trackname}{plaintexttrackname}{/block:trackname}{block:artist}%20-%20{plaintextartist}{/block:artist}&amp;media={block:albumart}{urlencodedalbumarturl}{/block:albumart}{/block:audio} 

reddit

{block:audio}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:trackname}{plaintexttrackname}{/block:trackname}{block:artist}%20-%20{plaintextartist}{/block:artist}{/block:audio} 

video post breakdown:

  1. {plaintextname}
  2. {urlencodedpermalink}
  3. {block:caption}{plaintextcaption}{/block:caption}
  4. {block:videothumbnail}{videothumbnailurl}{/block:videothumbnail}

facebook

{block:video}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={plaintextname}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]={block:videothumbnail}{videothumbnailurl}{/block:videothumbnail}&amp;p[summary]={block:caption}{plaintextcaption}{/block:caption}{/block:video} 

twitter

{block:video}https://twitter.com/intent/tweet?text={block:caption}{plaintextcaption}{/block:caption}%20-%20&amp;url={urlencodedpermalink}{/block:video} 

google plus

{block:video}https://plus.google.com/share?url={urlencodedpermalink}{/block:video} 

pinterest

{block:video}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={block:caption}{plaintextcaption}{/block:caption}&amp;media={block:videothumbnail}{videothumbnailurl}{/block:videothumbnail}{/block:video} 

reddit

{block:video}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:caption}{plaintextcaption}{/block:caption}{/block:video} 

answer post breakdown:

  1. {lang:asker asked}%3a%0a{plaintextquestion}
  2. {urlencodedpermalink}
  3. {plaintextanswer}
  4. http://assets.tumblr.com/images/og/chat_200.png
facebook
{block:answer}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={lang:asker asked}:{plaintextquestion}&amp;p[url]={urlencodedpermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&amp;p[summary]={plaintextanswer}{/block:answer} 

twitter

{block:answer}https://twitter.com/intent/tweet?text={lang:asker asked}%3a%0a{plaintextquestion}%20-%20&amp;url={urlencodedpermalink}{/block:answer} 

google plus

{block:answer}https://plus.google.com/share?url={urlencodedpermalink}{/block:answer} 

pinterest

{block:answer}http://pinterest.com/pin/create/button/?url={urlencodedpermalink}&amp;description={lang:asker asked}%3a%0a{plaintextquestion}&amp;media=http://assets.tumblr.com/images/og/chat_200.png{/block:answer} 

reddit

{block:answer}http://reddit.com/submit?url={urlencodedpermalink}&amp;title={block:caption}{plaintextcaption}{/block:caption}{/block:answer} 

Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -