Skip to main content

Link to HTML widget title - How?

This article lets you know how to add link to the widget title of HTML/Javascript gadget. The article is split into two,

  1. Creating a HTML gadget.
  2. Adding link to HTML gadget.
How to create a HTML gadget?
  1. Go to Dashboard > Layouts
  2. Click on + Add a gadget
  3. In the appearing window, scroll down and add HTML/JavaScript gadget.
  4. Title it as newgadget, for easy identification.

How to add link to this title?
  1. Go to Dashboard > Themes > Click on dropdown near Customize & then Edit HTML.
  2. Click on the template code box, press Ctrl + F and find newgadget
  3. The code around it will look like,
    <b:widget id='HTML6' locked='false' title='newgadget' type='HTML'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
  4. Find <h2 class='title'><data:title/></h2>
  5. Here, wrap <data:title/> with anchor tags like this.
    <h2 class="title"><a href="link"><data:title/></a></h2>
  6. Save Template.
See related posts:
Labels:

Comments

Post a Comment

People also read,

How to secure your Google account and Blogger blog?

As a part of contributions to NCSAM, I am writing this article down on what all should we be aware of with respect to Google's security aspect and how to make sure your blog stays yours forever. What is NCSAM? It's National Cyber Security Awareness Month which is observed during the month of October every year in America. However, we all know cyber security is a world topic and is not limited to just the USA. So let me give some tips with respect to keeping the Google account safe and Blogger blogs safe from hackers. As I secure my account, I hope you people catch up too. In this blog post, I am going to tell about the following, Securing your Google account. Securing your Blogger blog. Securing your Google account Since Blogger is also part of your Google account, let's first see what all we need to do to keep our Google account safe. Don't share your password to anyone. Keep changing your password every 60 - 90 days. Make sure your password is str...
31 comments
Read More

Blogger Tweak - Open external links in new tab automatically

So, once upon a time, a really long while ago, I tried to customise and recreate a Blogger template which is not available anymore, but there's one thing I remember about it. I had a jQuery code written to make all the external links open in new tab. I also thought, it's about time I revive that idea and write a more intact code and here we go.  So, there are two things to do.  Add Javascript code that detects external links and opens them in new tab. Add a CSS code to let users know that a particular link is going to be opened in new tab. Adding a javascript code Please follow the instructions below, Go to https://blogger.com  dashboard Navigate to Themes > click the down arrow near "Customize" and then click on Edit HTML. Now scroll to the very end and paste the following code just before </body> tag. <script type='text/javascript'> document.body.addEventListener(&quot;mousedown&quot;,function(event){       if(event.target.ta...
3 comments
Read More

Blogger & Twitter card previews

 So, there was a report in Blogger Help Community which is what made me write this down.  This is in correlation with Blogger & Facebook OG Object debugger . The report was that Blogger blogs doesn't show preview in Twitter card validator . So, I went ahead and tried previewing one of my blog posts and I got the following, Therefore, I tweeted the same link which is here and it didn't show any preview.  Hence, I concluded not just the validator, the whole twitter stopped scraping my open graph information. Therefore, I made a small research and added a tag in my template. Please follow instructions below, Go to  https://blogger.com  > Themes Click on the three dot menu near "My Themes" and choose Edit HTML In the appearing page, press Ctrl + F and find the below code, <b:include data='blog' name='all-head-content'/> Right after that code, paste the following code, <meta name="twitter:card" content="summ...
5 comments
Read More