Coca Cola Email Subscription Box Widget For Blogger Above Comments

Coca Cola style email subscription box widget for blogger above comments, Below is method for how to add This professional and beautiful gadget to blogger blog.



Coca Cola Email Subscription Box Widget For Blogger Above Comments
Coca Cola Email Subscription Box Widget For Blogger Above Comments

An email subscription box widget is the key of success in blogging era just like other widgets which helps you to achieve complete success in blogging. A complete success means awesome traffic, handsome money and loyal readers. The success of a blog is measured by its loyal readers which is indirectly a permanent traffic. A large group of people and readers who are interested in your blog and visit daily to your blog. But do you know how do you get such visitors or how to give them a chance to join your website or become a member of your blog so that when you publish a new post all of your readers will be informed and they will have access to visit your blog directly from their Inbox. To execute this you need an email subscription box widget. Here I will describe how to add an email subscription box widget for bloggers.


Best Position for email subscription box widget in blogger



There are various positions where you can add an email subscription box widget in blogger like in the sidebar, below the post title and above comments. So the best position from my point of view and my experience is above comment box because this is the position where your reader's cursor will come when he finishes reading the article. It is very obvious that most of the people become member or subscribe to your blog when they find something unique in your blog. So our aim should be to increase the number of blogger subscribers because more subscriber means more page-views. So below is the best and simple code to add the email subscription box widget to blogger above comment box to increase your subscriber and loyal readers.


How to add the email subscription box widget to blogger above comment.

Go to blogger dashboard.

Click on template.

In new blogger template click on edit template

Now Hit format template.

Now Hit CTRL+F , A search box will appear.

Type ]]></b:skin> in search box.

And just above this code copy and paste the below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'> #avdhootblogger{clear:both;background-image:url('http://3.bp.blogspot.com/-XojZlfFPHi8/UWW-jnmfb2I/AAAAAAAAAhk/l5NS3vO4QIA/s320/new+border.png');color:#fff;display:block;position:relative;text-align:center;line-height:1.47}#avdhootblogger
h4{font-size:24px;border-bottom:1px solid #746E6E;padding:10px;letter-spacing:2px}#avdhootblogger input[type=&quot;email&quot;],.sl_in_mail{margin-right:-6px;padding:16px
0 16px 40px;width:50%;border:none}#avdhootblogger
form{text-align:center;padding:20px
90px}#avdhootblogger input[type=submit]{border-radius:0;box-shadow:none;padding:18px
24px 16px;letter-spacing:2px;border:none;background:#E06;cursor:pointer;color:#FFF}#avdhootblogger
.counter{margin:0
0 25px}#avdhootblogger.efooter{background:none}#avdhootblogger.efooter
form{text-align:left;padding:0}#avdhootblogger.efooter input[type=&quot;submit&quot;],#avdhootblogger.efooter input[type=&quot;email&quot;],.wg_in_mail{padding:10px;letter-spacing:0px}#avdhootblogger.efooter.sidebar{background:#3C3C33;padding:20px}#avdhootblogger.efooter.sidebar
form{text-align:center}


Now it's time to add this coca cola email subscription box widget to above comments so here is the HTML part.

Now again find this piece of code.

<div class='post-footer-line post-footer-line-3'>


Now when you have found this one line piece of code , Copy the below code and paste it below the above one line code.

<div id='avdhootblogger'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=WidgetsForBloggerbloggerGadgetsbloggingTipsseoTipsbloggerWidget&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><h4>Email Newsletter</h4><div class='counter'><b>Join with Thousands Of Subscribers ! </b> Get Our Latest Articles Delivered to Your email Inbox </div><input class='sl_in_mail' name='email' placeholder='Enter Your Email Address' type='email'/><input name='uri' type='hidden' value='WidgetsForBloggerbloggerGadgetsbloggingTipsseoTipsbloggerWidget'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='SUBSCRIBE'/><p/><p/><p><small>When signing up you will initially receive a confirmation email requiring your approval to complete the subscription.</small></p></form></div></b:if>

Customization

Insert your Feedburner id in highlighted red color.

I Hope you liked this coca cola email subscription box widget for blogger above comments, feel free to comment and share.

Facebook Like And Google Plus Box widget For Blogger Below Post Title

How to add Facebook like box and Google plus add to circle box below the post title for sharing on social media sharing websites, An awesome Widget for blogger with hover effect.

Facebook Like And Google Plus Box widget For Blogger Below Post Title
Facebook Like And Google Plus Box widget For Blogger Below Post Title


It is an awesome blogger widget with hover effect that puts Facebook like and Google plus box below the post title. It changes background color when you hover your mouse below the post title. Check out the below image before hovering mouse below the post title. It looks simple .

Before Hover
Before Hover

And when you hover your mouse you will see images like below.

after hover
After hovering

