CODEWITHSUNDEEP
htmlcssthemestumblr
John
John

Reputation: 53

Modify the tumblr theme?

I have this theme but there's a problem:

I add the URL link of the photos at "Set a click-through link" but then when I visit my blog and I click at the photo, it doesn't direct me to the source URL. (it directs only If I'm browsing through the dashboard of tumblr and click on the photo, but not when going to my blog and clicking the photo - no). My blog is : colorinspirations.tumblr.com

For example this blog I checked (http://color-fantasia.tumblr.com/) has this functionality. Also when I click at the name of my blog (COLOR INSPIRATIONS) it doesn't do anything (for example to direct to the home page).

So please if you can help with:

1) "Set a click-through link" and the "content source URL" to be the same. (I use "Tumblr Post" extension for Firefox and it has the option for only "Set a click-through link". I need that when I enter the info on "Set a click-through link", the "content source URL" to be filled automatically with the URL of "Set a click-through link".)

2) When I click at the photo, it should direct me to the "source link" (it should be the same as the "set a click-through link")

3) When clicking the NAME of THE BLOG, it should direct to the Home Page.

I'd be very, VERY grateful if you could help.

Upvotes: 4

Views: 1926

Answers (1)

unor
unor

Reputation: 96597

Link site name to front page

To link your site heading with the front page, replace

<div id="nameBlog">
    {block:IfHeaderImageImage}
        <img id="imagetitle" src="{image:Header Image}">
    {/block:IfHeaderImageImage}

    {block:IfNotHeaderImageImage}
        <h1>{Title}</h1>
    {/block:IfNotHeaderImageImage}
</div>

with

<div id="nameBlog">
    {block:IfHeaderImageImage}
        <a href="/" rel="home"><img id="imagetitle" src="{image:Header Image}"></a>
    {/block:IfHeaderImageImage}

    {block:IfNotHeaderImageImage}
        <h1><a href="/" rel="home">{Title}</a></h1>
    {/block:IfNotHeaderImageImage}
</div>

Link posts to source

See http://www.tumblr.com/docs/en/custom_themes#content-sources for documentation of how to link content sources in themes.

The variable {SourceURL} gets replaced with the URL of your source. So you need to add <a href="{SourceURL}">…</a> around your content that should be linked. (Probably) wrap this content in {block:ContentSource} … {/block:ContentSource}, which means that it will only be processed, if a content source is present.

If you'd only like to link the source in the bottom of the post (if present, with source icon), you could use this:

{block:ContentSource}
    <a href="{SourceURL}">
        {lang:Source}:
        {block:SourceLogo}
            <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

        {/block:SourceLogo}
        {block:NoSourceLogo}
            {SourceTitle}
        {/block:NoSourceLogo}
    </a>
{/block:ContentSource}

Upvotes: 2

Related Questions