The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr Theme Like Buttons Aren't Working, Boy Did Staff Screw This One Up
BigSlappy
post Sep 21 2015, 12:12 PM
Post #1





Group: Members
Posts: 2
Joined: 21-September 15
Member No.: 23,556



Hi. I'm very inexperienced at coding, but I just have one small issue I need to take care of.

I've redesigned my blog theme on Tumblr, and I've successfully added a customized text reblog button for my posts that works fine. But the text like button doesn't work for whatever reason. I've gotten it to turn red when a mouse hovers over it, and to stay red when clicked. (Thanks to this tutorial [link])

But it has no functionality whatsoever. If anything the link url on the bottom right just says the word "Like" when you hover over it.

IPB Image


I'm well aware of Staff's new like button feature. {likebutton} And it looks terrible, it glitches my theme and it looks too gigantic and clunky.


IPB Image


Preferably I would much rather use the text heart and not the new {likebutton}, if I could get some help figuring out a way to make it actually "like" posts on my theme.

-So is it still possible to implement text links for a like button?
-If staff truly broke this function however, is there any way to edit it so that it doesn't look as terrible?
-Can I reduce the size or change the image of the new {likebutton}?

Any help would be appreciated. Thanks for reading!

Here's my blog's code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--

Mellow Yellow Theme: Lauren Ashpole (www.laurenashpole.com)
Font: Bebas by Flat-it (www.dharmatype.com)
Some Icons Created Using: Iconic by P.J. Onori (www.somerandomdude.com)

-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- Blog Information -->

<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<!-- Blog Variables -->

<meta name="if:ShowArchiveLink" content="1" />
<meta name="if:ShowRSSLink" content="1" />
<meta name="if:ShowSearch" content="1" />
<meta name="if:ShowLikes" content="1" />

<meta name="text:Google Analytics" content="" />
<meta name="text:Disqus shortname" content="" />

<!-- Cufon Fonts -->

<script src="http://static.tumblr.com/w45vvio/C1nlg6bvn/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/w45vvio/BHmlg6by9/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/w45vvio/oKflg6bzn/bebasregular_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, #description, li.postlinks, .datesquare, .navigationlinks, #disqus, #morelikes, #themeby');
</script>

<!-- CSS Code -->

<style>
<!--

body
{
background: url('https://farm9.staticflickr.com/8327/8150080687_12a2b9377f_h.jpg');background-repeat: no repeat;background-attachment: fixed;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
text-align: center;
margin: 0;
}

a:link, a:visited
{
text-decoration: underline;
color: #0C0C0C;
}

a:hover
{
text-decoration: none;
}

a:link img, a:visited img, a:hover img
{
border: none;
}

#wrapper
{
width: 700px;
margin: 0 auto 0 auto;
}

/* Header Properties */

#header
{
width: 600px;
margin: 0 0 25px 100px;
text-align: left;
}

h1
{
font-color: #0C0C0C;
font-size: 60px;
margin: 25px 0 0 0;
}

h1 a:link, h1 a:visited, h1 a:hover
{
text-decoration: none;
}

p#description
{
font-color: #0C0C0C;
font-size: 25px;
margin: 10px 0 35px 0;
}

/* Link Properties */

ul#links
{
list-style-type: none;
margin: 0;
padding: 0;
}

li.postlinks
{
font-color: #D4A21E;
font-size: 22px;
margin: 0 20px 0 0;
display: inline;
float: left;
}

li.postlinks a:link, li.postlinks a:visited, li.postlinks a:hover
{
text-decoration: none;
color: #D4A21E;
}

/* Post Properties */

.standardcontainer
{
width: 600px;
margin: 0 0 0 100px;
text-align: left;
}

.postswrapper
{
width: 700px;
margin: 0 0 70px 0;
}

.left
{
width: 100px;
float: left;
text-align: left;
}

.iconsquare
{
width: 65px; height: 65px;
margin: 0 35px 25px 0;
background-color: #D4A21E;
}

.datesquare
{
width: 65px; height: 53px;
padding: 6px 0 6px 0;
margin: 0 35px 25px 0;
background-color: #D4A21E;
color: #ECC152;
text-align: center;
font-size: 13px;
}

.blanksquare
{
width: 100px; height: 1px;
}

.right
{
width: 600px;
margin: 0;
float: left;
}

.corners
{
width: 600px;
margin: 0;
background-color: #ffffff;
color: #000000;
}

.corners p
{
margin: 0 40px;
}

