Blogger Widgets ~ Latest Tips For Bloggers 2016

Monday, 11 March 2013

Cool Email Subscription Widget With Social Media Buttons For Blogger

To Day I am share a Widget for blogger. Add a Beautiful Email subscription widget.A cool subscription widget attract visitor and make your blog more Beautiful.This widget also have Social media buttons like Twitter,Google Plus,Rss etc.Facebook is best Social Media Website and after Facebook Twitter is most Popular Web.and another Social Media site that is Google Plus.In this Cool Email Subscription Widget With Social Media Buttons like Twitter button and Google Plus button. If you Want to add this Widget in your blog than Follow the Following Steps.

Live Demo

How to Add cool Email Subscription Widget With Social Media Buttons?

Go to Blogger dashboard >> Layout >> Add a Gadget >> HTML/Javascript Box.

Paste the following code in the HTML/Javascript Box.And Paste the Following Code Below

And click on Save.

<style>

    #salahuddin-ayubi {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
    }

    #email-news-subscribe .email-box{
        padding: 5px 5px;
        font-family: "Arial","Helvetica",sans-serif;
       height:38px;}

    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}

    #email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#666 0,#333 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));

        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:white;

        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}

    #email-news-subscribe .email-box input.subscribe:hover{

        background-image:-moz-linear-gradient(top,#333,#666);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999


        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:#FFFFFF;
     }

    #other-social-bar {
        padding: 0px;
        overflow: hidden;
           height:37px;
         margin-top:-8px;
    }

    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}

    #other-social-bar .other-follow {
        float: left;
        overflow: hidden;
        padding:5px;
        width: 270px;}

    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}

    #other-social-bar .other-follow li {

        display:inline;
        border:0;
      }

    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#666;
        font-weight: bold; font-family:arial;
        display:inline;
        }
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlClftHrFBFFHt3svkHvE-Gcz-hcSrZbK8rIywT7jAwVAIBWCtG-uNtKOw_BqeM2F4pDM8GK_diJZOTbiwu7_La5LdAsSVOxJ-nulQihyYGauqEbtV2pGtpoIqz3Fkwi0SoN-W4Z5BjF4/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}

    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAFnS-QFEVjj4rKRrExZ6Z1FLT0T_dbTBq8pGuMh2FEU5osH6SKqh_-2dWsgPQ3vaO8YPIkgyqGLVTZBx3JRL4M7tr3-rqCiflY6NLAkCfAhDQ30-ybXK_KERPCC6W0UmxI-idisbvqWU/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3WVODBWgA8H1ZMJT4Onk5gI_UogRZEwHK4OlM6gHCth6OPtzbVKqv68svOClpEnm7I05itFNRUCar1WGhmurhFYTFEAPTKLrl7cttQ83A_sOBWm5P7OqN7QXQsM8IdVX-x6jjI_FITiU/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

.emailicon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLOSjDHIi83S5fP3y8F4WaZ1cLOG_LUugApseUKWOgu_XZ2l7f4mbQ-Ib89z4uTO8k2ldHbVsR4KFeHGL_iIBtGA-NICMCSttNyFcx5ZPw-IKNmegiba_KhyRglK9eApjDttq-zm_jqQwz/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);

}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family: impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;

}

    </style>

    

<div id="salahuddin-ayubi" >

<div class="emailicon"><p>Subscribe to our Free Email Updates! </p></div>

<div id="email-news-subscribe">

<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />

<input type="hidden" value="tntbystc" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>

<div id="other-social-bar">

<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li>

<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/farhankayani143" target="_blank">Twitter</a> </li>

<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/100052689605336447119target="_blank">Google Plus</a> </li>
</ul>
</div>

</div>

Replace tntbystc with your Feedburner title.

Replace the bolded sections with your twitter and Google+ username details.

Labels: Blogger Tricks, blogger widgets

Add Flying Letters below Mouse Pointer Animation

Today I am Share a trick about Mouse Pointer Animation.how can we add flying text below mouse cursor in blog. This is a great trick.After adding this code in your blogger .Your blog will be more beautiful.When you move mouse over your Blog, you will see that Letters you SET in the below code will flying like a Animation.and the text below the cursor in blue colour.This is very simple to add in blog.If you want to add this cute trick than.Follow the Following Steps.

Live Demo

How to Add Flying Letters below Mouse Pointer Animation?

Go to Blogger Dashboard.

Now Go to Template >> Edit Html.

And Find</body> tag inside your template using (CTRL+F.)

And Paste the Following Code Below </body>.

Save your Template.

<script type='text/javascript'>var text=' Flying Text By Www.bloggerwidget4u.Blogspot.Com ';</script><script src='https://tricksmaster.googlecode.com/svn/cursor-letters.js' type='text/javascript'></script>

