Flipping TV icon Social Media widget for Blogger/Wordpress
After publishing some unique fancy social media widget like spinning Coffee cup and Candy or Social media widget with fan count I thought about to publish something fancier looking social media widget for bloggers. Than I found this awesome TV icon set on web and realize to build something upon it. Using CSS3 webkit perspective and webkit transform rotate (both generates 3D sideway flipping effect) on icons I build this widget. Flipping TV icon social media widget offers 6 slots Facebook, Twitter, Google plus, Linked in, Pinterest and Feedburner. If you planning to use this widget on a small space of your sidebar, Bad news this widget usually will eat up some spaces on sidebar! Let’s see how it looks like, how to install it on Blogger and Wordpress blogs and how to configure. Read on-
Live demo- (Click here)
How to add this widget in Blogger
How to add this widget in Wordpress
How to configure
Flipping TV icon social media widget
Preview-
Live demo- (Click here)
Codes for copy-
How to add this widget in Blogger
- First log in to your Blogger, select your Blog,
- Go to 'Layout' tab then click 'add a gadget’
- Select 'html/javascript' from pop up menu.
- Copy following codes and configure
How to add this widget in Wordpress
- From dashboard hover mouse on ‘Appearance’ tab,
- From ‘Appearance’ menu select 'widgets',
- Then drag and drop 'Text' content box in widget area,
- Copy following codes and paste into 'text' box,
- For new dashboard click on 'Text' add it to sidebar and paste following codes.
How to configure
- First collect your following social media profiles direct links and replace with default links. Example- http://www.facebook.com/your profile with your Facebook fan page link. Links are shown in pink color
- To configure Feedburner email subscription First collect your website's unique feed id. it can be find in this link https://feeds.feedburner.com/yourFeedId , and replace FeedId with your feed name. it red colored.
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment