Pages

Friday, October 6, 2017

Google Blogger Usage Tips and Tricks


Here are some collections for bloggers from my pas blogger experience:



1. Adjust Right Sidebar margin width

Sometimes, the space between main body posts section and right side bar is too wide. You may want to change it from 40px to 10 px. Here is the code I found from here:

#sidebar-right-1{
position: relative;
left: 40px !important;
}
Add the code to Blogger Them Designer - Advanced - Add CSS section as show below.





2. Add youtube Playlist into blogger


2.1 Generate html code from your youtube playlist





2.2 Add html code into your Blogger layout
It is best to put code between <center> and </center> to get better center location in your page.


<center><iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLg7bL1bMpwPXUwb-BsLKolf42uWa0_nfY" frameborder="0" allowfullscreen></iframe></center>

3. Add Third Party Domain 

Blogger Domain Settings

GoDaddy CNAME Setting



4. Redirect Blogspot Site from One to Another
During migrating my site from 51sec.blogspot.com to 91sec.blogspot.com, I have found following ways to do redirection from one blogspot site to another.  The code will be inserted between <head> and </head>

a.  This is current way I am using and found it is best so far.
<script>
var oldURL = "51sec.blogspot.com";
var newURL = "91sec.blogspot.com";
var url = location.href;
var newURL = url.replace(document.domain,newURL);
window.location = newURL
</script>

b. It will only redirect all posts or pages to the homepage site, not passing url parameters.
<meta content='0;url=http://91sec.blogspot.com' http-equiv='refresh'/>

c.  The code works on some of URLs but some were got messed up.
<script type='text/javascript'>
  var d='<data:blog.url/>';
  d=d.replace(/.*\/\/[^\/]*/,'');
  location.href='http://91sec.blogspot.com'+d;
</script>




References:
Posted by at
Labels:

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)