How to useTitle link and Enclosure links in Blogger

Before reading this post, make sure you have read the post "How to enable Title link and Enclosure links in Blogger". If not, please read it or you will encounter some problems when following this tutorial😁.

How to use Title link and Enclosure links in Blogger

In each Blogger post editor, you always have a title link input field and enclosure link input fields. It looks like the image below.

And you can add more enclosure link by clicking "Add another enclosure link". But how to use it after publishing your post ?🤨. 

Warning: back up your template before following this tutorial. 

1. Title link

Go to "Theme" > "Edit HTML" and search for the following script (or similar):

<b:loop values='data:posts' var='post'>
     .... 
</b:loop>

And put the following script into the script above where you want it displayed:

<data:post.link/>

For example:

<b:loop values='data:posts' var='post'>
     ....
     <!-- Example -->
        <b:if cond='data:post.link'>
           <a expr:href='data:post.link'>Title link</a>
        </b:if>
     <!-- / Example -->
     .... 
</b:loop>

Besides, you can use Blogger Conditional Tags to display Title link and Enclosure links as you like. 

2. Enclosure links 

Use the following script:

<b:if cond='data:post.enclosures.notEmpty'>
    <b:loop values='data:post.enclosures' var='enclosure'>
       <!-- show the links you have added -->
       <data:enclosure.url/>
    </b:loop>
</b:if>

For example:

<b:loop values='data:posts' var='post'>
     ....
     <!-- Example -->
     <b:if cond='data:post.enclosures.notEmpty'>
        <b:loop values='data:post.enclosures' var='enclosure'>
           <!-- show all the links you have added -->
           <a expr:href='data:enclosure.url'>Enclosure link</a>
        </b:loop>
     </b:if>
     <!-- / Example -->
     .... 
</b:loop>