VALEEDANJUM

Ad 468 X 60

Showing posts with label Blogger Tricks. Show all posts

Friday 15 February 2013

How To Add Get Daily Updates Widget In blogger?

Posted by Unknown , 20:52 Be the first to comment!

 How To Add Beautiful Email Subscription Box In Blog

Many of our readers like to get different styles of email subscription boxes with attractive CSS effects. Another aWeber style email subscription box is here on your disposal.It is essential for blogs that are updated most frequently  Any one can subscribe to any blog having email subscription box. People who will subscribe to a blog will receive their upcoming blog posts directly into their email inbox.So lets heads up and get through the steps you need to apply the widget to your blog.

How To Add Email Subscription Box In Blogger?

Go To Blogger >> Layout >> Add a Gadget(HTML/JavaScript) >> And Past below Code


<div class="fixed-widget"><div class="widget-container">

 
  <h1> Get Daily Updates</h1>

<p>Subscribe to BloggingeHow Updates (Free)</p>

<fieldset class="inputs">
<form target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Allinone789', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input id="email" class="email" type="text" value="Your Email..." style="width: 192px; font-size: 15px;" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" name="email">
<input type="hidden" value="bloggingehow" name="uri">
<input type="hidden" value="en_US" name="loc">
<fieldset class="submit">
<input class="sean orange-btn" type="submit" value="Sign up" name="commit">


</fieldset>

</form>
</fieldset>
<span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:270px;
  ">
<a style="color:#D3D3D3;" href="http://www.bloggingehow.com">widgets</a></span>
</div>
</div>
<style>
 

.fixed-widget p {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9P2WVtN1aVcSLFMUFVuRvBkhIGYwCh2ND1FKwR8Gz83uMRuK7YfnjZtkm3ytXuU73ecvXKOOdjZzENEHmdMDjDTlntgmUIcGJnLZQOGxRs40ylzMM2dVjVRacLsToI22sGK1LazMITc/s1600/highlight.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.08em;
    margin: 0 0 10px;
    padding-top: 4px;
    text-align: center;
    text-shadow: 1px 1px 1px #111111;
}
.fixed-widget input[type="text"], .fixed-widget input[type="email"] {
    border: 1px solid #D8D9D4;
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    margin: 0 0 10px;
    padding-left: 6px;
    width: 192px;
}

.fixed-widget a:hover {
    color: #000000;
    text-decoration: none;
}
.fixed-widget fieldset, .fixed-widget form {
    margin: 0 auto;
    width: 210px;
}
.fixed-widget form {
    border-top: 1px solid #E5E5E1;
}
.fixed-widget fieldset.inputs {
    border: 0px;
    border-top: 1px solid #FFFFFF;
    padding-top: 10px;
}
.fixed-widget fieldset.inputs label {
    display: block;
    padding: 0 0 5px;
}
.fixed-widget fieldset.submit {
    border: 0px;
    padding: 1 50 10px;
}
.fixed-widget .orange-btn {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JyPIvECM6RD757zCsAGXm2ul4MmNC9CqezdyyBDZGDh9LzMmch5eYalUGARqYLr0MdovmpMWBVnBrUPEhojYpdePOqJIVT6RPiXl3zGv-qv2d20CTSmVbyqqNCT1lsJLVu13S2iy1LM/s1600/gradient-orange2.png") repeat-x scroll center top #FF6B29;
    border: 1px solid #CC5721;
    box-shadow: 1px 1px 1px #FFA04D inset;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    align:center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 30px;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 0 25 px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #D35E24;
    text-transform: uppercase;
    width: auto;

}
.fixed-widget .orange-btn:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JyPIvECM6RD757zCsAGXm2ul4MmNC9CqezdyyBDZGDh9LzMmch5eYalUGARqYLr0MdovmpMWBVnBrUPEhojYpdePOqJIVT6RPiXl3zGv-qv2d20CTSmVbyqqNCT1lsJLVu13S2iy1LM/s1600/gradient-orange2.png") repeat-x scroll center bottom #FF6B29;
}
.fixed-widget .orange-btn:active {
    position: relative;
    top: 1px;
}
.fixed-widget {
   
    width: 300px;
}
.widget-container {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3K9fId_zxmEL3wwqD-E81VknrMEnh-Pc6ij5nGltCfnprnayoK0IH2gPe0VXmzzyQmORIVwDiQpiXyueAXZB6bv4_eguGFLDGXllrKFGWFEYHYixuTGA-Z1zXgzc79KQ31EYaXM2ESc/s1600/gradient-big-grey2.jpeg") no-repeat scroll center top #F0F1EC;
   
}
.fixed-widget h1 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Y49melRNnMDLg5lkw3PBURAG9N45OEP3FqMq7nnawB0DP5ngoxMUa9AGKptkeGgK5fvvwuK2L_gsvWsqM6GE8B8eC-OVBJQU2OAvT83rwaXBBWqy8J2_XNOIn_maM_9C5mMmksFOKOE/s1600/fixed-sidebar-header.png") no-repeat scroll center top #F0F1EC;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 0.08em;
    line-height: 39px;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #D35E24;
}
</style>







