How to Blog?

So, once upon a time, a really long while ago, I tried to customise and recreate a Blogger template which is not available anymore, but there's one thing I remember about it. I had a jQuery code written to make all the external links open in new tab. I also thought, it's about time I revive that idea and write a more intact code and here we go.  So, there are two things to do.  Add Javascript code that detects external links and opens them in new tab. Add a CSS code to let users know that a particular link is going to be opened in new tab. Adding a javascript code Please follow the instructions below, Go to https://blogger.com  dashboard Navigate to Themes > click the down arrow near "Customize" and then click on Edit HTML. Now scroll to the very end and paste the following code just before </body> tag. <script type='text/javascript'> document.body.addEventListener(&quot;mousedown&quot;,function(event){       if(event.targe...

Enhancing the Related Posts code, we will now move on with Loops on multiple labels. It's advised to read Related posts with multiple conditions and then continue to read this post to understand things better.

We had a query in the forum on how to make a gadget appear only on mobile home page. So thought of sharing it. ( Note - This post is for Blogger's first generation classic themes and not applicable if you are on a new generation responsive templates) Also Read: How to make a gadget appear only in Home page or the page you wish? Sign in to blogger . First Backup your blogger template . Go to Layout. Add a HTML/Java Script gadget that you want to make appear only in homepage of your blog and title it as homeonly (for qucik reference) Go to Dashboard > Template > Edit HTML. Press Ctrl + F and find homeonly . You will see a code as follows. <b:section class='main' id='main' preferred='no'> <b:widget id='HTML1' locked='false' title='homeonly' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&q...

So, In the BHF we had an user who came up with this idea of having related posts link under all posts: [MaapsWorld] How to use Lambda expression . Therefore I planned to add some salt and pepper to it and write an article on it. When it comes to related posts, first thing is that there is no way of automating this one easily. So we'll have half automation and half manual works on maintaining this gadget. The steps in implementing this gadget is split into three, Creating posts with proper Labels . Altering XML Updating(if in case).

In Blogger help forum, we had many asking queries regarding how to make a post's thumbnail appear on homepage and get it linked to the post page. So, Let us see how to do that. ( Note - This post is for Blogger's first generation classic themes and not applicable if you are on a new generation responsive templates) First Backup your template so that you shall restore it if the code doesn't work on your template. Go to Dashboard > Template > Edit HTML Press Ctrl + F and find data:post.body Paste the following code just above the found code. <b:if cond='data:blog.url != data:post.url'> <b:if cond='data:post.thumbnailUrl'> <div class='Image'> <a expr:href='data:post.url'> <img expr:src='data:post.thumbnailUrl' style='float:right border-radius:50px; border:5px solid black;height:65px;width:65px;'/> </a> </div> </b:if> </b:if> Click Save Template an...

The following article will help you get a social sharing widget under each blog post as I have in my blog. It consists of four parts of template Editing :- Adding CSS. Adding XML.

Search preference redirect option allows you to redirect from one page of your blog to another page of your blog. But this article will help you knowing redirection of whole blog to another blog. There are two ways of redirection, Redirecting Visually  HTML Redirect 

This article lets you know how to add link to the widget title of HTML/Javascript gadget. The article is split into two, Creating a HTML gadget. Adding link to HTML gadget.

There are two ways. Creating a "Static Page" and redirecting blog to that page. Creating a HTML gadget and make it appear in home page only by editing template and showing "0" posts in home page.

How do I alter the number of posts in home page has been a question in blogger since long time ago. So there are two ways in which the number of posts per page can be defined. Number of posts Number of days