I'm here with another tutorial on how to customize the "read more" button! This is very simple and adds a unique personal touch to your blog.
Step one:
First off, you'll need to make the button itself. I would stick with something simple and not too overwhelming with designs. Also, make it fairly small so it doesn't take up the whole page. Here is mine:
This one is pretty cute and simple.
Step two:
Next, you'll need to upload it to any image hosting site such as Tinypic or Imgur.
Now once you have that link, set it aside. Go to your blogger dashboard and click on "Template" and then "Edit HTML".
Hit CTRL+F on your keyboard and search for this:
<data:post.jumpText/>
Once you find that, replace it with:
<img src='IMAGE_LINK_HERE'/>
Now replace "IMAGE_LINK_HERE" with your direct image link. Don't remove the quotes!
Hit save, and you're done! If you have any questions/problems, make sure to comment below.
Vasa12345

No comments:
Post a Comment