+44(0) 1234 567 890 info@domainname.com

Blogging


Maimpok Blogger Template Free Download

Changing the favicon of your blog is a simple trick.By default blogger puts the blogger orange color logo to favicon.This can change to your blog logo.
Favicon appears next to the URL or title in the browser.If you have a logo of your blog then you can simply upload to blogger.Else there are many sites providing free favicon generator.See Netoops blog favicon on the top your browser.
Follow the instructions below.
You can also insert Animated gif favicon.
  • Go to Favicon Generator
  • Upload your blog's logo and give scrolling text then click Generate favicon
     It will generate your animated favicon,right click on the icon shows there and Save it.Then upload to root of website or upload to free image uploading sites like tinypic you will get the link to image from there.

    • Go to Design->Edit HTML
    • Copy the following inside <head>
    <link href='PLACE YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>
    • Then click save.
    If any problem with this please inform via comment.Feel free to ask.

                       Google +1 button and Badge for Blogger free
Google's new GPlus +1 button for blogger,that lets to share your blog with like minded people across the world. Blogger introduces two Google+ gadgets (+1 Button and Google+ Badge) .Google+ button is almost same as Facebook Like button.Unlike the Google+ button appears below the post,the gadget is specific to your blog.Google+ gadget allows your visitors to recommend your blog and able to share on their circles.

Here i am going to show how to add this gadgets.. 




  • sign in to your Blogger
  • Go to Layout and click Add Gadget



    • Take +1 button or Google+ Badge as you need
      •
    • If you take Google+ badge give page ID
      Thats 

      all....



      INSTALL RAINBOW ANIMATION EFFECT IN BLOG
      • Sign In to you Blogger Account.
      • Go to Design->Edit HTML
      • Find <head> section and Place the below code inside it.

      <script type='text/javascript'>

      //<![CDATA[
      var rate = 20;
      if (document.getElementById)
      window.onerror=new Function("return true")
      var objActive;  // The object which event occured in
      var act = 0;    // Flag during the action
      var elmH = 0;   // Hue
      var elmS = 128; // Saturation
      var elmV = 255; // Value
      var clrOrg;     // A color before the change
      var TimerID;    // Timer ID
      if (document.all) {
      document.onmouseover = doRainbowAnchor;
      document.onmouseout = stopRainbowAnchor;
      }
      else if (document.getElementById) {
      document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
      document.onmouseover = Mozilla_doRainbowAnchor;
      document.onmouseout = Mozilla_stopRainbowAnchor;
      }
      function doRainbow(obj)
      {
      if (act == 0) {
      act = 1;
      if (obj)
      objActive = obj;
      else
      objActive = event.srcElement;
      clrOrg = objActive.style.color;
      TimerID = setInterval("ChangeColor()",100);
      }
      }
      function stopRainbow()
      {
      if (act) {
      objActive.style.color = clrOrg;
      clearInterval(TimerID);
      act = 0;
      }
      }
      function doRainbowAnchor()
      {
      if (act == 0) {
      var obj = event.srcElement;
      while (obj.tagName != 'A' && obj.tagName != 'BODY') {
      obj = obj.parentElement;
      if (obj.tagName == 'A' || obj.tagName == 'BODY')
      break;
      }
      if (obj.tagName == 'A' && obj.href != '') {
      objActive = obj;
      act = 1;
      clrOrg = objActive.style.color;
      TimerID = setInterval("ChangeColor()",100);
      }
      }
      }
      function stopRainbowAnchor()
      {
      if (act) {
      if (objActive.tagName == 'A') {
      objActive.style.color = clrOrg;
      clearInterval(TimerID);
      act = 0;
      }
      }
      }
      function Mozilla_doRainbowAnchor(e)
      {
      if (act == 0) {
      obj = e.target;
      while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
      obj = obj.parentNode;
      if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
      break;
      }
      if (obj.nodeName == 'A' && obj.href != '') {
      objActive = obj;
      act = 1;
      clrOrg = obj.style.color;
      TimerID = setInterval("ChangeColor()",100);
      }
      }
      }
      function Mozilla_stopRainbowAnchor(e)
      {
      if (act) {
      if (objActive.nodeName == 'A') {
      objActive.style.color = clrOrg;
      clearInterval(TimerID);
      act = 0;
      }
      }
      }
      function ChangeColor()
      {
      objActive.style.color = makeColor();
      }
      function makeColor()
      {
      // Don't you think Color Gamut to look like Rainbow?
      // HSVtoRGB
      if (elmS == 0) {
      elmR = elmV;    elmG = elmV;    elmB = elmV;
      }
      else {
      t1 = elmV;
      t2 = (255 - elmS) * elmV / 255;
      t3 = elmH % 60;
      t3 = (t1 - t2) * t3 / 60;
      if (elmH < 60) {
      elmR = t1;  elmB = t2;  elmG = t2 + t3;
      }
      else if (elmH < 120) {
      elmG = t1;  elmB = t2;  elmR = t1 - t3;
      }
      else if (elmH < 180) {
      elmG = t1;  elmR = t2;  elmB = t2 + t3;
      }
      else if (elmH < 240) {
      elmB = t1;  elmR = t2;  elmG = t1 - t3;
      }
      else if (elmH < 300) {
      elmB = t1;  elmG = t2;  elmR = t2 + t3;
      }
      else if (elmH < 360) {
      elmR = t1;  elmG = t2;  elmB = t1 - t3;
      }
      else {
      elmR = 0;   elmG = 0;   elmB = 0;
      }
      }
      elmR = Math.floor(elmR).toString(16);
      elmG = Math.floor(elmG).toString(16);
      elmB = Math.floor(elmB).toString(16);
      if (elmR.length == 1)    elmR = "0" + elmR;
      if (elmG.length == 1)    elmG = "0" + elmG;
      if (elmB.length == 1)    elmB = "0" + elmB;
      elmH = elmH + rate;
      if (elmH >= 360)
      elmH = 0;
      return '#' + elmR + elmG + elmB;
      }
      //]]>


      • Save It and Enjoy. . . !

    0 comments:

    Post a Comment

    Subscribe to: Posts (Atom)

     
    ©2013 GoGreen Theme Designed by Templateism.com