.cornerstop
{
background: url('http://static.tumblr.com/w45vvio/tK1lg6c2l/tr.gif') no-repeat top right;
}

.cornersbottom
{
background: url('http://static.tumblr.com/w45vvio/siElg6c3c/br.gif') no-repeat top right;
}

img.corners
{
width: 45px;
height: 45px;
border: none;
display: block !important;
}

h3
{
margin: 0 25px 25px 25px;
}

p.reblog
{
margin: 0 40px 15px 40px;
font-style: italic;
text-align: left;
}

p.reblog a:link, p.reblog a:visited, p.reblog a:hover
{
color: #D4A21E;
font-weight: bold;
}

.textbody
{
text-align: left;
}

ul.chat
{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

/* Notes Properties */

.notestags
{
background: url('');
background-repeat: no-repeat;
width: 460px;
margin: -90px 0 0 0;
padding: 60px 0 0 70px;
font-size: 85%;
text-align: center;
color: #0C0C0C;
}

.postnotes
{
width: 525px;
margin: 25px 0 0 75px;
background-color: #E2B542;
text-align: left;
}

ol.notes
{
padding: 0;
margin: 0;
list-style-type: none;
border-bottom: solid 1px #ECC253;
}

ol.notes li.note
{
border-top: solid 1px #ECC253;
padding: 10px;
}

ol.notes li.note img.avatar
{
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note span.action
{
font-weight: bold;
}

ol.notes li.note .answer_content
{
font-weight: normal;
}

ol.notes li.note blockquote
{
border-color: #ECC253;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a
{
text-decoration: none;
}

p.asker
{
margin: 0 40px 15px 40px;
font-style: italic;
text-align: left;
}

p.asker a:link, p.asker a:visited, p.asker a:hover
{
color: #D4A21E;
font-weight: bold;
}

.answer
{
margin: 0;
text-align: left;
}

/* Search Properties */

#search
{
width: 300px;
margin: 30px 0 30px 0;
float: left;
}

.searchbutton
{
background: url('http://static.tumblr.com/w45vvio/hCOlg6c5e/searchbutton.gif') ; background-attachment: fixed;no-repeat;
width: 98px; height: 26px;
margin: 0;
border: none;
vertical-align: top;
}

/* Navigation Properties */

#navigation
{
width: 300px;
margin: 30px 0 30px 0;
text-align: right;
float: left;
}

.navigationlinks
{
background-color: #0C0C0C;
color: #ECC152;
padding: 5px 25px 5px 25px;
margin: 0 0 0 5px;
float: right;
vertical-align: top;
}

.navigationlinks a:link, .navigationlinks a:visited, .navigationlinks a:hover
{
color: #ECC152;
text-decoration: none;
}

/* Comment Properties */

#commenttop
{
width: 700px; height: 16px;
text-align: center;
}

#commentbox
{
width: 650px;
padding: 0 25px 0 25px;
background-color: #E2B542;
}

p#disqus
{
margin: 0 0 20px 25px;
text-align: right;
}

p#disqus a:link, p#disqus a:visited, p#disqus a:hover
{
text-decoration: none;
}

/* Like Properties */

#liketop
{
width: 700px; height: 15px;
text-align: center;
}

#likebox
{
width: 700px;
background-color: #D4A21E;
}

ul#likes
{
list-style-type: none;
margin: 0 0 0 40px;
padding: 0 0 0 0;
}

li.like_post
{
/* Should match the width specified in the Likes tag */
width: 180px;
padding: 0 40px 40px 0;
float: left;
}

li.like_post img
{
max-width: 100%;
}

li.like_post blockquote
{
margin: 0;
padding: 0 0 0 10px;
border-left: 1px solid #ECC253;
}

li.like_post ol, li.like_post ul
{
margin: 0 0 0 15px;
padding: 0;
}

li.like_post .like_link a
{
font-weight: bold;
}

li.like_post .like_title
{
font-weight: bold;
}

li.like_post .post_info_bottom
{
margin: 10px 0 0 0;
display: block !important;
}

p#morelikes
{
font-color: #ECC152;
margin: 0 25px 20px 0;
text-align: right;
}

p#morelikes a:link, p#morelikes a:visited, p#morelikes a:hover
{
color: #ECC152;
text-decoration: none;
}

p#themeby
{
font-color: #0C0C0C;
font-size: 15px;
margin: 20px 0 20px 0;
}

p#themeby a:link, p#themeby a:visited, p#themeby a:hover
{
color: #0C0C0C;
text-decoration: none;
}

div[class$="xpm0-hide"], .static-only
{
display: none;
}

div[class$="xpm0-show"]
{
display: inline;
}

div[class$="xpm0-hide"]
{
display: none;
}

.clear
{
clear:both;
}

{CustomCSS}

-->
</style>

<!-- Google Analytics Code -->

{block:ifGoogleAnalytics}

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics}']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

{/block:ifGoogleAnalytics}
<style>
.my-like {
cursor:pointer;
display:inline-block;
vertical-align:bottom;
}
.my-liked, .my-like:hover {
color: red;
cursor:pointer;
display:inline-block;
vertical-align:bottom;
}
<style>
.my-like {
cursor:pointer;
display:inline-block;
vertical-align:top;
}
.my-liked, .my-like:hover {
color: red;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
<style>
.my-like {
cursor:pointer;
display:inline-block;
vertical-align:top;
}
.my-liked, .my-like:hover {
color: red;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
</style>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
var myLike = event.target;
if( myLike.className.indexOf( 'my-like' ) > -1 ) {
var frame = document.getElementById( 'my-like-frame' ),
liked = ( myLike.className == 'my-liked' ),
command = liked ? 'unlike' : 'like',
reblog = myLike.getAttribute( 'data-reblog' ),
id = myLike.getAttribute( 'data-id' ),
oauth = reblog.slice( -8 );
frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false );
};
</script>
</head>

<body>
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/simpleBlack/skin.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=6-SXihgtQeA&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0&index=4'},{'title':'','url':'https://www.youtube.com/watch?v=hssAZwnZ3D8'},{'title':'','url':'https://www.youtube.com/watch?v=Oofsdky-TNs&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0&index=74'},{'title':'','url':'https://www.youtube.com/watch?v=TEWuZ0QBvlo&index=119&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0'},{'title':'','url':'https://www.youtube.com/watch?v=A5qXW0G7v1A&index=154&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0'},{'title':'','url':'https://www.youtube.com/watch?v=0e9HwG6tS5M&index=136&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0'},{'title':'','url':'https://www.youtube.com/watch?v=XbtTTxFbNQU&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0&index=52'},{'title':'','url':'https://www.youtube.com/watch?v=RbLWXCSt60w&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0&index=1'},{'title':'','url':'https://www.youtube.com/watch?v=VK6IeIj1LN8&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0&index=23'},{'title':'','url':'https://www.youtube.com/watch?v=PIJzpdJIdmI&list=PLQ4DavZNJolN2o3hY7lmQaLde3XlwXoW0&index=82'},{'title':'','url':'https://www.youtube.com/watch?v=SWb_jZct2SY'},{'title':'','url':'https://www.youtube.com/watch?v=4cq8ZGnfUN4'},{'title':'','url':'https://www.youtube.com/watch?v=v0VfkBBUqwM'},{'title':'','url':'https://www.youtube.com/watch?v=IHxzcK0BAAw'},{'title':'','url':'https://www.youtube.com/watch?v=u1-1vi9W-_c'}]}" ></script>
<!-- SCM Music Player script end -->




<div id="wrapper">

<!-- Header -->

<div id="header">

<h1><a href="/">{Title}</a></h1>

{block:Description}
<p id="description">{Description}</p>
{/block:Description}

<!-- Links -->

<ul id="links">
{block:ifShowArchiveLink}<li class="postlinks"><a href="/archive">Archive</li>{/block:ifShowArchiveLink}{block:ifShowRSSLink}<li class="postlinks"><a href="{RSS}">RSS</a></li>{/block:ifShowRSSLink}{block:AskEnabled}<li class="postlinks"><a href="/ask">Ask</a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li class="postlinks"><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<li class="postlinks"><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
</ul>

<div class="clear"></div>

</div>

<div class="standardcontainer">

<!-- Search -->

{block:SearchPage}
<p>{SearchResultCount} Results</p>
{/block:SearchPage}

{block:NoSearchResults}{/block:NoSearchResults}

</div>

<!-- Posts -->

{block:Posts}


<div class="postswrapper">

<div class="left">

<div class="{ShortURL}-hide">

<!-- Post Type & Date -->

<div class="iconsquare"><a href="{Permalink}">
{block:Text}<img src="http://static.tumblr.com/w45vvio/ZQjlg6c73/icontext.gif" width="65" height="65" alt="Text">{/block:Text}
{block:Photo}<img src="http://static.tumblr.com/w45vvio/UhPlg6cfa/iconphoto.gif" width="65" height="65" alt="Photo">{/block:Photo}
{block:Photoset}<img src="http://static.tumblr.com/w45vvio/UhPlg6cfa/iconphoto.gif" width="65" height="65" alt="Photo">{/block:Photoset}
{block:Quote}<img src="http://static.tumblr.com/w45vvio/mpQlg6cgq/iconquote.gif" width="65" height="65" alt="Quote">{/block:Quote}
{block:Link}<img src="http://static.tumblr.com/w45vvio/kvXlg6cic/iconlink.gif" width="65" height="65" alt="Link">{/block:Link}
{block:Chat}<img src="http://static.tumblr.com/w45vvio/RESlg6ck0/iconchat.gif" width="65" height="65" alt="Chat">{/block:Chat}
{block:Video}<img src="http://static.tumblr.com/w45vvio/vzJlg6cns/iconvideo.gif" width="65" height="65" alt="Video">{/block:Video}
{block:Audio}<img src="http://static.tumblr.com/w45vvio/t5glg6coy/iconaudio.gif" width="65" height="65" alt="Audio">{/block:Audio}
{block:Answer}<img src="http://static.tumblr.com/w45vvio/LiOlg6cr6/iconquestion.gif" width="65" height="65" alt="Answer">{/block:Answer}</a></div>
<div class="datesquare">
{block:Date}
{ShortMonth}<br>
{DayOfMonth}<br>
{Year}
{/block:Date}
</div>

</div>

<div class="blanksquare"></div>

</div>

<div class="right">

<div class="corners">
<div class="cornerstop">
<img src="http://static.tumblr.com/w45vvio/oZmlg6c8g/tl.gif" alt="" width="45" height="45" class="corners" style="display: none" />
</div>

{block:RebloggedFrom}<p class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> :</p>{/block:RebloggedFrom}

<!-- Text Post -->

{block:Text}

<p>

{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<div class="textbody">
{Body}
</div>

</p>

{/block:Text}

<!-- Photo Post -->

{block:Photo}

<p>

{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}


{/block:Photo}

<!-- Photoset Post -->

{block:Photoset}

<p>

{Photoset-500}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}

</p>

{/block:Photoset}


<!-- Quote Post -->

{block:Quote}

<p>

"{Quote}"

{block:Source}
<div class="source">{Source}</div>
{/block:Source}

</p>

{/block:Quote}

<!-- Link Post -->

{block:Link}

<p>

<a href="{URL}" class="link" {Target}>{Name}</a>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}

</p>

{/block:Link}

<!-- Chat Post -->

{block:Chat}

<p>

{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<ul class="chat">

{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}

</ul>

</p>

{/block:Chat}

<!-- Video Post -->

{block:Video}

<p>

{Video-500}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}

</p>

{/block:Video}

<!-- Audio Post -->

{block:Audio}

<p>

{AudioPlayerBlack}

{block:AlbumArt}
<img src="{AlbumArtURL}" border="0">
{/block:AlbumArt}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}

{block:Artist}{Artist}{/block:Artist}<br>
{block:Album}{Album}{/block:Album}<br>
{block:TrackName}{TrackName}{/block:TrackName}

</p>

{/block:Audio}

<!-- Answer Post -->

{block:Answer}

<p class="asker">Asked by {Asker}:</p>

<p>
{Question}
</p>

<div class="answer"><br>
{Answer}
</div>

{/block:Answer}

<div class="cornersbottom">
<img src="http://static.tumblr.com/w45vvio/4Sblg6cbs/bl.gif" alt="" width="45" height="45" class="corners" style="display: none" />
</div>
</div>

<div class="{ShortURL}-hide">

<!-- Notes & Tags -->

<div class="notestags">

{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:ifDisqusShortname}| <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:ifDisqusShortname}{block:HasTags}{block:Tags} | <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">{likebutton}</div>

