Friday, February 23, 2018

How to put music or audio player on Blogger?

You just need to add the code below to the blog post in HTML mode or paste in the HTML/Javascript gadget. Replace url-of-audio-file with your audio file's url. You can host your audio file on Google Drive or anywhere else.

<audio controls autoplay>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>

Wednesday, February 7, 2018

How do I change the size of the image on the home page using Soho theme?

You can adjust the size of the header image by adding the CSS code below by clicking Theme->Customize->Advanced->Add CSS.
body.homepage-view .hero-image.has-image {
    height: 62.5vw;
    max-height: 75vh;
    min-height: 200px;
    width: 100%;
}
Please change the height, max-height, min-height and width to meet your needs. 

Also, adding the code below for post image:
.snippet-thumbnail img {
    width: 100%;
    height: 100%
}
Again, please change the width & height to meet your needs.

After that click Apply to blog.

Tuesday, February 6, 2018

How to show full post on the home page using Contempo theme?

1. Log in to Blogger.com
2. Click Layout then click at pencil icon of the Featured Post gadget.
3. Untick Show Featured Post then click Save
4. Click at pencil icon of the Popular Posts gadget.
5. Untick Show Popular Posts then click Save
6. Click Theme->Edit HTML
7. Scroll down to line 3578 then remove the code below.
<b:if cond='data:view.isSingleItem'>
    <b:include data='post' name='postBody'/>
<b:else/>
    <b:include data='post' name='postBodySnippet'/>
    <b:include data='post' name='postJumpLink'/>
</b:if>
After that, please paste the code below.
<b:if cond='data:view.isSingleItem'>
    <b:include data='post' name='postBody'/>
<b:else/>
    <b:include data='post' name='postBody'/>
</b:if>
8. Click Save theme
9. Then goto Theme->Customize->Advanced->Add CSS
10. Paste the code below into Add custom CSS box
.jump-link {
    display: none;
}
11. Click Apply to blog

P.S. If you have page break (grey line with dash) in the post, please remove it first.

Saturday, February 3, 2018

How to insert photos from Google Photos?

2. Click +New album.
3. Select the photos that you want to insert into the blog.
4. When finish, click Create at the top right.
5. Enter the name of your album (e.g. My Blogger Photo Album).
6. When finish, click check mark at the top left.
7. Go to Blogger.com
8. Create new or edit old post.
9. Click Insert image button (next to Link).
10. Select From Google Album Archive.
11. Click to open the album (which you named in step 5).
12. Select the photo that you want to insert.
13. Click Add selected.