SkyUrdu | The Largest Hub Of Tutorials
Select Menu
  • Home
  • Google Adsence
    • Google Adsence Tricks
    • Supports Languages
    • 11 Tips For Adsence
    • 12 Tips For Adsence
    • 100% Approval Tip
    • Achievement Card
    • Adsense Revenue
    • Verify Account
  • Make Money
    • Earn With Bidvertiser
    • Earn With Freelance
    • Earn With Blogging
    • Earn With You Tube
    • Earn With Ads Cash
    • Earn With Adsence
    • Earn With Infolinks
    • Earn With Typing
  • Blogging
    • 404 ERROR Page
    • Google+ Fallow
    • BackUP/Restore
    • Mobile Templet
    • Custom Domain
    • Blogger Tricks
    • Custom Fonts
    • Templetes
  • SEO
    • Google Algorithm
    • Google Analytics
    • Select Keywords
    • Blogger Vistors
    • Alexa Ranks
    • Robots.txt
    • SEO Tricks
    • SEO Tools
  • Social Media
    • Whatsapp
    • Facebook
    • Pinterest
    • Google+
    • Twitter
    • Skype
    • Imo
    • VK
  • Networks
    • Easypaisa
    • Mobicash
    • Mobilink
    • Telenor
    • Warid
    • Ufone
    • Zong
  • Much More
    • How To
    • Much More
Home » Blogger Tricks » Signature for Blogger

Signature for Blogger

Unknown
Add Comment
Blogger Tricks
You might want to add a custom automatic signature below each of your blog posts. This would be more useful if you are running a Team Blog with multiple authors. You can use unique signatures for each author.The same can be done on a single author blog also :)

Adding Signature to Single Author / Multi Author Blogger Blogs

1. Create a Signature using Photoshop or some online Generators like My Live Signature
2. Upload this signature image to blogger.Once its uploaded hit preview and copy the image location(Note down the URL of the image).
3.Now Go to Layout > Edit HTML and Expand your Widget Templates
4.Now Find

<div class='post-footer-line post-footer-line-1'>
If you cant find it then try finding this one
<p class='post-footer-line post-footer-line-1'>
or this one
<data:post.body/>
a) If you are using a Single author blog, paste the following code below the code you found
<b:if cond='data:blog.pageType == "item"'>
<img src='url_of_your_signature_image' style='border:0px;'/>
</b:if>
Code should be edited with your signature image URL
b) If you are on a Team Blog, paste the following code just below the code you found
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == &quot;Author1Name&quot;'>
<img src='url_of_author1_signature_image' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;Author2Name&quot;'>
<img src='url_of_author2_signature_image' style='border:0px;'/>
</b:if>
</b:if>
If you have more number of authors, you can repeat the blocks accordingly(here i have mentioned 2 blocks[blue and brown] one for each of the two authors).Codes should be edited with the author names and the signature image  URLs.
If you want the Signature to appear on your Blog’s main page as well, then you will have to remove those 2 red lines of code.
5.Save your template and you should see the signature in action :)
Share This!--- Facebook Twitter Google+

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Search Hare

Populer Posts

  • Fake ID Card Generator For Facebook Verification
    In this blog we had briefed different reasons why your Facebook ID is getting temporarily locked. Facebook Security automatically lock d...
  • 100% Get Approval from AdSense in 4 days
    Recently zillions of webmaster is struggling for getting approval from AdSense team. The main target is to monetizing their website...
  • H1,H2 & H3 heading tags in Blogger
    Heading tags are a way of organizing and prioritizing content in a HTML document. There are 6 heading tags – H1 (the most important one) ...
  • Bells for your Blogger
    Are you guys ready to welcome Christmas?. Here is yet another Christmas Widget to decorate your Blog. These cute Christmas bells are m...
  • Permalinks for Blogger Posts
    points to a specific blog entry after it has passed from the front page to the archives.Blogger generates this permanent link based on...
  • How to Add Font Awesome 4.5 in Blogger Template?
    Hi guys…We are already aware about fantastic Font Awesome which use a pictographic techniques to display icons instead of image. This is...
  • How To Open MobiCash Mobile Account
     Mobicash Mobile Account is an actual bank account that is tagged with your mobile number and can be operated through your phone. Through...
  • Android App for Blogger
    Good news for all android Folks!!. Blogger has released an official Android App. Its simple and neat and does the job perfectly.  You c...
  • Blogger launches a new Template Editor
    Blogger keeps on changing the interface and upgrading so frequently that I will have a tough time updating the tutorials to r...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author