• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Techchore

Techchore

PC Security Tips, Software Guide and Reviews

  • HOME
  • TUTORIALS
  • REVIEWS
  • PLDT
  • GLOBE
  • WRITE for US
Home » Tutorials » How to » How to add social bookmarking at the bottom of blogger post

How to add social bookmarking at the bottom of blogger post

May 10, 2020 Updated by: I.C Tiempo Leave a Comment

add social bookmarking at the bottom of blogger post
First thing first. Log-in to your blogger account, go to your dashboard then to lay-out and edit html. Before we go any further, download your full template first for backup purposes, just in case something goes wrong we can easily go back and try again.

  • Two new easy ways to add social bookmarking at the bottom of blogger post. 

add social bookmarking at the bottom of blogger post

Advertisements

Advertisements


Now, are you ready?Check the “Expand Widget Templates” and look for “<data:post.body/>“. In my case I’ve got two “<data:post.body/>“ in my template, one for my post summary script and the other is for the post body. So, if we have the same situation go to the second “<data:post.body/>“. Under or just after it, paste the codes given inside the box below.

Other options on where to put the bookmarking codes, below or after these lines:

<div class=’post-footer-line post-footer-line-1′> (many prefer this)

Advertisements

Advertisements


<div class=’post-footer-line post-footer-line-2′> (I did not try this)

<div class=’post-footer-line post-footer-line-3′> (This is where I put my bookmarking codes)

Note: Replace the (#) in this code with your image URL.

Are we finished? Not yet!
Download your icons here:

After you downloaded the file extract it using winrar or zip. Please take note, this file has more icons than we actually need, just select the applicable icons for this tutorial such as facebook, mixx, yahoo, reddit, stumbleupon, delicious, technorati and digg. It has two sizes, choose those fits your blog. For me I prefer the 32 x 32. Now upload it to your photobucket account or tinypic, wherever. Then get the html code of your icons, it will look like this <http://i671.photobucket.com/albums/vv77/sample/mixx.png> on Photobucket and this <http://i28.tinypic.com/f9l8g3.jpg> on Tinypic . Replace the sharp (#) symbol in the given codes with your icon’s html code or url accordingly.

Advertisements

Advertisements

  • Two new easy ways to add social bookmarking at the bottom of blogger post. 

There you have it; it’s time to save your template. If you follow the instructions right, the result would be the mirror of my own social bookmarking buttons as what you can see at the bottom of my post.

Advertisements

Advertisements

Filed Under: How to

About I.C Tiempo

Hi! ? Welcome to my tutorial & review site. This blog is an expression of my passion to technology, especially to software, computer & networking troubleshooting and other tech-related concern. You can find me @:

| Facebook | Twitter, )

Reader Interactions

Advertisements

Advertisements

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Recommended Posts

  • How to access PLDT RP2649/RP2740/RP2804 FULL ADMIN?
  • How to enable ALL PLDT Huawei LAN ports | Home Fibr
  • How to access Huawei PLDT Home Fibr adminpldt account?
  • Why An Antivirus Is No Longer Enough In Today’s Cyber Risks
  • 5 Simple ways to secure your home network

Advertisements

Keep me Updated

Get the latest Security Tutorials, Software Reviews & Downloads straight to your inbox

Copyright © 2023 · Techchore.com · All Rights Reserved ·

  • Terms of Service
  • About Us
  • Cookies & Privacy Policy
  • Disclosure Policy
  • Contact Us
  • Sitemap