Customization:

Replace "Flying Text By Www.bloggerwidget4u.Blogspot.Com" With Your Flying Text.

Labels: Blogger Tricks

How to Add Animated Flying Twitter Bird Widget to Blogger ?

To day i am share a Widget post about animated flying Twitter bird.Because Twitter is most popular social networking site after fb.and Also it is easy to apply.Many Blogs Use this widget to get more traffic to their Blog.This is Great Way to increase your twitter followers.Now If you want to add this Cute Widget on Your blog.follow the following steps.

Live Demo

How to Add Cute Flying Twitter Bird Widget to Blogger ?

Go to Blogger Dashboard.
Now Go to Template >> Edit Html.
And Find</body> tag inside your template using (CTRL+F.)
And Paste the Below Code Above</body>.
Save your Template.

<script type="text/javascript" src="http://technouniversityworldjavascript-testing.googlecode.com/files/tuwtwitterbird.js"> </script> <script type="text/javascript"> var twitterAccount = "farhankayani143"; var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> "; tripleflapInit(); </script> <span style="font-size:11px;position:absolute;"><a title='Blogger Widget by TUW' href="http://raimohsin1.blogspot.com" target='_blank'>Tricks and Tips</a></span>

Customization:

Change My Twitter Username With Your Username That's It.

Note:This widget originally share by rai mohsin.

Labels: blogger widgets

Thursday, 21 February 2013

New Facebook Pop Up Like Box for Blogger 2013

Today I am share a beautiful automatic Facebook pop up like bo.I previously shared How to add Floating facebook like box in blogger? and Create a Cute E-mail Subscription Form as well.so today I share a blogger widget .This is New Facebook Pop Up Like Box.Which is used for if you want to increase facebook likes.facebook is most common site to connect each others.If you want to add this on blog.follow the following steps.

How to Add Pop up like box to blog?

Go to blogger Layout page
Add a Gadget >> Select HTML/JavaScript.
Paste below code inside that HTML/JavaScript.

<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/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkj6x5vJEmVkdkn0g0woEonIypxyNEAITPN4ZTvS_KABBwSlYzjZu36EuPJFbLzXoCBf4KBNMUtLiEYNVb1XkZwWvZ-a08ObYZuhN4mwP5oGJgo2hkYop5dJrqhaGtFsqjNEGij0a2RRo/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkj6x5vJEmVkdkn0g0woEonIypxyNEAITPN4ZTvS_KABBwSlYzjZu36EuPJFbLzXoCBf4KBNMUtLiEYNVb1XkZwWvZ-a08ObYZuhN4mwP5oGJgo2hkYop5dJrqhaGtFsqjNEGij0a2RRo/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/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/AVvXsEiGfrdo70MO5XXKCXB2UAt5imyoAazbr9Isv2eoKE5sw0s3L56ThM0o2AjtVdl8sDMJGnKJ0oyGsNHyggHMp8Q27eWyM1QqTdH68mS84lylwZTAma6ZXSyJzL_sVY5cb8e-A4v9OmuUo9Y/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-6BesIJp-YyrTOcfK1NKqrNYBp4P4J1UdnZTBP7mIer4l3ZgVT9QT8WSC37XWBucl51RqiqAwg0qZM4jeRgI6L5JJ7sG3yljo7fZxJZoAf_cv-fTMTui7b87adtEzOGuWNpZ1-FqNxSs/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/AVvXsEjewYHyS0P8v-tKqzBHhSuSJeNdytvn958U0xRYuHARDD0CkeDWoLpRJZSrWn3bdJhAEwTw2Y4SOECINOo7_nLjotql6ROZZUfnpuDLKuc9pcgdwYdkoHI7X4z9MJEOZRfzI03QukGyM4c/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%2FMr.FarhanKayani&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div></div>

Customization:

The blue color text is the text which will be displayed above the Facebook like box in the pop up, so you can change it to whatsoever you like.
And the red color text "Mr.FarhanKayani" is the user name of my facebook page, so you must replace it with your FaceBook page user name.

Note:This widget originally share by onlineustaad.

Labels: blogger widgets

Friday, 1 February 2013

Remove Subscribe to posts (atom) from Blogger

What is Subscribe to post (atom)

This Post is about Subscribe to:Post(Atom) links.This links have seen that at the bottom of blog.Blogger.com added links in every blog.Basically Subscribe to:Post(Atom) for your blog visitors to Subscribe feeds.Mostly peoples dislike subscribe (Atom) and want to remove this links for blogger. because they want to make their blog beautiful and attack on peoples.Do you interested to remove these links from blog pages.This very easy way to remove.
Two different Methods to remove links.
Don't Miss:How To Remove Powered By Blogger From Blog?

Labels: Blogger Tricks, blogger widgets