Blogger post thumbnail not working in home - html

My blog
Recently i am getting no thumbnail in some of my blogger post which is shown in the home menu. I am using custom template. But i don't think the template has issues. Because i tried with some other custom templates. But the thing is its showing thumbnail correctly in stock template like flipcard, sidebar. Also it is showing correctly in mobile view. Even if i delete and repost the same post this problem occurs.
But if i try some random name for my post like "asdasdsawfe" the thumbnail sometimes works. Can anyone tell me what i am doing wrong.

Never mind just figured it out. My template didn't support special character. So the character (') was the reason for it.

Related

Problems with create internal links( Anchor links) on a blog post in Blogger?

6:23 AM (1 hour ago)
Hi, can anybody help to understand how to create Internal links (Anchor Links) in a post? I can't able to find any helpful answer. Feeling very frustrated.
I did exactly what a person said me on the Blogger product forum -
For anchor link:
You can create hyperlink in the HTML mode. Just insert the following code where you want to place an anchor. (you can change archorlinkname to whatever you like)
<a name="anchorlinkname"></a>
For the link within the same post that you want to jump to that anchor, please use this code. (you can also change the word in yellow)
Click here to go to anchorlinkname
But something weird is happening once I am updating my post or going from HTML mode to Compose mode.
Error -
<a href="https://www.blogger.com/blogger.g?blogID=48019486#overview">
I don't know why these https://blogger.com/blogger.g?blogID=48 and https://blogger.com/null gets added automatically. It redirecting me back to the admin post section or to blogger sign in section if I am not Signed In.
My Blog - www.lifewithdata.com
Found the answer here: https://productforums.google.com/forum/#!topic/blogger/5MU_HH5T7rA
you must add the address of the page or post.
only works in the non-dynamic templates.
Peace be upon those who follow guidance, I was able to make internal links within post on blogspot platform by using anchors like below:
sectionName
<a name="sectionName">sectionName</a>
I was using a theme based on Dynamic Views and worked for me, and changed it to other theme and the links still work.

How to Make Text link to Hyperlinks in Facebook Comment? Comment plugin

Now this is very tricky thing. I have recently seen that many blogs do have facebook comment plugins where anyone can comment and place relevant links.
But the problem is those links are in text and are not hyperlink or you can say not clickable.
I found here in this article post right down you can see a facebook comment plugin, there you can see a text link is a hyperlink.
http://www.huffingtonpost.com/2014/11/25/black-friday-apple-deals-2014_n_6211754.html
Now my question how did that user do that? i mean from text to hyperlink. Becz normally it won't happen.
I have searched lot of stuff in google but i am not able to get the correct method.
The user doesn't make something that looks like a hyper-link display as a hyper-link, the webpage does!
What happens is that the scripting behind the page is using a reg is looking for a regular expression to pattern match URLs in the comments. When a match is found it'll be displayed as a hyper-link, if it doesn't match the regex it just displays as flat text instead of a hyper-link This either built into the Facebook comment plug-in or the website itself.
When text gets passed to HTML it has no way of telling what is and is not a link However if you process it through a script to identify links as being links you can tell it to display them as hyper-links rather than just plain text.
A great example/explanation of this is over at http://regexr.com/39i0i
Tl;Dr
Users don't make it happen, the plug-in/webpage make it happen.
With the exception of plug ins that require you use link tags, in the case of the page you linked though that is all that version of the Facebook plugin.

squarespace query only for home page

I am using squarespace developer kit and going well. I am wanting to integrate some queries to display some very simple data form my blogs that will appear on my home page ONLY.
Not being very fluent in JSON, I am struggling to implement the query on the home page. I have it set up to display the data from the selected blog but it displays the data through each page.
I only want the data to be visible on the home page at the top. Not in the header but inside where all the content is.
Here is my query that works perfectly well
<squarespace:query collection="feature-articles" limit="10">
<li>
{.repeated section items}
<li>{title}</li>
{.end}
</li>
</squarespace:query>
Can the data be inserted into a code block via the content manager so I can then insert into within the content or am I totally wrong in thinking that.
What I will then do is style/ add or edit the UI of the data into either a carousel or whatever is needed for the project.
I just need to know where to store the query so that it fits in with the content.
Appreciate any time.
Review the following link to see how you can edit a template file, to make different pages use different templates.
http://developers.squarespace.com/template-configuration/
Make a completely custom template just for your homepage then paste you code within your custom .region file as outlin ed in the above guide.
Here is the page about working with template pages:
http://developers.squarespace.com/layouts-regions/
Seeing as you know about , I have a feeling you might already know this, so you might want to be a bit more specific about how your displaying your code and I will gladly update my answer.

Jquery-mobile : Title from previous page still present

I'm using Web2py and using the "PLUGIN_JQMOBILE/LAYOUT.HTML" as the base layout file.
The problem is that when I click on a link, jquery-mobile takes me to the next page -- all fine here.
When I view the source for the page, I see that it still has <title> from the older page.
I caught the problem since I'm using lockerz(addToAny.com) and when users try to share the page on Facebook, the title was coming completely incorrect.
I used the FB developers debug page & saw the title shown.
I can add the og:title, etc, but this problem is biting me for Google+ as well.
Am I doing something incorrect or is that a side-effect of jquery-mobile.. ?
This is because of the Ajax loading by default in jQuery Mobile. You can avoid this problem by using data-ajax="false" in your links or by using a jQuery script to change the page title after loading.

facebook comments box plugin does not have view xx comments in website posts

I'm a beginner in facebook.
I try to add the facebook comments box to each of my blog post, i limit it to show 2 comments from the plugins, from the facebook comments box plugin site, they set the url to example.com and it show a whole different UI from what i got.
More importantly, there is no view XX comments after 2nd comment, even i added 20 comments to it.
May i know how can i solve it? is it some setting that i need to set in my facebook app or use the graph api, i know that i can get the json from the facebook graph site as mentioned in the facebook blog developers.facebook.com/blog/post/490/
if i need to solve using json way, how do i append the remaining comments inside the website where it is using iframe.
i wish to have a easier solution like just changing setting inside my facebook app, rather than code an "View xx comments" button to do ajax call and append the result to the dom myself.