
LinkWithin is a blog widget that appears under each post, linking to related stories from your blog archive.
I find this widget nicer than my old one since it has thumbnails that attract more attention and it is easy to install. The only issue I hate about this is that it messes up my front page index by polluting it with lots of thumbnails. It gives me a lot of pictures that make my blog's home page too colorful.
So basically, what I wanted is to remove the LinkWithin widget on the homepage and show it only when a blog article's page is opened. So here's a step by step solution on how to solve this.
Steps on how to remove LinkWithin on blogger's home page
- Log-in to blogger and go to
'Design' > 'Edit HTML'
- Though optional, it is always recommended to back up your current template before digging to the code. So make sure to click on
'Download Full Template'
.
- Check
'Expand Widget Templates'
- Look for
locked='false' title='LinkWithin' type='HTML'
.
on your template. You should find something like this:
<b:widget id="HTML4" locked="false" title="LinkWithin" type="HTML"> <b:includable id="main"><data:content></data:content></b:includable> </b:widget>
take note of the widget's id, which is HTML4 in my example. This is usually a unique id generated by blogger and so this might be different in your case.
Replace the code - Save and view your home page now.
<b:includable id="main"><data:content></data:content></b:includable>with this one:
<b:includable id='main'> <b:if cond='data:blog.pageType == "item&quot;'> <data:content /> </b:if> </b:includable>
And that's it! So if you are like me who hates the same thing about LinkWithin, then the code above should do the trick.
Happy coding :)
UPDATE 03/01/13: Updated code issue about quotations and apostrophe.
Nice Tweak AJ! Very understandable! This will make the homepage more cleaner and also make loading homepage faster!
ReplyDeletethanks! actually I never thought of making the homepage load faster since my concern was the cleanliness of the homepage, but since you mention it... yeah you're right, it will make things more faster :D
ReplyDeleteJust consider it as a bonus in this tweak since there are many images that will load in the homepage if not modified. BTW I think the code you do is much cleaner than what I do.
ReplyDeleteGood day AJ.Thanks, almost the same steps I did in my page.You have a great looking lay-out today buddy.Everything is improving.Keep up the good work...:)
ReplyDeletethanks ben! glad to know that I'm not the only one who's disturb with linkwithin's feature :)
ReplyDeleteI need this. Thanks AJ! I will have some tweaks now.
ReplyDeleteWow mine is fixed now. Good job Aj! I've got error with the quotation but successful indeed .
ReplyDeleteglad that it helped you.
ReplyDeleteThanks for pointing out the quotation error, my CSS styling seems to mess up the code itself, I'll just update it :)
My platform is WP but I will still thank you for sharing this...I have many friends who use Blogger platforms
ReplyDeletewelcome here Sir John! :)
ReplyDeleteyeah, I think this would be very useful for blogger users.
thanks for visiting!
Isn't there an option to display the thumbnails only when viewing the article in full and hidden when in the list or when you opt to display multiple posts in a front page? I was a user of LinkWithin in my blogger hosted blogs but removed them eventually. It forces me to include an image in every post. It has to be done or your thumbnails won't look good.
ReplyDeleteBut a detailed guide here for the blogger users. Keep them going!
great insight, I think the thumbnails are one reason why most people use LinkWithin but I do get your point and share the same sentiment about it.
ReplyDeleteThanks for the idea, I'll try to study how it works and probably post another post on how to resolve it. :)
Hi AJ,
ReplyDeleteThanks for your help. It worked eventually.
I remove HTML5 widget, the following codes:
if you visit my photoblog again, the LinkWithin would have been removed now.
Kind regards,
floyd
glad that I was able to help you :)
ReplyDeleteI need to remove it completely as it links to another blog I didn't want it to point to. For now I want it that way, without LinkWithin.
ReplyDeleteMaybe in future I'll try out what you showed in this posting.
good share aji! i'll think about that! There is also good idea.
ReplyDeleteGreat sharing AJ. You shared a good coding in blogging. Keep it up!
ReplyDeletethanks erik! :)
ReplyDeletethanks Jomar! :)
ReplyDeleteHi again Aj,
ReplyDeleteThanks for the pointers. I've tried removing the widget associated with HTML6 as follows:
Then I saved and view my blog. The LinkWithin is still there to my disappointment. I really want to get rid of this completely.I have contacted LinkWithin via their feedback page but never get any reply so far.Thanks for your help, btw.
awww cool sir aj. Im not quite sure yet if Im gonna do this,but I think, I prefer to show link within in my homepage. thanks for this
ReplyDeletethanks for dropping by! :)
ReplyDeletewell, the linkwithin surely shows your old posts for your guests and visitors to read but loading on the homepage is quite messy for some like me :)so i guess, it all depends on the users.
i did what you suggested above and it does not show up on any of the pages anymore? http://jimjessbaker.blogspot.com thank you for your time
ReplyDeletenevermind, i found a solution that worked, thank you!
ReplyDeleteIt worked. Thanks
ReplyDeletehm, nice i like it
ReplyDeleteworked like a charm. thank you
ReplyDeleteI applied this one and it completely removed my linkwithin widget. :(
ReplyDelete