Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
Here is a Simple Tip to Set a Button for Changing the Blog View to Dynamic Views.I added Smooth jquery Hover Effect to Button.You can set any template to your Blogger Blog.If you add this Button to your Blog.It lets your Blog visitors to View Blog in Dynamic Views when they Click this Button.








View Demo

Add Dynamic Views Button to Blog

Make sure you had Backed up your Template before editing Template.(How to Backup Template)

  • Go to Design -> Edit HTML
Step 1.Add jQuery Plugin( If your Blog already have a jQuery plugin ignore this Step ),
    • Go to Design->Edit HTML
    • Copy and Paste Below code inside <head> section
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    Step 2: Add Dynamic view button,
    •  Go to Design-> Page Elements
    • Click on Add Gadget ,Select HTML/Javascript from it
    • Leave Title as blank, Copy the below code inside content section.

      <div class="noopdynamic">
      Click this for change the view to Dynamic views</div>
      <a href="/view">
      <img class="noopdynamicimg" src="http://www.matrixar.com/-a57z3e4UXA4/Tz5E4BaMs7I/AAAAAAAAAIA/KgsXo-mA0hw/s1600/google+dynamic+views.jpg" /></a>
          <style type="text/css">
          .noopdynamicimg{bottom: 2%;
              position: fixed;
              right: 1%;}
              .noopdynamic {background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
              background-color:#ABABAB;
              border: 2px solid;
              border-radius: 6px 6px 6px 6px;
              bottom: 13%;
              padding: 4px;z-index:999;
              position: fixed;
              right: 5%;
              font:18px Arial;
              text-shadow: 1px 1px 0 #FFFFFF;
              width: 21%;
              box-shadow:0 0 5px;
          }

          </style>

      <script type="text/javascript">
      $(function(){
          $(".noopdynamic").hide(0);
      $(".noopdynamicimg").hover(function(){
          $(".noopdynamic").show("slow");
      },function(){$(".noopdynamic").hide("medium");
      });});
      </script>
      • Then Save it.
      • That's all,you are done..
      I hope you enjoyed this article,if so please share n like us.
      2013, By: Seo Master

      seo Dynamic Views Button with jquery Effect for Blogger Blog 2013

      Seo Master present to you:
      This post shows how to use Blogger add-a-gadget tool and remove blogger gadgets from our bloggers, It is very easy.
      Blogger allow you easily add all type of widgets and gadgets to your blog. You do not have to know any programming to add really nice features, like popular-post, Recent post, Facebook like box, Labels and more.
      Add gadgets to blogger

      Login to your blogger and  go to the Layout tab

      The add a Gadget links on the screen shows you all the places that you can currently add a gadget.  Choose which place to add one to to.

      Add gadgets to blogger

      Click to the Add a gadget link at the top of the area you choose.

      When you click on Add a Gadget a blogger pop-up window will appear listing all gadget that's available to you through Google Blogger. You can find the name of a particular device, or you can browse through various categories, including basic appliances, gadgets, gadgets Featured more popular or younger, provided by third-party developers to Blogger.

      If you need costomize widgets for blogger like Facebook fans, socal media plugins and other, you can also select HTML/JavaScript and paste in your own code.

      Add gadgets to blogger

      When you have entered , click Save.

      How to change the position of a gadget:

      You can move a gadget into any place in your blog-layout that you can add a gadget to. In the Layout (Design > Page elements) screen:
      • Single-click on the gadget and hold the mouse button down. Keep holding it down.
      • Dragging the mouse moves the gadget to other places, including further down the list of gadgets currently in that space, or into a totally different part of the blog.
      • Once the gadget is in the place where you want it to be, let go of the mouse-button.
      Once you are agree with the position of all the gadget, click Save arrangement to apply the new places to your blog.

      2013, By: Seo Master

      seo How To Add a Gadget (Widgets) To Your Blog 2013

      Seo Master present to you:
      Friends Now i share a animated text creating widget for your website or other pages like Myspace, Orkut, Xanga ,and other social network sites . It is a multi level widget, you can customize your text with  flash effects, colors, etc. Copy-paste the code in your site profile or blog. It is very nice widget. Use it and enjoy….






      Leave a comment………………. if this widget is not working……………….


      Special thanks to

      Wishafriend.com

      2013, By: Seo Master

      seo Multi-level Animated Text/Banner Generator – Online Tool 2013

      Powered by Blogger.
      Design by Dev Nasser