Read More »
Labels:

Thursday 14 February 2013

How to add Simple Email Subscription Box in Blog?

Posted by Unknown , 20:49 Be the first to comment!

How to add simple email box to your blog?

Email Subscription box let your blog readers to get your latest post updates directly to their mailbox.  All of us like to have a good template with matching design and widgets but Feedburner provides a default Email Subscription Widget which may not suit to your templates. This post contains simple techniques to Customize your Feedburner Email Subscription Box.

Step 1: Go To Blogger >> Layout >> Add A Gadget >> Follow By Email

How To add A Gadget Follow By By Email In Blogger?

And Configure Follow By Email
Add a Gadget follow By Email in Blog




Read More »
Labels:

Wednesday 13 February 2013

Add New Google+Followers Widget in Blogger?

Posted by Unknown , 03:29 Be the first to comment!

How To Add New Google Followers Widget In Blog?

Add google+Followers Widget In Blogs
One of the best perks of using Google is, it has products that seamlesslyintegrate with each other to provide an easy and comprehensive interface to users.he Google+ followers widget has recently been added to blogger and now you can easily add it to your blog fromblogger widgets library itself.his will help in getting your content across multiple streams, and to reach more readers on a more personal level through your blog.

Now when you understood the advantages of using this widget, you'll need few clicks to add it to your blog, just follow given steps below:

Step 1: Go To Blogger >> Layout  >>  Add A Gadget  >>  Google+Followers

How to add Widget google+Followers In blog
  





Read More »
Labels:

How To Add POP UP Facebook Like Box For Blog & Website

Posted by Unknown , 00:57 Be the first to comment!

New Facebook Pop Up Like Box for Blogger


This widget pops up a jQuery window containing Facebook likebox as soon as a new visitor arrives.That was a magic of jQuery, however, that didn't work in some third party blogger templates. Therefore, today I'm going to share a very simple and more attractive pop like box which will be only used if you want to increase your Facebook likes rapidly.It will appear both on homepage and sub pages depending which page the visitor is accessing. I have set the cookie refresh time to 30 days, which means that this lightbox will appear again for the same visitor after 30 days. We can easily set the number of days to prompt the visitors about your Facebook Fan page. Lets get straight to the one step installation process.

Step 1: Go To Blogger >> Layout >> Click "Add A Gadget"("HTML-JAVASCRIPT")

And Paste below code inside that HTML/JavaScript gadget


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-8l-QpDD_Mkg1aRcsOg-XLc373fuBx37hblRNVpR_ynKIJoxR0julnlGvc0wAlDR_AiOFJ676WF5VV8taWcZg6Jlr8W4lbrj4Vo1HXShn1Fc-Czb8DwRCXZo_c2HKWtzGFMWJAaOZ4Y/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-8l-QpDD_Mkg1aRcsOg-XLc373fuBx37hblRNVpR_ynKIJoxR0julnlGvc0wAlDR_AiOFJ676WF5VV8taWcZg6Jlr8W4lbrj4Vo1HXShn1Fc-Czb8DwRCXZo_c2HKWtzGFMWJAaOZ4Y/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ULqFK8dkXdXz_7fSuS3fRX2DToN-g4sqn9R8LNKakM53iwlB7DoKGdZNQOH-OPBNy6DEwW1KKnE4RzGVF1K5vuqQxilbVfftjOXmOq-vCY14xMCNgJXjljpIARYHM8jFmGUqYylE234/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiX4qyX901UXf0p2gs76RHaa03UarGxl2KAQnevaq60JTBKhxBho7KoB1gRkvGESR8TLaN1cntJIFSAecyE4hCJSueaZIHkNDrzhGnPExf83y2vPYjn2aw4a1Q3kdNGkg3QVhf2V81gEc/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FAllinone789&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div></div>

And finally the red color text "Allinone789" is the user name of my facebook page

How To Add In Website?


Step 1: Just Go To Your HTML File.

