blogger

For starters I want you to read Next and Prev Buttons for Blogger Theme Understood the concept of what I want? Then let's continue with my question : Now I have the code that was already embedded to the theme for next and prev buttons and they were : <nav class='op-pagi'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='fa fa-angle-left'/> Prev</a> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr

Blogger does not allow you to designate an open graph image in each post. Currently, there is a piece of code in the template that designates the automatically generated thumbnail as the open graph image for facebook. The problem is, the thumbnail image is 72*72 and Facebook now requires at least a 200px width in the OG image or it defaults to the first image on the page that meets the criteria, which is my header image. My question is this: Can I amend this code in my template to designate the full size image in the post instead of the generated thumbnail? If so, how? Thank you so much if you

I use a Javascript widget on a blogspot. It include a div with some javascripts that get some "non-statical" strings from a server and print them on the page. Until here everything works fine, the problem is that I would like to update the execution of this div every few seconds in order to have updated strings, without refreshing the whole page, but just the specific widget (div). I have added another script that tries to refresh the specific div, but I had no luck. Please see the code below <div id="info"> <b>Song:</b> <script type="text/javascript" src="xxxx"> You appear to have javascript

Following Rounin's answer carefully written (thanks a lot) on how to redirect any blogspot urls with any extension to the mydomain.com corresponding URL , now the question is how can I mask the URL? I mean, once the blogspot URL redirects to the mydomain.com, I want to continue to display the original blogspot URL instead of the mydomain.com. You can use the following JavaScript snippet for that - <script> site = "http://example.com"; // The site which you want to mask, don't add ending slash iFrame = document.createElement("iframe"); // Creates a iframe via JavaScript iFrame.setAttribute("src

I want to put a non removable credit link on my blogger templates but I don't know how. I have seen many templates using it but they are revealing their secrets. All of them obfuscate their codes. This is the below that I want to hapen. <a href="http://www.example.com" id="credit">Site name</a> When they change the example.com - they will be redirected to example.com when they remove or change the class "credit" they will be redirected.. They are putting their javascript code before . Yes, You can but you have to use a JQuery in your template for this. <script type='text/javascript'> //<!

this script is giving me trouble in IE 9. From what I heard it was used to get rounded corners working on old IE versions. Now I don't need it anymore... And worse, it is forcing me to keep a <META content=IE=EmulateIE7 http-equiv=X-UA-Compatible> tag or the scripts messes my opaque windows. It seems to be included automatically with the <b:include data='blog' name='all-head-content'/> tag. Anyone knows how to prevent it from being loaded? I've finally figured this one out. By replacing <b:include data='blog' name='all-head-content'/> With <meta expr:content='"text/html; charset=" + data:blog

I have an addthis plugin for displaying total number of tweets in my blogspot blog. I use it this way If i mention tw:counturl="my_specific_blogger_url" > it shows the exact number of tweets. But the problem is that in that case I can use only one link. To retrieve specific blog page url I use <data:blog.url/> . But if i use it in tw:counturl in the following way: tw:counturl="<data:blog.url/>" it shows as an error as tw:counturl cannot handle '<' tag. Is there a work around. The error is as follows The value of attribute "tw:counturl" associated with an element type "null" must not contain

I'm currently using 'data:post.snippet' for blogger mobile snippet. <div class='post-body' style='color:black;'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> But its character length(140) is too low, and it doesn't give a line break between the headings and paragraphs. When there's a heading at the very start line break is necessary. Can someone please suggest me a javascript code to replace above code to overcome those two issues. You can utilize the data:post.longSnippet data tag which has the limit of upto 300-400 character <div class='post-body' style='color:black;'>