The success of any website depends on the numbers of readers it has and to attain this you need right tools so that you can interact with others in many ways and those right tools are the ways to interact with users on many platforms like Google plus, Facebook, twitter and many other social media networking websites where users can easily talk and discuss the social and professional matter with each other. And these are the places where you get the live audience so you need such communication medium and tools through which you can be in contact with those people who use such social media websites and these tools are called widgets, here we have some blogger widgets which will allow you to interact with your readers and visitors who use social media sharing websites and along with they will get a chance to share your posts if they really like your post hence this way:-


  • Your posts reach to maximum people, More exposure of your blog.
  • Globally exposure.
  • More likes and plus one means more search engine visibility.


Few reports say every 4 persons out of 10 using social media sharing websites, so it is a good platform for the success of any business and for this purpose to make your blogging success we have shared many widgets like.





So this blogger widget are the tools that will reach our posts in the entire world, where people really talk with each other so as a professional blogger our only aim is to reach up to those people which can make your business a success so try out the above widget and the one that I am going to discuss below. This widget will really help you. But few things also matters apart from just adding those widgets and that is the position there are the top 2 positions on your website where people mostly like to find some stuff and that is above comments and below the post title. So this widget is for below post title, this blogger widget will enable you to add Facebook like box and Google plus box side by side below the post title. And hence it will give your users a chance to share it with the two most popular social media sharing websites in the world and hence more successful. As in the last post we discussed how to add Google plus box widget to blogger below the post title. And now we are going to modify it and will add Facebook like box also. So check out the step by step method to add this blogger widget to your blogger.




How to add Google plus and Facebook Like box widget below the post title.


Go to blogger dashboard.

Click on template.

In new blogger template click on edit template

Now Hit format template.

Now Hit CTRL+F , A search box will appear.

Type <data:post.body/> in search box.

And just above this code copy and paste the below code.


