Showing posts with label Blogger Tricks. Show all posts
Showing posts with label Blogger Tricks. Show all posts

Saturday, 7 September 2013

Learn How To Remove Blogger Navbar

Dear friends today we are learn about Blogger Navbar, well if any one using the blogger default Template then  blogger Navbar appear by default in the top of your blogger until unless if you were not use Dynamic look or other templates, sometime we are worry for Navbar that how should we remove that because of that any one wants to Design the blog on there style and in this post i will explain that how to remove blogger navbar. 

How To Remove Navbar In Blogger?

  • Login Blogger Account
  • Go to blogger Layout
  • Click on Navbar Edit
  • Then click on OFF and save
  • And Job Almost Done

When you Go on layout then you see Just like Below Image.
Navbar Edit

When you click on Edit then you see just like Below Image.
click on OFF and save
And in the last click on Off and Save.


I hope may this short and easy way to remove Navbar help you to and if you are facing any problam leave your comments and opinions below the post

Sunday, 14 July 2013

Add Simple Social Network Icons Widget For Blogger

Dear friends to day i am sharing with you a simple and Beautiful Social Network Icons Widget for your blogger and website if your blog or website is simple then its looking good and easy to use for user and we are always use most popular social network icons widget for blog and website, I hope you may like this Widget  

Widget looks like this
Social Network Icons

This widget is simple and loading very fast and nothing mater which browser you may use and have a Follow Us widget Some Features Like Facebook, Twitter, Google+, Youtube, Pinterest, Rss Feed, and you Can add this Beautiful widget right now.



How To Add This Widget In Blogger?


  • Login Blogger Account
  • Go to blogger Layout
  • Click on Add a Gadge
  • Then click on HTML/JavaScript Widget
  • Copy the all below code and paste inside HTML/JavaScript Widget
  • And Job Almost Done


<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="LearnOnlineLesson"></a>
<a class="addthis_button_twitter_follow" addthis:userid="learnonlineless"></a>
<a class="addthis_button_google_follow" addthis:userid="u/0/b/104830525106716133926/104830525106716133926/posts"></a>
<a class="addthis_button_youtube_follow" addthis:userid="TahirAhmedBhattii"></a>
<a class="addthis_button_pinterest_follow" addthis:userid="learnonlineless/"></a>
<a class="addthis_button_rss_follow" addthis:userid="http://learnonlinelesson.blogspot.com/"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51cdc87a0d9880e6"></script>
<!-- AddThis Follow END -->

Click Here For Download

Customize your widget

Before add this beautiful widget you have need to customize some changes for work this widget properly.

  • Change the Blue color learnonlinelesson with your Facebook Page
  • Change the Sky blue color learnonlinelesson with your Twitter user name
  • Change the lime Green color learnonlinelesson with your Google+ Link
  • Change the Red color TahirAhmedBhattii with your Youtube channel
  • Change the Orange color learnonlinelesson with your Pinteres user name
  • Change the Pink color http://learnonlinelesson.blogspot.com with your Blog name



If you are facing  any problem for adding this widget in your blog then  leave your comment below the post  with the problem you get, so I can help you.

Sunday, 7 July 2013

Add Professional Social Subscribe Widget For Blogger

Dear friend to we are talking about social widgets and if we are talking about blogger the we always keep maintain and well decorate our blog by using different types if widget. simple blog is much batter then well decorate blog that's my personal view. you may always use some most popular social widget but Right now i am sharing with you a beautiful all in one social widget   

Widget looks like this
Social Subscribe Widget
This widget is simple and loading very fast for any type of browser and have a Subscribe now widget some features like Facebook, Google+, Twitter, email subscription, Rss Feed, Linkedin and you can add this beautiful widget right now 

How to add this Widget in Blogger?

  • Login Blogger Account
  • Go to blogger Layout
  • Click on Add a Gadge
  • Then click on HTML/JavaScript Widget
  • Copy the all below code and paste inside HTML/JavaScript Widget
  • And Job Almost Done

