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-
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.
So, what you think about this widget and how it working on your Blogger or Wordpress blog don't forget to mention or give a feedback :) I would loved to hear.
Floating social media and bookmarking share bar with share count is a very appealing and must have widget for Blogger blogs. It placed beside any post and this widget helps to share a post very fast and collect how many time post been shared. It also gives your blog a professional look and get more visitor from various social media sites. Several months ago when I did published a Floating share bar with icon from that time I thought about to publish a Floating share and bookmarking bar with count widget. And here it is, this widget developed by me its lightweight, simple and small looking, got share service Facebook, Twitter, Google plus and Addthis. I didn't put other service like Linkedin, Stumble upon, Pinterest because I putted Addthis which integrated with 300+ share service include count. Build with CSS, HTML and necessary scripts. Let's see how it looks like and how to add this share bar in your Blogger blog.
Add Floating Share bar with Count widget in Blogger
Select 'Template' tab option, click 'backup/restore' from upper right corner.
Download full template and save it on your computer's Harddrive
Step 2: Installing (Mandatory Step)
Then, From 'Template' tab, select 'Edit HTML'
And find (Using Ctrl+F or Cmd+F) this line-
And paste all given codes under <b:includable id='post' var='post'> and 'Save template'.
Preview your blogger blog and see this sharing widget's work in live.
This widget will not appear on Homepage.
Template Compatibility
This floating Social media sharing and bookmarking bar widget is compatible with almost all standard templates but unique designed templates or highly coded templates (like HTML5 templates) will not accept this.
So don't forget to mention what you think about this widget any how it working feedback leave with
comment. P.S stay subscribed because new version of floating share bar will release soon. Goodluck
Few days ago I published two contact form for your Blogger blogs, those contact form was pretty neat and simple (but high end). So I wanted to give you guys a cool contact form what has unique looking, more cutting edge styling. And here it is Superb CSS3 contact form, it's concept was taken from Dynamic Drive's prototype codes, I did took those codes and made proper use of it for Blogger blogs. It made up with CSS, HTML and CSS3 styling. When you put mouse on text area form labels (Name, Email, Subject, Massage) will pop up from labels. Below this contact form's code and configuration info given. Let's see how it looks, how to add in Blogger blogs or websites and configure
Go to 'Pages' tab and create a page name 'Contact us'
Select 'edit page' top left of page editing (compose/HTML) switch to (HTML)
And paste codes in text area, and configure
How to add in websites-
Go to your contact page's stylesheet and paste following code and configure.
How to configure-
"you@email.com" replace with your email what you intent to use as contact with you.
Compatibility-
This contact form is compatible with all major web browser's latest version.
Tested with few templates; results were fine.
So get a contact form! and listen to feedback, recommendation, question from your visitor. Also stay subscribed and like Facebook page new cool stuff will release soon. Chill.....
Pinterest is one of the most popular social media site around web. It has more than 25 million active users where most of users are professional business holders, internet marketer. For entrepreneur Blogger’s Pinterest is important too it capable of driving massive amount of visitor to your blog. Promoting your blog with Pinterest, adding Pinterest profile and pin board widget in your Blogger blog is very important. And here with this article you’ll be easily guided to adding Pinterest Profile and Pin board widget in Blogger blog.
Pinterest Profile widget for Blogger
Show your Pinterest profile (Name and profile pic), thumbnail views of some recent pinned images, Images width is 80px.
Got something special article and want those to highlight for visitor’s max attention, featured post widget can do that job for you. Here you can find an awesome, lightweight and hot featured post widget what made up with HTML, CSS and CSS3 effects and keyframe animation and Google font. it’s easy to configure and add to your Blogger blog. Looks good with every template and every type of site no matter they are Blogsite or portfolio sites. Contains 4 featured post slot and with little code knowledge you can increase and decrease slot number as you want. Let’s see how it looks like, how to add in Blogger blogs and how to configure
Featured Post Widget for Blogger (CSS3, Thumbnails)
How to configure-
To configuring this widget you will need your featured content links, Images links. All Image must be height of 150px and width of 150px otherwise if your image size is bigger that this size you image will not be cropped will scaled.
In blue colored ‘content link’ option place your content links.
Preview your images, click right side of mouse from menu select ‘Image location’ and copy the Image link place those links in red colored 'image link'.