<a href="{ReblogURL}">♬ </a>

</div>

{block:PermalinkPagination}

<div class="postnotes">

{block:Posts}{PostNotes}{/block:Posts}

</div>

{/block:PermalinkPagination}

</div>

</div>

<div class="clear"></div>

</div>

{/block:Posts}

<!-- Disqus -->

{block:ifDisqusShortname}
{block:Permalink}

<div id="commenttop"><img src="http://static.tumblr.com/w45vvio/bENlofu97/commenttapetop.gif"></div>
<div id="commentbox"><img src="http://static.tumblr.com/w45vvio/IwNlofu86/commenttapebottom.gif">

<div id="disqus_thread"></div>

<script type="text/javascript">

var disqus_shortname = '{text:Disqus shortname}';

(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>

<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=lifetoheryears">comments powered by Disqus.</a></noscript>

<p id="disqus"><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a></p>

<p>&nbsp;</p>

</div>

{/block:Permalink}
{/block:ifDisqusShortname}

<!-- Search Box -->

<div class="standardcontainer">

<div id="search">

{block:ifShowSearch}
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="" class="searchbutton"/>
</form>
{/block:ifShowSearch}

</div>

<!-- Pagination -->

<div id="navigation">

{block:NextPage}
<div class="navigationlinks">
<a href="{NextPage}">Next</a>
</div>
{/block:NextPage}


{block:PermalinkPagination}
{block:NextPost}
<div class="navigationlinks">
<a href="{NextPost}">Next Post</a>
</div>
{/block:NextPost}
{/block:PermalinkPagination}

{block:DayPagination}
{block:NextDayPage}
<div class="navigationlinks">
<a href="{NextDayPage}">Next Day</a>
</div>
{/block:NextDayPage}
{/block:DayPagination}

{block:PreviousPage}
<div class="navigationlinks">
<a href="{PreviousPage}">Previous</a>
</div>
{/block:PreviousPage}

{block:PermalinkPagination}
{block:PreviousPost}
<div class="navigationlinks">
<a href="{PreviousPost}">Previous Post</a>
</div>
{/block:PreviousPost}
{/block:PermalinkPagination}

{block:DayPagination}
{block:PreviousDayPage}
<div class="navigationlinks">
<a href="{PreviousDayPage}">Previous Day</a>
</div>
{/block:PreviousDayPage}
{/block:DayPagination}

<div class="clear"></div>

</div>

<div class="clear"></div>

</div>

<!-- Likes -->

{block:ifShowLikes}
{block:Likes}

<div id="liketop"><img src="http://static.tumblr.com/w45vvio/4Wslg6ctk/liketapetop.gif"></div>

<div id="likebox">

<img src="http://static.tumblr.com/w45vvio/HnGlg6cui/liketapebottom.gif">

<h2>Posts I like:</h2>

{Likes limit="6" summarize="100" width="175"}

<div class="clear"></div>

<p id="morelikes"><a href="http://www.tumblr.com/liked/by/{Name}">See more stuff I like...</a></p>

<p>&nbsp;</p>

</div>

{/block:Likes}
{/block:ifShowLikes}

<div class="standardcontainer">

<p id="themeby">Theme by <a href="http://www.laurenashpole.com">Lauren Ashpole</a></p>

</div>

</div>

<!-- Javascript -->

<script type="text/javascript"> Cufon.now(); </script>

{block:ifDisqusShortname}

<script type="text/javascript">

var disqus_shortname = '{text:Disqus shortname}';

(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

{/block:ifDisqusShortname}

</body>
</html>

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 21 2015, 01:39 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Unless someone with knowledge on Tumblr coding passes by, I'd suggest you search for "like button on tumblr doesn't work".

To use tour own like button, you might take a look at http://stackoverflow.com/questions/2170866...rame-likebutton .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BigSlappy
post Sep 21 2015, 05:31 PM
Post #3





Group: Members
Posts: 2
Joined: 21-September 15
Member No.: 23,556



QUOTE(Frederiek @ Sep 21 2015, 01:39 PM) *

Unless someone with knowledge on Tumblr coding passes by, I'd suggest you search for "like button on tumblr doesn't work".

To use tour own like button, you might take a look at http://stackoverflow.com/questions/2170866...rame-likebutton .


Thanks for the bottom link! It does look promising but I have no idea how to replicate it or where to put the coding. I'm completely inept at html, so I'm going to need someone to help me with it.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 22 2015, 03:06 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



As said before, I have no knowledge at all of Tumblr coding.

The answer at stackoverflow shows the tumblr code and the rendered HTML, including the CSS to use.

You could try to insert the tumblr code, probably where you have the like button now. Add the CSS with the rest of the CSS (probably in the HEAD section of the page). Save and see what happens.

Don't delete anything, just comment things out, so you don't loose anything while testing and you can return to the original code if anything goes wrong.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th October 2019 - 07:25 PM