<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style> .avdhootbloggerdemo{<br/> margin: 10px auto;<br/> background-color: #ffffff;<br/> width: 260px;<br/> padding: 10px 0 10px 10px;<br/> height: 255px;<br/> overflow: hidden;<br/> -webkit-transition: all 0.5s ease-in-out;<br/> -moz-transition: all 0.5s ease-in-out;<br/> -ms-transition: all 0.5s ease-in-out;<br/> -o-transition: all 0.5s ease-in-out;<br/> transition: all 0.5s ease-in-out;<br/> border: 10px solid #000000;<br/> } .avdhootbloggerdemo:hover { border: 10px solid #054542; background-image: linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%); background-image: -o-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%); background-image: -moz-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%); background-image: -webkit-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%); background-image: -ms-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%); background-image: -webkit-gradient(<br/> linear,<br/> left bottom,<br/> left top,<br/> color-stop(0.13, rgb(5,69,66)),<br/> color-stop(0.55, rgb(19,186,189))<br/> );<br/> }<br/> // Professional google plus widget with hover effect by www.avdhootblogger.com //<br/> </style><br/> <div class="avdhootbloggerdemo"><table><tr><td><br/> <div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/104832272393711374031/posts" data-source="blogger:blog:followers" data-width="280"></div></td><br/> <td><br/><div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="280" data-height="280" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div></td></tr></table><br/> </div>
</b:if>


Change  Facebook and google plus link in red colors with your own links. I hope you like Facebook like box and Google plus add to circle widget for blogger below the post title. Feel free to use and comment if you feel any problem. Thanks for reading.

Add Google Plus Add To Circle Widget For Blogger Below Post Title

There are many ways to increase your Google plus followers and above them is adding Google plus add to circle widget for blogger below the post title, It loads with every page and gives option for adding to circle.

 Add Google Plus Add To Circle Widget For Blogger Below Post Title
  Add Google Plus Add To Circle Widget For Blogger Below Post Title


Google plus is a social media sharing website and now a days it is very popular among readers and users so it is better to use this blogger widget named as Google plus add to circle because it will give the option to your visitors to add you in their account. Any time when you share your post, all the post that you shared will appear in their profile and hence chances are higher for traffic from your members, So simple thing is more members and more traffic, As in our previous Post we have shared 2 more widget related to Google plus like Google plus pop up box widget for blogger and Google plus followers so our main goal is how to increase our followers in Google plus so below is a trick that will increase your members because this blogger widget that I am going to discuss below will give an option to your readers that they can click on add to circle button and become your followers. Below I am describing every method for how to add Google plus add to circle widget for blogger below the post title. We have many other social media sharing widget like this:-


How to add Google plus widget below the post title.



Go to blogger dashboard.

Click on template.

In new blogger template click on edit template

Now Hit format template.

Now Hit CTRL+F , A search box will appear.

Type <data:post.body/> in search box.

And just above this code copy and paste the below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/104832272393711374031/posts" data-source="blogger:blog:followers" data-width="280"></div></b:if>


Important Note :-



(1) There may be many instances of <data: post. body/>  this code in your blogger template so try this trick on everyone until you get the desired results.

Customization



Put your Google plus id in the dash area .

I hope you liked this widget of Google plus add to circle widget for blogger below the post title. Please comment me if you feel any problem in installing .

Add Beautiful Notification Bar At The Bottom Widget For Blogger

How to add beautiful notification bar at the bottom of your blog, A new widget for blogger, You can insert social bookmarking icons or anything in this widget.

Add Beautiful Notification Bar At The Bottom Widget For Blogger
Add Beautiful Notification Bar At The Bottom Widget For Blogger


VIEW DEMO



A notification bar at the bottom of your blog is a great way to divert user attention on some of the links, For example you can manually insert your new post link so that it gets maximum user attention and page views or you can add popular post link or anything for which you want some user attention. You can also put social media sharing icons at the bottom in this notification bar so your posts get more Facebook likes and a plus one, well for social media sharing we have many other widgets like:-




More Tricky things to do with notification bar



There are many things to do with the notification bar at the bottom of blog like, If you want to earn money then you can insert your affiliate links in the notification bar along with you can promote your other blogs through anchor text of your blog's keyword or add social bookmarking icon at the bottom so you get more page views and traffic. So it is your choice what to do with this notification bar. Ok so lets get started, Below are the code and method to add a notification bar at the bottom of a blog with this new widget for blogger.

How to add blog bottom notification bat widget to blogger



Go to blogger dashboard.

Go to template.

Now hit CTRL+F.

And search for this piece of code </body>

Now copy the below code and paste it before the </body> and you are done.

<!-- Start of notification bat by http://www.avdhootblogger.com -->
<style type='text/css'>
#avdhootbar
{
background-color:#1b1a1c;
color:#fff;
text-align: center;
margin:0 auto;
border-top: 3px solid #0ebfe9;
height:28px;
font-size:13px;
position:fixed;
bottom:0;
z-index:999;
width:100%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
}
#avdhootbar:hover
{background:#111;}
#avdhootbar p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#avdhootbar p a{ text-decoration:underline; color:#0ebfe9;}
.avdhootss{display:block; position:relative; right:15px; float:right;}
.avdhootss a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#0ebfe9; line-height:30px;}
</style>
<div id='avdhootbar'>
<p><blink>Get awesome and new</blink> <a href='http://www.avdhootblogger.com/search/label/blogging%20tips' target='_blank'>Blogging Tips</a> | <blink>With all new and

creative </blink> <a href='http://www.avdhootblogger.com/search/label/blogger%20widget' target='_blank'>Blogger widgets</a></p><div class='avdhootss'><a

href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;bssticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<!-- End of notification bat by http://www.avdhootblogger.com -->

Customization

Here are some customization That you have to make. I the yellow highlighted text type your text and in light blue colored text insert your links and you are done.

I hope you like this beautiful notification bar at the bottom widget for blogger. Please feel free to comment if you get any trouble in installing this blogger widget.

Professional Google Plus Followers Widget For Blogger With Hover Effect

Professional Google Plus Followers Widget For Blogger With Hover Effect, It changes background color as you move cursor on that followers box called hover effect, Hover on the add to circle and see the effects.

Professional Google Plus Followers Widget For Blogger With Hover Effect
Professional Google Plus Followers Widget For Blogger With Hover Effect


Read This - Related Post Widget for blogger.
Demo - See my Footer

Google plus widget for blogger is a great gadget to increase your followers and hence get more page views on your posts and global exposure, So here is a widget with hover effects for you. We have already shared many of social media sharing widget for blogger like Google plus pop up box widget for bloggerhorizontal focus social sharing widget for blogger. And, we also shared three in one Facebook,Google Plus and Twitter Pop up widget for blogger with timer. So here is another one with awesome hover effects, It is simple and fast loading purely based on CSS and HTML, After installing this widget when you move your mouse cursor on this widget it changes background color, border and gives awesome animated effects, It is coded in HTML and CSS and works in all browsers like Google chrome, Internet explorer, Mozilla Firefox and others. Below is the step by step method to add this Google plus widget to blogger with the demo. One should always use such widget because this helps in more page views for your posts because if the user likes your posts then they share it through such type of widgets and if your posts gets more sharing than it appears in Google search results and hence it increase search engine visibility of your blog. So choose the best widget for your blog and here you will get such widget.

How to add Google plus add to circle widget to blogger.



Go to blogger dashboard.

Go to layout.

Click on add a gadget.

Choose HTML/JAVASCRIPT.

Copy the below code and paste.

Now save the arrangement and you are done.

<style>
.avdhootbloggerdemo{
margin: 10px auto;
background-color: #ffffff;
width: 260px;
padding: 10px 0 10px 10px;
height: 255px;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 10px solid #000000;
}
.avdhootbloggerdemo:hover {
border: 10px solid #054542;
background-image: linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -o-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -moz-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -ms-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(5,69,66)),
color-stop(0.55, rgb(19,186,189))
);
}
// Professional google plus widget with hover effect by www.avdhootblogger.com //
</style>
<div class="avdhootbloggerdemo">
<div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/104832272393711374031/posts" data-source="blogger:blog:followers" data-width="280"></div>
</div>


Customization



Place your Google Plus ID in yellow background color text, I have inserted my google plus id here to show you the real effects.

More Blogger Widgets




If you like this professional Google plus widget for blogger with hover effects, Please share it and comment, We do like comments.
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS