How To Set Custom Design Social Share Icons On Website-Blog


Hello friends, if you want to add custom social icons than this is the article for you.  Marketing a blog is very important to receive regular visitors on website blog. Normally readymade theme comes with social icon but still if you want to do some creativity with it, than you can add social share icons from those websites who provides ready maid icon codes.

 The process of adding / installing external social share icons   


First you have to decide which social sharing icon you want to add to your blog website. After you decide the list of social share icons, you need to visit to this website provides free as well as premium social share icons.


After visit you need to make a free account on When you finish registration process, you will be forwarded to your dashboard on that website. Just make necessary settings and basic update about your personal details over there.


Now return to home page. Just check out header menus. You will find several designs of social share buttons. View all the list of social share button styles. And select one out of it. There will be premium as well as free icons so choose according to your requirement.


When you choose your preferred & liked social button theme, you will be asked to provide list heading name. you can give a name like “share”,


Next you have to choose social icon from the list. Mostly people choose Facebook, tweeter, Instagram, Google plus, Whatsapp, Pintrest, Linkin, Mail, youtube, etc…


Now after selecting list of social icon just press the button activates. As soon as you press the button, you will see next screen displaying some codes like below image. You have to copy whole code and pest it at your websites HTML CSS codes under </body> area.


If you don’t know how to find proper place for pasting code, then this is the way to find it. Log in to your website blog, and open HTML, when you open this section you need to press control + F. you will see that in the right corner there will appeared small search box.


Now just type </body> in that search box and press enter. You will see yellow marked option </body>.  Carefully without disturbing any other codes put your courser above (inside/ under) </body> and pest the copied code there. Now save the changes.


That’s it. You all done. Now refresh your website page. Within couple of seconds you will see the social share button activated on your website.


If you have saved social network accounts password on your browser, then you can share your website posts and website main page link with one click, but if you haven’t saved ID and password details of social accounts. Then you need to provide user and password details every time, whenever you press share button.

Left your comment below and add extra knowledge about adding custom social share buttons. Thanks for reading full article.


Leave a Reply

Your email address will not be published. Required fields are marked *