Hi
Today we are going to know how to-
--add custom social links to your blogger website
--add "About me/us" using HTML coding
--edit your blogger template/add a custom template to your blogger website
Use of social links, about me/us and custom blogger template
--With social links on your website, users can directly connect to you through your social ids. When you add your FB, Instagram, Twitter, Pinterest or other social media links to your website, users can click on them and go to your social ids and message you, like your posts on social media, etc.
--Adding an "About me/us" in your website or blog helps the users know about you briefly. You can write about yourself and the other person who is helping you to build this website. This should be small and simple within a few lines.
--Now this plays an important role in your blog or website. Adding a custom template means editing the template provided by blogger and adding a third-party blogger template to your blog or website. There are different types of blogger templates on Google available for free and paid. A custom template is SEO friendly, have a good user interface and makes your blog look professional.
So, without wasting more time let's get into it.
How to add custom social links to your website
You can do this by going to Layout>+Add a Gadget>More gadget>Search for social>POWr social icons. But this involves a lot of editing and stuff. Also, you will get stuck between free and paid versions. So, let me tell you how to do it easily. It involves coding but hey, don't get nervous if you don't know how to code. Blogger will do this for you.
1) Download free social media icons (FB, Insta, Twitter, Pinterest, or others) from the web or from the link above in png or jpg or jpeg format and save them in a seperate folder.
2) Go to blogger.com, log in to your account. Now, go to Posts>New Post.
3) Here is the trick. Go to Insert Image>Choose file. Upload all the social icons from that folder where the icons are saved. Add them to the post page. Drag them to change their position and arrange them.
3) Now the icons are placed. Let us embed our social media links into them. For example, you want the user to go to your FB profile by clicking on the FB icon on your website. So to make this happen you need to link that icon with your FB id link. Open your Fb account in a new tab. Go to your profile. Now copy the link to your profile. Come back to the blogger tab where the post is open. Single click on the FB icon. This will highlight it. Keep it highlighted. Now click on the "Link" option next to the insert image option in the toolbar.
4) A new pop-up will open. Place your social media profile link under Which URL should this link go to? box. Make sure to Check the box of Web Address and Open the link in new Window. Don't click on Add 'rel=nofollow' attribute. Then Click Ok
Do this for all the social media icons. After you are done embedding the social links to the icons click on HTML. Follow the image below.
You will get the HTML codes for the icons and links you have created. Copy the HTML code. Image below.
--After copying the HTML codes just save and close this post. Don't publish it.
--Now go to Layout>+Add a gadget (In the place where you want to place your social icons on your blog). If you want your social icons to appear on the left sidebar then click on +Add a gadget on the sidebar and if you want your social links to be on the footer of your blog then click on +Add a gadget on the footer of your blog.
--After clicking on +Add a gadget, go to Basics>HTML/Javascripts. Now on the content box paste the HTML codes you have copied. Give a title, say "SOCIAL". After pasting the HTML, click save.
--Now click on Save Arrangement on the layout page on the top right corner. After the click on view blog. You will see the social links in the desired position on your blog. (You can see the social links placed in the footer of this blog).
So, these are the steps you can follow to add your social links to your blog. If you have any problems, let us know in the comment section.
How to add custom "About Me/Us" in your desired position on your blog
This is also similar to adding social links. Follow these steps:
1) Go to Posts>New Post.
2) On the page add a photo of yours and your co-authors (if any). Remember to keep the photo in the center.
3) Now write something about you and your co-authors under the photo. Try to keep the writing short and simple.
4) After writing about yourself and all click on HTML on the top left corner beside the Compose option.
5) Copy the HTML codes and save and close the post.
6) Go to Layout>+Add a gadget>Basics>HTML/Javascripts. (Click on +Add a gadget on the location you want your "About me/us" to appear on your blog, say, on the sidebar)
7) Paste the copied HTML code into the Content box. You may or may not add a title. After pasting the codes, click on Save button.
8) You will see the HTML/Javascripts gadget on the layout on your selected position. Click on Save Arrangement. After that click on View Blog. You will see your "About Me/Us" on your blog on your desired place.
So these are the steps you can follow to add a custom "About Me/Us" on your blog.
Let us know in the comment section if you are having any problem.
How to add a custom template on your blogger blog
For this, first, download a custom template from the web according to your specifications and desire. You can have the paid and free templates from the web.
After you have downloaded the templates extract the zip file and keep the template file in a separate folder. A template file will be a .xml file.
Now go to Blogger>Theme>Backup/Restore. Here, keep a backup of your current template. Save it on a separate folder on your pc. After saving a backup, click on Choose File. Now select the .xml file from the folder on your pc where you have saved it earlier. After selecting the file, click on upload. Within a few seconds, the custom template will be uploaded to your blog.
Now you can click on View blog and see your blog. You will see that the template has been changed but there is no loss of any content that was earlier present. Cheers!
If you want to edit the template or want to add/remove some gadgets from the custom template, just go to layout and click on edit on the desired gadget to remove/edit it. Remember to click on Save Arrangement after every edit on the layout. Otherwise, changes will not appear on your blog. So now you are done customizing the blogger template.
That's all for now.
Hope this article is useful to you.
Do like, share and subscribe.
You can subscribe to us through your email so that you can receive all the latest post straight to your inbox. We keep on writing about tech stuff, stories, post photos etc. all of your interest.
We are live on the Google Play Store now. Click on the badge below so that you can get us straight from the Play Store.
No comments:
Post a Comment