Adding the Viber share button for your blogger smart phones or other device users is very easy now, You just need to copy and paste the Viber share button codes to your blogspot blog, that's it, simple is that, We implement the Viber button with an icon and style like we did with the Telegram Share button, Myspace Share Button, Digg Share Button. So in this Blogger beginner tutorial you will learn to add the Viber share button for your mobile visitors.
What Is Viber ?
Viber is one of the popular instant messaging and calling app which help users to connect with people around the world. Viber users can send free text messages, stickers, photos, videos and also free HD phone and video calls. Viber has more than 664 million unique users in 193 countries.
How it's Began ?
Well, The story behind Viber is very interesting, One day Talmon Marco (Founder of Viber) dating a girl in Hong Kong, He tries to fine the best way for engaging to keep in touch with smartphones, Talmon Marco got the idea while dating with dating the girl, And in 2010 Viber was founded. And yes the girl who was dating with Talmon Marco, Now his wife.
Let's Add The Viber Share Button To Your Blogger
First thing is first, You need to copy the below Viber share button codes to add into your blogger blog.
<!--Viber Share Button Meralesson.com--> <a id='viber-button'><img src='https://2.bp.blogspot.com/-n9lVHQhMPMw/Vy3IeYXZyII/AAAAAAAABUY/3Fev7BR4c4gCbrhJfu3jOjLSN2DtiWDEwCLcB/s1600/Viber-Icon.png' style='width:32px; height:32px;' title='Share on Viber'/></a> <script> var buttonID = "viber-button"; var text = "Check this out: "; document.getElementById(buttonID).setAttribute('href', "viber://forward?text=" + encodeURIComponent(text + " " + window.location.href)); </script> <!--Viber Share Button Meralesson.com-->
After you copied the above button codes, Go to your Blogger >> Template >> HTML, And if you want to add this button into your post footer, then search for "<div class='post-footer'> " or if you want to add this button below your post title, then search for "<div class='post-header-line-1'/>", Now paste the code below the search code and save the template.
If you want to change the custom text from this button, then change the text inside of text brackets.
I am Aizaz.Dinho and I loved to learn new things and teach to people like you, In my mind I'm the one who can do anything whatever I want, From my heart am still learner and loved to do impossible things, Web Development is my passion and I have PHP, MYSQL OOP PDO, Blogger WordPress also SEO experiences, You can say I'm the code ninja of meralesson