How to Blog?

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).

Facebook or any network that gets your URL and displays preview, actually scrapes the URL through a system developed by Facebook called the open graph. They might look something like this in the page's source, <meta content='https://howtoblog.krishnainfotron.com/2016/08/facebook-og-object-debugger.html' property=' og:url '/> <meta content='Blogger & Facebook OG object debugger' property=' og:title '/> <meta content='My Facebook preview shows incorrect information. How to fix?' property=' og:description '/> Therefore, while sharing a link for the first time on facebook, the object debugger stores meta information like these in its cache so when you share again, instead of scraping the URL, it takes from its own cache. After a while, when the cache expires, it scrapes again. So a shared URL even upon changing the description/image/title, does not get affected immediately. It doesn't mean, there's no ot...

In this article, what I am going to say is said by the article header. When I come around the GPF-Blogger:How do I? , I found a lot of questions on "How to add Facebook like box to blogger blogs?" Hence this article will be serving as the answer for those, hereafter.

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.

In this article I am going to tell "How to connect any other profile in "About me" widget along with blogger or Google+?"

While sharing on Facebook or Twitter or any site/app where the URL's preview is rendered, we would see description of the page being shared. Now, Blogger added a feature of making that description to be in the way you wish.

In BHF, one of the common issues we face is setting up custom domain. We already have a lot of information on how to setup a custom domain. So I am going to go ahead and write on the troubleshooting tips for custom domain. This article is dedicated to Chuck Croll who has been/is a great mentor to me since the beginning. So let's start with the first and foremost golden rule of Custom domain troubleshooting. Any issue where you have custom domains involved, first check if the custom domain is setup properly. Some common issues where custom domain  are involved and you'll not know DNS was causing the trouble are, You'll be able to see the custom domain while some of your friends/users will not be able to. In this case, you shall use DWI to see if the DNS addresses are righteous. Cannot get thumbnail on Facebook. What can I do? So what? Use Facebook OG Object Debugger is what most people think. There comes the case, Inspite of using Facebook OG Object Debugger,...

 So, there was a report in Blogger Help Community which is what made me write this down.  This is in correlation with Blogger & Facebook OG Object debugger . The report was that Blogger blogs doesn't show preview in Twitter card validator . So, I went ahead and tried previewing one of my blog posts and I got the following, Therefore, I tweeted the same link which is here and it didn't show any preview.  Hence, I concluded not just the validator, the whole twitter stopped scraping my open graph information. Therefore, I made a small research and added a tag in my template. Please follow instructions below, Go to  https://blogger.com  > Themes Click on the three dot menu near "My Themes" and choose Edit HTML In the appearing page, press Ctrl + F and find the below code, <b:include data='blog' name='all-head-content'/> Right after that code, paste the following code, <meta name="twitter:card" content="summ...