Skip to main content

Adding Social Bookmarking links like Digg, Delicious etc. in Blogger

With a little tinkering of the HTML code of the Blogger template, it is very easy to insert social bookmarking links like Digg, Delicious, Technorati etc. so that readers can directly bookmark the Blog post.
To add these links:
Go to your Blogger Dashboard, Click Layout --> Edit HTML. Then check - Expand Widget Templates
Search for the line: post-footer-line
Just after the line, add the following code:
<p/>Add to: <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img HEIGHT='20' WIDTH='50' src='http://lh4.ggpht.com/sambitbikaspal/SPAyI0pMJYI/AAAAAAAAAm0/THLvsaJKvJo/s144/digg-logo.gif'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img HEIGHT='20' WIDTH='75' src='http://lh6.ggpht.com/sambitbikaspal/SPAyIYm0_YI/AAAAAAAAAms/WCVRbA5dBto/s144/delicious_logo.jpg'/></a> <a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img HEIGHT='20' WIDTH='75' src='http://lh3.ggpht.com/sambitbikaspal/SPAyI6EDxdI/AAAAAAAAAm8/foKy9hP8qe4/s144/technorati_logo.jpg'/></a>
<p/>

The links- http://lh6.ggpht.com/sambitbikaspal/SPAyIYm0_YI/AAAAAAAAAms/WCVRbA5dBto/s144/delicious_logo.jpg and the likes correspond to the logos for the respective sites, stored in my Picasa WebAlbum. Alternatively if you want you can upload the logos to some other free image host and change the links accordingly.The net effect of this will be, the social bookmarking links will get added below each of your posts.
Kindly Digg the story if you liked it!

Comments

Popular posts from this blog

Making inactve USB Hard Disk spin down automatically in Linux.

I have a 400GB Seagate IDE HDD connected to Mars, our hostel's file-server using an USB enclosure. The USB enclosure is a cheap "Made in China" product. Consequently it has some special "features". One such notable "feature" is that the disk is kept spinning by the controller even if there has been no disk I/O for a long time. I have three other USB disks connected to the same machine, a 1TB Seagate FreeAgent Desk External Drive, a 500GB Maxtor Basics External Drive and a 2.5" 60GB Fujitsu SATA Disk inside a Transcend USB enclosure. All of these spin down themselves if there has been no I/O for sometime. Keeping the hard disk spinning unnecessarily for ever, not only wastes power but also overheats the drive, thereby reducing its life. I tried noflushd, which is supposed to force idle hard disks to spin down, but found it to be of no help. USB enclosure generally work by performing an SCSI emulation over USB. sdparm is an utility which can be use

Force an application to use VPN, using iptables in Linux

Enforcing an application, for example a torrent client like Transmission , to always use the VPN interface or any particular network interface for that matter, is trivially simple using iptables on Debian, Ubuntu or any other GNU/Linux distro. Personally, I am running Debian Sid on the Raspberry Pi . Occasionally I use it for downloading files ( legal stuff, seriously, believe me :D  ) using Transmission Bittorrent client over a VPN connection. Sometimes it happens that the VPN connection fails and doesn't reconnect for whatever reason and Transmission continues pulling stuff directly over my internet connection, which I would like to avoid. Fortunately it is very straightforward to enforce rules based on application owner UID. Transmission runs under the owner debian-transmission in Debian (use htop to check this) and the following two lines of iptables ensures that any process with owner having UID, debian-transmission , will not use any other network interface apart from the

Rendering LaTeX in Blogger.

Rendering LaTeX in Blogger is pretty easy thanks to the JavaScript LaTeX equation render engine from http://www.yourequations.com . To enable LaTeX rendering go to the Blogger Dashboard --> Layout --> Edit HTML . Then add the line <script> type="text/javascript" src="http://tex.yourequations.com/"></script> <script type="text/javascript" src="http://tex.yourequations.com/"></script> just before <body/> . Half the job is now done. Then, for example to render: \int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi Use the code: <pre lang="eq.latex"> \int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi </pre> The LaTeX code will now be displayed as: \int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx=\frac{22}{7}-\pi Ofcourse Javascript needs to be enabled in the Browser for the renderer to work.