Step 2: Now Copy The Below Code And Paste It Between <body> </body>.


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-8l-QpDD_Mkg1aRcsOg-XLc373fuBx37hblRNVpR_ynKIJoxR0julnlGvc0wAlDR_AiOFJ676WF5VV8taWcZg6Jlr8W4lbrj4Vo1HXShn1Fc-Czb8DwRCXZo_c2HKWtzGFMWJAaOZ4Y/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-8l-QpDD_Mkg1aRcsOg-XLc373fuBx37hblRNVpR_ynKIJoxR0julnlGvc0wAlDR_AiOFJ676WF5VV8taWcZg6Jlr8W4lbrj4Vo1HXShn1Fc-Czb8DwRCXZo_c2HKWtzGFMWJAaOZ4Y/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ULqFK8dkXdXz_7fSuS3fRX2DToN-g4sqn9R8LNKakM53iwlB7DoKGdZNQOH-OPBNy6DEwW1KKnE4RzGVF1K5vuqQxilbVfftjOXmOq-vCY14xMCNgJXjljpIARYHM8jFmGUqYylE234/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiX4qyX901UXf0p2gs76RHaa03UarGxl2KAQnevaq60JTBKhxBho7KoB1gRkvGESR8TLaN1cntJIFSAecyE4hCJSueaZIHkNDrzhGnPExf83y2vPYjn2aw4a1Q3kdNGkg3QVhf2V81gEc/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_gbkEiwKoLrH16ygiei5bxTyGWqRWDbP2FxyYeqrIqXw75WEy8Rxv7NJtzu9OzstMnq_cbp3wtGUDv6fibR-aXPsS1jj9RcW3qGVti68_-cdqJ-zDPkB-wUYZ5Ym07EItw_iQfRzFf4/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FAllinone789&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.exeideas.com">EXEIdeas</a></p>
</div></div>


Setp 3: Save It, Now You Are Done.












Read More »
Labels:

Tuesday 12 February 2013

Add Stylish Email Subscription Box with Social Media

Posted by Unknown , 20:55 Be the first to comment!

Add Social Media & Email Subscription Box For Blogger

Add Stylish Email Box into Blogger

Adding Stylish Email Subscription Box with Social Media widget can increase your readers and subscribers and it allows to get latest updates from your blog or websites directly to their inbox.The widget I'm sharing today is for both WordPress and Blogger. It suits for WordPress blogs as well as Blogger blogs.This widget include Social Media such as RSS feed burner, Twitter, Facebook and Google Plus.
Using this widget you will get double benefits if you add your social profiles along with the form.As you know for a new blog, social media counts and email subscribers are the important things in order to get attention from the advertisers and from the search engines.

How to add the widget into blogger?

Step 1: Go To Blogger >> Layout >> Add a Gadget >> Select HTML/JavaScript Widget
Step 2: Copy below code and paste it inside that widget

