Email marketing is an important option for both entrepreneurBlogger and Internet marketers. For email marketing's essential tools is email sending services. Awber, Mailchimp, Madmimi, Get response are very popular. In these email sending services Mailchimp is very good choice for no matter you are beginner or pro and of course it's free and have ability to send beautiful customized newsletters. For sending newsletter you will need to have a list what can be done by sign up form. Problem is there Mailchimp Optin/email subscription/newsletter sign up forms are very simple and looks a bit of awkward with our themes/templates, Right?
So reveling you from these boring-ness with sign up form here I publishing a homemade professional looking mailchimp sign up/subscription form. It's easy to configure and flat designed and it will easily match with any blogsites/websites. Let's see how it looks like and how to add it to your Blogger blog and wordpress sites and how to configure.
Professional Mailchimp Sign-up/Opt-in Form for Wordpress/Blogger
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 and configure
How to configure
Configuring this form won't take a while, read on-
First log in to your mailchimp account,
Select 'List' from side menu,
Inside 'List' on your email subscriber list's very right part after 'stats'
Click on dropdown menu, select, 'Sign up forms' from there.
Then Select 'Embedded forms'.
When you are into 'Embedded forms'
From Classic sign up forms page's botton contains sign up forms HTMLcode,
Copy all code and paste them on any txt file/word file (notepad)
And select the following link what shown as image and replace the link with my default link (pink colored).
Save your widget/gadget and take a look at your site, How it looking on your site, how it working or any trouble please leave with comment. More cool Mailchimp subscription form will release soon stay subscribed, Happy Email marketing :)
Change the taste of random looking social sharing button below posts in Blogger, here you can find a different and cool social media sharing widget what I named it Coldblodded! This social sharing widget loads faster than other icon base social shares, it's icons change color with mouse hover with flipping effect, it got the major social media sites share, main color is black colored what looks artistic and attractive.
Coldblodded social media sharing widget offers shares a post to Facebook, Twitter, Google plus, Pinterest and bookmark a post on Delicious, Evernote, Stumble upon, Digg, Blogger, Yahoo bookmarks additional feedburner email subscription. It made with CSS, HTML and icons uses only a piece of image what will draw all icon process calls CSS image transition CSS Sprite, This widget also reduce HTTP request unlike other icon base sharing choices. Will be fit to any kind of Blogger blog, no matter they are professional blogs, gallery or other features sites. Let's see how it looks like and how to add it on your site.
Add Cool Social Media Sharing icons below posts in Blogger
Select 'Template' tab option, click 'backup/restore' from upper right corner.
Download full template and save it on your pc's Harddrive
Step 2: Installing (Mandatory step)
From 'Template' tab, select 'Edit HTML' and find (using Ctrl+F or Cmd+F) this line-
You may find this code phrase twice, ignore first phrase, after second phrase paste these codes-
Step 3: Configuring
You need to add your Feedburner email subscription manually, Collect your website's feedburner feed Id and replace on http://feeds.feedburner.com/your feed it pink colored. Template Compatibility and Faq
This Cool Social media sharing icons widget is compatible with almost all stranded templates but unique designed templates or highly coded templates will not accept this.
Last words, Hope it will increase your blog post's social sharing, having any trouble with this widget don't forget to mention.Chill.....
Search bar is an important part of every websites. Blogger websites/blogs also needs to use Search bar. Blogger's default search bar (Google custom search) bar is not look so good and don't work fine. That's why to change the taste of search bar in Blogger last week I published a pure CSS3 Black search bar. Also that search bar was gorgeous enough and may be don't fit will all blogger sites. So here I publishing simple search bar comes up with 6 different color what really looks simple and easily manageable with your blog's background. Made up with HTML and CSS equipped with mouse hover effect. Let's see how they looks like and how to add it in your Blogger blog.
Add Orange search bar in Blogger
Preview-
Codes-
Add Blue search bar in Blogger
Preview-
Codes-
Add Red search bar in Blogger
Preview-
Codes-
Add Pink search bar in Blogger
Preview-
Codes-
Add Green search bar in blogger
Preview-
Codes-
Add Gray search bar in blogger
Preview-
Codes-
How to add 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 your desired search bar's codes and save template.
And see search bar in live action.
Compatibility
This widget compatible with stranded structured template, unique designed template won't accept it.
All modern web browser will support it but some browser will show hover effect statically without transition.
So, what you think about this lightweight search bar don't forget to mention, stay subscribed so you will not miss any new widget updates. Goodluck...
Email subscription box enhanced with Social icon widgets are very popular. These widgets are basically looks cool and all in one subscription box typo. Saves space in widget area and increases subscribers and social fan rapidly. Here I am publishing such a compact widget build with CSS, HTML,CSS3 effects, Google fonts, Flat icons (Facebook, Twitter, Google plus, Linked in, Pinterest). So take a look this Superb social subscription widget and add it to your Blogger blogs and wordpress sites. Read on-
Copy following codes and configure then save template.
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, configure and hit save
How to configure
First collect your following social media profiles direct links and replace with default links. All configurable links are pink colored.
To configure Feedburner email subscription First collect your website's unique feed id. it can be find in this link htps://feeds.feedburner.com/yourFeedId , and replace FeedId with your feed name. it red colored.
After installation is completed take a look at your Blogger/wordpress blogs. And any problem, recommendation, leave with comments. Stay subscribed new subscription forms will release soon. Goodluck...
Social media fan with fake counter is pretty much famous widget. This widget is simple neat looking, colorful icon effect on hover, lightweight powered by CSS image sprite transition, CSS3, HTML. Unlike other social media profile widget this widget load faster, configurable and reduce http request on server. This widget contains 3 profile slot (Facebook, Twitter, Feedburner) Let's see how it looks like and how to add it on your Blogger blog and Wordpress sites
.
'Social Media Fan with Count' widget for Blogger/Wordpress
Copy following codes and configure, then save template
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.
And check out your Blogger/wordpress blog
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.
And place your feed id in 'your feed id' All links are red colored.
And pink colored numbers are your fan counter, replace the default fan number's with your expected fan number.
So, what you think about this widget and how it working on your Blog don't forget to mention :) I'll be loved to hear.
Blogger's default search bar (Google custom search) is kind of sucks looking. If blog readers really like to search something on your blog they will just walk away from searching with Google custom search bar! Let's impress them with this cool unique Black CSS3 search bar what will really fit your site and make your Blogger blog cool enough to let everybody search something on your site. This search bar made of CSS3, HTML5. Plus no external image uses here. Also only latest version of web browser can give this search bar's high appearance quality. Let's see how it looks like and how to add it in your Blogger blog.
Sticky Notification bar what appears on top is the best way to highlight popular posts, recommendation posts, affiliate deals and offers. These notification bar also increase pageviews and affiliate incomes. Here I presenting to you 5 cool and different style sticky notification bar which are designed to match your blogger blog background. These notification bars made with CSS, CSS3, Script, HTML and little piece of image. All designs are eye responsive, easy loading, light weight codes and have close button even responsive in width over all easy to configure. So let's choose a design copy the code and install it in your Blogger blog.
Matt style Notification bar for blogger
It use matt style off-white bar, ideal for light colored background
(part1)
(part2)
Paper style Notification bar for Blogger
It uses paper style bar ideal for any stranded template
(part1)
(part2)
Striped notification bar for Blogger
It offers off white striped, ideal for light colored background
(part1)
(part2)
Gray notification bar for blogger
It just use Gray pattern ideal for light colored background
(part1)
(part2)
Transparent notification bar for blogger
It just transparent ideal for multi/white colored background!
(part1)
(part2)
How to add these notification bar in Blogger
Step 1: Back up your template (Optional step)
Log in to your blogger, select your blog,
Select 'Template' tab option, click 'backup/restore' from upper right corner.
Download full template and save it on your pc's Hard-drive
Step 2: Setting CSS (Mandatory step)
First go to 'Template' tab, then 'Edit Html'
And find (using Ctrl+F or Cmd+F) </head> tag.
Before </head> paste (part1) all code and save template,
Step 3: Setting HTML (Mandatory step)
Now go to 'Layout' tab select 'add a gadget'
And select 'Html/javascript' from pop up window.
And paste (part2) code in content box,
Save Template. and configure the links as you want.
Template Compatibility and Faq
This notification bar is compatible with almost all stranded templates but unique designed templates or highly coded templates will not accept this. Supports all web browsers.
So don't forget to mention what your felling about this widget. Also any question or recommendation leave with comments. More notification bar will release soon stay subscribed plz...