<style>
    /* Social Widget */
    #UT-mashable-bar {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
        width:300px;
    }
    .fb-likebox {
        background: #fff;
        padding: 10px 10px 0 10px;
        border: 1px solid #D8E6EB;
        margin-top: -2px;
            height:80px;
    }
    .googleplus {
        background: #F5FCFE;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-image: initial;
        font-size: .90em;
        font-family: "Arial","Helvetica",sans-serif;
        color: #000;
        padding: 9px 11px;
        line-height: 1px;}
    .googleplus span {
        color: #000;
        font-size: 11px;
        position: absolute;
        display:inline-block;
        margin: 9px 70px;}
    .g-plusone {    float: left;}
    .twitter {
        background: #EEF9FD;
        padding: 10px;
        border: 1px solid #C7DBE2;
        border-top: 0;}
    #mashable {
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-top: 1px solid white;
        padding: 2px 8px 2px 3px;
        text-align: right;
        border-image: initial;}
    #mashable .author-credit {}
    #mashable .author-credit a {
        font-size: 10px;
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #1E598E;
        text-decoration:none;}
    #email-news-subscribe .email-box{
        padding: 5px 10px;
        font-family: "Arial","Helvetica",sans-serif;
        border-top: 0;
        border-right: 1px solid #C7DBE2;
        border-left: 1px solid #C7DBE2;
        border-image: initial;
       height:35px;}
    #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,#FFCA00 0,#FF9B00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:white;
        text-shadow:#d08d00 1px 1px 0;
        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: #ff9b00;
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
        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
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:#FFFFFF;
        text-shadow:#d08d00 1px 1px 0}  
    #other-social-bar {
        background-color: #D8E6EB;
        box-shadow: 0 1px 1px #FFFFFF inset;
        padding: 0px;
        font-family: "Arial","Helvetica",sans-serif;
        font-weight:bold;
        overflow: hidden;
        border: 1px solid #B6D0DA;
           height:37px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}
    #other-social-bar .other-follow {
        float: left;
        color:#1E598E;
        overflow: hidden;
        height:20px;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow ul li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}  
    #other-social-bar .other-follow ul li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li.my-rss {
        background: url('http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI/AAAAAAAAFv8/0bP2R3Qkl8c/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-linkedin 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-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
 
    #other-social-bar .other-follow li.my-linkedin {
        background: url('http://4.bp.blogspot.com/-ht4UMG88lvM/TwHZFFgc-1I/AAAAAAAAFvs/BBmINSJhUsk/s400/linkedin-16x16.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(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}
 
 
    </style>
 
 
    <!--[if IE]>
 
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #FFCA00;
        }
    </style>
 
    <![endif]-->
 
    
 
    <!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="UT-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/learnonlinelesson&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;
 
    font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span>Recommend us</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
 
    align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
 
    lang=en&amp;link_color=&amp;screen_name=learnonlinelesson&amp;show_count=&amp;
 
    show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box" style='background:#EDF4FF'>
 
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=learnonlinelesson', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">  
            <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />      
            <input type="hidden" value="learnonlinelesson" 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"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/learnonlinelesson" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="learnonlinelesson" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="https://plus.google.com/u/0/104830525106716133926/posts" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://learnonlinelesson.blogspot.com/">Social Network Widget</a></span></div></div>
 
    <!-- End Widget --> </div> <!--end of social widget-->

Click Here For Download

Customize your widget

Before add this beautiful widget you have need to customize some changes for work this widget properly.

  • Change the Blue color learnonlinelesson with your Facebook Page
  • Change the Sky blue color learnonlinelesson with your twitter user name
  • Change the Orange color learnonlinelesson with your feedburner name
  • Change the Red Color learnonlinelesson with your linkedin user name
  • Change the lime Green learnonlinelesson with your Google+ Link
If you are facing  any problem for adding this widget in your blog then  leave your comment below the post  with the problem you get, so I can help you.

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

© 2014 LearnOnlineBlogger.
WP themonic converted by Bloggertheme9
.
Powered by Blogger.
TOP