Striking Mouse Hover Social Media Subscription Widget
An eye-catching and beautiful widget for Blogger, Wordpress and Custom Designed Website with hover features. Before we have seen so many widgets on the Blogger and wordpress also I have shared a jQuery Social Media Sidebar Widget but that one we just install on Blogger template, not for other sites such as wordpress or custom designed website. However, this time I have gain the experience of both Blogger, Wordpress also custom designed website and I have checked it personally its works in Wordpress Blogger and Custom Designed Blog or website. This Beautiful Social Media Widget has four different and biggest Social Media Platforms subscription button and that is Facebook, Twitter, Google Plus and Youtube with RSS Subscription. All these buttons will help your to attract your visitors to subscribe your Social Media Channels and Page and in a result your will receive more traffic after sharing any Blogger post on your social media pages.
Related:- Mouse Hover Cool Social Media Widget for Blogger
How to Install Striking Mouse Hover Social Media Subscription Widget
As I have mentioned above for installing this widget in different platform such as Blogger, wordpress or custom designed website or Blog.
CSS Code
Copy this and Paste before the </head>
<link type='text/css' rel='stylesheet' href='https://blogger-widgets-generator.github.io/tipstricksislandcom/striking-mouse-hover-social-media-widget.css' />
HTML Code
<div class="ttiblogSocialButtonsBorder">
<ul id="ttiblog-SexySocialButtons">
<li data-alt="Follow us on Facebook"><a class="icon facebook" href="https://www.facebook.com/TipsTricksIslandCOM">Like us on Facebook</a></li>
<li data-alt="Follow us on Twitter"><a class="icon twitter" href="https://twitter.com/RazBlogs">Follow us on Twitter</a></li>
<li data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/107999810544634403869">Circle us on Google+</a></li>
<li data-alt="Subscribe us on YouTube"><a class="icon YouTube" href="https://youtube.com/RazBlogs">Subscribe us on YouTube</a></li>
<li data-alt="Subscribe with RSS"><a class="icon rss" href="http://feeds.feedburner.com/RazHackingTricks">Subscribe with RSS</a></li></ul></div>
IMPORTANT! Please replace the highlighted Links from HTML Code
Striking Mouse Hover Social Media Widget for Wordpress Blog
Just Copy above CSS code and paste it in the CSS Style sheet in wordpress
Go to Appearance >> Editor >> Style.css and paste the CSS code as per screenshot shown below
Now again go Appearnace >> Widgets >> and insert Text Widget wherever in the theme you want place it and paste the above HTML code in Text Widget
Now check out You Wordpress Blog you will find there beautiful eye-catching widget.
Check :-Social Popup Widget with Email Subscription For WordPress
Striking Mouse Hover Social Media Widget for Blogger
Now its time to install the same widget in Blogger.
Simply copy the above CSS code and Go to Blogger Dashboard
Template >> Edit HTML and now search for ]]></b:skin> and paste the above CSS code before/above the ]]></b:skin>
Now copy the above HTML code and go to Layout Seciton in the Blogger Dashboard and Add a Gadget as per your requirement or where you want to place it and select HTML/JavaScript Gadget from Gadget List and Paste the Above HTML code
Save your template and check out this Striking and beautiful Mouse Hover Social Media Widget
Read:- Top 10 Social Media Widgets for Blogger
Striking Mouse Hover Social Media Widget for Custom Designed Website
For installing the same widget in your custom website follow the instructions below
Copy this and Paste before the </head>
<link type='text/css' rel='stylesheet' href='https://blogger-widgets-generator.github.io/tipstricksislandcom/striking-mouse-hover-social-media-widget.css' />
Now its time to insert HTML code and its depend on your own so paste it where you want inside the <body> tag
<body>
Above HTML code here as per your required place
</body>
Another Related Articles
- Metro Style Social Media Subscription Widget
- Image Hover Social Media Sharing Buttons
- Popup Social Media Subscription Box with Facebook, Twitter Google Plus
Bottom Lines
All the above methods are personally checked by me. I have Blog on Blogger.com, Wordpress custom domain and having personal designed website and checked the above widget in the above mentioned platform working properly. In case any further assistance you can ask by reply in this post. Regards.
Comments