<style>
.oubar{width: 100%; float: left;}
.oubar .count{color:#333; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; background: #fff; height: 45px; line-height: 45px; vertical-align: middle; width: 100%; padding: 0 10px 0 4px;}
.oubar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: top; padding-right:3px;}
.oubar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;}
.oubar .subicons a{text-decoration: none; color:#333333;}
.oubar .subicons a:hover{text-decoration: underline; color:#333333;}
.oubar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT4CkzASDid7wfj5yRG8VQvyvcRpOIrJ1W2cc6LspZtA_M-WoqQLQFTkeGFVy3ew0klZbyXcpFQciYgVsOFFcSETXMgXTcJcfX2gO5dv1Yw4Qp9jijM2aQ_Q03qcE2UBnvPLRZ9CdbEX4/s400/rss.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.oubar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLoX6ATJ98PBl5eBEZHv-lrfzVcsw3CQ9tdTg7DZiM6bLMWNhVjtL6PoG3CSYqwaxoeUAitGtKPoNoiMYOMb5C-cP4RnWSQVCk14E2Q5fjowLgzWLKPIBM_6hfhaAHzO__ehCWCw8N4rw/s400/facebook.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.oubar .subicons .picon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwJCHtRGk8S98Umdf5ytmufvkXJWKgVFzOv2bN_aYWk99wx_mhm_l25MiW44bWWMK-DKI9Yphu-YhDzL7-amohNhNTozo4PM1E_LvwUeZfAWZAzcugmWX-g6FjR7k2Zh3VGJ0qQJnr7ME/s1600/pinterest.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.oubar .subicons .gicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyMNcTiK_RplsG82MF4Yr6-5bZGyKY6vT4R3GFl4qEAjrCUF3YnEWutCKUIPzEew-sYpPDg-3zaGbn42hgU-JlLyylw1zK80dCGtBUsz_x74eE3ZaADq4NGkh4iYNh1-iEVTzBb4AtZdk/s1600/google-plus.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.oubar .subicons .twittericon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHA5xgz3BjvxHtsH17rGYcevp_i1MfAM434gB2WIazsK_vFx6ZjmBkwF7wmR4IfjNnkt-XmcnXPEw5Eu7mTqszNteyr-8F04b4PjBs1wytm8y8WFcDg7PHOQNz_KoJwHeim13noX9LTwM/s400/twitter.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.oubar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}
.oubar .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-7cWMFlZBXH0qAbMmhsN_bydbY_5qZkxL0eHad9W5rRdpDxL66BsQ9RNZCDXJ3HNf-ghZWPUsRy-WNQAcOhJgIYvnCJdlWUSjeD7s34_QhvYgRCIbIc4hvPllOnZKItftirRjGMzb9ds/s400/email.png) no-repeat left center; float: left; padding: 5px 15px 0px 35px; margin: 0 0 0 5px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; }
.oubar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}
.oubar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.oubar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
</style>
<!--[if IE 7]>
<style>
.oubar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; }
.oubar .emailsub .emailupdatesform input.joinemailupdates{background:#0080ff; border: 1px solid #0080ff; text-transform: uppercase; color: #ffffff; font-weight:bold; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; }
</style>
<![endif]-->
<div class="oubar"><div class="count">Join <span class="bigcount">100+</span> People Following BBC</div>
<div class="subicons"><div class="gicon"><a href="https://plus.google.com/u/0/108628318516871549001" target="_blank">Google+</a></div><div class="picon"><a rel="nofollow" href="http://pinterest.com/abdulwali/" target="_blank">Pinterest</a></div></div>
<div class="subicons"><div class="rssicon"><a href="http://www.bestbloggercafe.com/feeds/posts/default" target="_blank">RSS</a></div><div class="fbicon"><a href="http://www.facebook.com/BestBloggersCafe" target="_blank" rel="nofollow">Facebook</a></div><div class="twittericon"><a href="http://twitter.com/onlineustaad" target="_blank" rel="nofollow">Twitter</a></div></div>
<div class="emailsub">
<div class="emailicon">Stay Updated via Email Newsletter</div>
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BestBloggersCafe', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email...&#39;;}" onfocus="if (this.value == &#39;Enter your email...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="BestBloggersCafe" name="uri" type="hidden" /><input value="Join" class="joinemailupdates" type="submit" /></form>
</div></div></div>

And Save The Widget

Now here are some important customization you must make. I will point you to the necessary changes:

1.The first orange color text is the text, which you can replace to your own blog's text. I mean how many subscribers and followers you have write them there.

2.http://pinterest.com/yourname this link belongs to my pinterest profile, so just go to your pinterest profile and copy the link from the browser address bar and replace that with this. 

3.www.bestbloggercafe.com replace this green color address with your blog.

4.http://www.facebook.com/BestBloggersCafe replace this with your Facebook page URL.

5.http://feedburner.google.com/fb/a/mailverify?uri=BestBloggersCafethis should be replaced with your feeds URL. Just go to Feedburner.com and get your feeds address. Or in Blogger simply add a widget called "follow by email" that will create the address automatically for you. 

6.http://twitter.com/onlineustaad this is the URL of Twitter, replace it with yours.

7.BestBloggersCafe  this will be only replaced with your feeds address name which comes at last of your feeds' address.




Read More »
Labels:

Wednesday 6 February 2013

Create A Full-Width Page Without Sidebar In Blogger

Posted by Unknown , 00:50 Be the first to comment!

Create A Full-Width Page Without Sidebar In Blog

Before going to apply this trick on your blog, take a look at the demo which is my about me page:

Preview Page Demo

Create A Full Page Without In Blog

Go To Blogger >> Create a New Page or Post

While editing the page click the HTML Editor tab (Appears at top left)

At the beginning of the page insert following CSS code


<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}
#main-wrapper { width:100%!important;}
.post { width:100%!important; }
</style>




Read More »
Labels:

Monday 4 February 2013

How to add a Floating Facebook Like box in Blogger?

Posted by Unknown , 19:53 Be the first to comment!

How to Add Floating Facebook Like box to blog


Setp 1: Go to Blogger >> Layout >> Add a Gadget >> Select HTML/JavaScript Gadget
Setp 2: Add an HTML/JavaScript Widget and paste below inside that
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbsk41HKHhKrUjz_RT7BLc79nXhhsJe5-UgyM2-aZC5pcbuLJFVy0aVpQJBBMzyTGkTm-U5cvxMIP1yhQh5Wq4U8Li4Cu0F9WHtXCLOR2BggkRsof55wnOiXM9ai6FOc8fQEKIdJeu016/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FAllinone789&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

And Save the widget

Setp 3: Go To Blogger >> Edit HTML >> tag </head> in your Template >> Paste below code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Save the template and View your blog and you'll find a new facebook like box shrinking it right side or your blog.
Note: Replace Allinone789 with your Facebook Page's Username.

Read More »
Labels:
Subscribe to: Posts (Atom)