Type Company Name, App or Site...

24 Sep 2016

Add Links To Copy Box Under Each Post

Hello guys. Today I am going to show you how to add a table or box of links under each post on blogger.
This table or box contains your blog's URLs. They are as follows :

-Normal Link (URL)

Adding this gadget it made your visitor can copy your blog's URL the way they want. It gives a benefit too

Here is the Gadget take a look at it:

How to add it:

  1. From dashboard chose template and then click edit HTML 
  2. By using Ctrl + F , Search for ]]></b:skin> and add the following code above it
    #table {
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 13px;
        margin: 10px -12px;
        width: 580px;
        text-align: left;
        border-collapse: collapse;
    #table th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
     background: #b9c9fe
        border-top: 2px solid #d3ddff;
        border-bottom: 1px solid #fff;
        color: #039;

    #table td {
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #4c4c4c;
        border-top: 1px solid #fff;
     background: #e8edff
    #table tfoot tr td {
        background: #e8edff;
        font-size: 20px;
        color: #99c;
    #table tbody tr:hover td {
     background: #d0dafd
        color: #339;
    #table a:hover {
  3. Now search for <data:post.body/>   , you may find more than one, we need the last one, Add the bellow code above it , click Save
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table id='table' summary='روابط الموضوع'>
      <td colspan='2'>Links of This Post</td>

 <td><input expr:value='data:post.canonicalUrl'
onclick='this.focus(); this.select();' readonly='readonly' style='width:
 560px;' type='text'/></td>
 expr:value='&quot;&lt;a href=&amp;quot;&quot; +
data:post.canonicalUrl + &quot;&amp;quot;
title=&amp;quot;&quot; + data:post.title +
&quot;&amp;quot;&gt;&quot; + data:post.title +
&quot;&lt;/a&gt;&quot;' onclick='this.focus();
this.select();' readonly='readonly' style='width: 560px;'

 <td><input expr:value='&quot;[url=&quot; +
data:post.canonicalUrl + &quot;]&quot; + data:post.title +
&quot;[/url]&quot;' onclick='this.focus(); this.select();'
readonly='readonly' style='width: 560px;' type='text'/></td>
</table> </b:if>

Change the red words with anything you want . 

Share & leave comment Please :) 

Did You Like and Enjoy Reading This Article ? Please Share it

No comments

Copyright © All rights reserved Jaliloweb 2016 - 2017 | Privacy Policy | YouTube Subscribe Exchange | Advertise