<div align="center"><div class="blancoynegro">
<a href="TU DIRECCION DE TWITTER" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznmY02UVcCjKU0viPfe3NBHfPZW51qNJcu5hxsnB4Z97qs7WM8Lnsru2ikDt9h_X0CvCMT-mB8Qec1rAlHCItrYgM7zkAvEYvzmQ7THjMKVM-VzJAMmWAAYbFjOfKAIWCzY8BQajVPuY/s1600/twitter.png" /></a>

<a href="TU DIRECCION DE GOOGLE+" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4y_nlDQM2QnVXC5HCg0XGhlWmb3awbxA-3bNjjDU3Xo0UP4n5oba0mO8CdZluLCeBTV26fAcEKrpoVrAhHyRj4L5IlVABd3tH6k5OPU2lsGeWIkD3dU6hkNqvY5An2rDaqldPcMi-LSA/s1600/googleplus.png" /></a>

<a href="TU DIRECCION DE FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmZwOLBWt-Ce6MaRJDkKDci8MzdhGFSBMBezsX5y2VaK7z-sc90bN6ifsz8jm-8oOy5vQtUIFseRZSqNdr1BKm5Z9Tih2Uq3_6TidoC3zOaVu5wdWxHqFjFtRcRTZHAXAFmKrLP98Rmo/s1600/facebook.png" /></a>

<a href="TU DIRECCION DE FEED" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmd6Rp_m3TwhbwItGR61lrezfbzCxLSVn-qmdmv7QJK0dmRyfclFSJL6qN7DtIrvuHok-_jhn6aUku7L76SesoM1oh1gcsnBW9MxnOTBE-NEGr2Se5k7bQBEYloYdVIqJU51hVYhL6vw/s1600/feedrss.png" /></a></div></div>

<style>
.blancoynegro img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blancoynegro img:hover {
filter: url('#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: Gray();

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
</style>
<div style="width:0;height:0;"><svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><fecolormatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter></svg></div>

<div align="center"><div class="blancoynegro">
<a href="TU DIRECCION DE TWITTER" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznmY02UVcCjKU0viPfe3NBHfPZW51qNJcu5hxsnB4Z97qs7WM8Lnsru2ikDt9h_X0CvCMT-mB8Qec1rAlHCItrYgM7zkAvEYvzmQ7THjMKVM-VzJAMmWAAYbFjOfKAIWCzY8BQajVPuY/s1600/twitter.png" /></a>

<a href="TU DIRECCION DE GOOGLE+" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4y_nlDQM2QnVXC5HCg0XGhlWmb3awbxA-3bNjjDU3Xo0UP4n5oba0mO8CdZluLCeBTV26fAcEKrpoVrAhHyRj4L5IlVABd3tH6k5OPU2lsGeWIkD3dU6hkNqvY5An2rDaqldPcMi-LSA/s1600/googleplus.png" /></a>

<a href="TU DIRECCION DE FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmZwOLBWt-Ce6MaRJDkKDci8MzdhGFSBMBezsX5y2VaK7z-sc90bN6ifsz8jm-8oOy5vQtUIFseRZSqNdr1BKm5Z9Tih2Uq3_6TidoC3zOaVu5wdWxHqFjFtRcRTZHAXAFmKrLP98Rmo/s1600/facebook.png" /></a>

<a href="TU DIRECCION DE FEED" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmd6Rp_m3TwhbwItGR61lrezfbzCxLSVn-qmdmv7QJK0dmRyfclFSJL6qN7DtIrvuHok-_jhn6aUku7L76SesoM1oh1gcsnBW9MxnOTBE-NEGr2Se5k7bQBEYloYdVIqJU51hVYhL6vw/s1600/feedrss.png" /></a></div></div>

<style>
.blancoynegro img {
filter: url('#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: Gray();

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blancoynegro img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
</style>
<div style="width:0;height:0;"><svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><fecolormatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter></svg></div>

<a href="aqui la url"><button>
aqui el texto

</button>
</a>

<a href="aqui la url"><input type="submit" value="aqui el texto" /></a>

<a href="aqui la url"><span style="font-size: 12pt;"><button id="button_display_embed" style="font-size: 15pt;">aqui el texto</button></a>

<a href="aqui la url"><button><span style="color: #cc0000;"><b>aqui el texto</b></span></button></a>

<script>
(function() {

var queue = false,
    touch = 'ontouchstart' in document.documentElement ? true : false,
    images = document.querySelector('.images'),
    imageWidth = images.firstElementChild.offsetWidth,
    imageOffset = images.firstElementChild.offsetLeft,
    cssTransition = function () {
      var body = document.body || document.documentElement,
          style = body.style,
          property = 'Transition',
          vendors = ['Moz', 'Webkit', 'O', 'ms'],
          vendorCount = vendors.length;

      if (typeof style[property.toLowerCase()] === 'string') {
        return true;
      }

      do {
        if (typeof style[vendors[vendorCount] + property] === 'string') {
          return true;
        }
      } while (vendorCount--);

      return false;
    },
    timeout = cssTransition() ? [300, 400] : [0, 0];

images.addEventListener(touch ? 'touchend' : 'click', function (event) {
  if (!queue) {
    queue = true;

    var direction = ((touch ? event.changedTouches[0].pageX : event.pageX) - imageOffset) > imageWidth / 2 ? 'slide-right' : 'slide-left',
        last = images.lastElementChild.classList;

    last.add(direction);

    setTimeout(function () {
      last.remove(direction);
      last.add('back');

      setTimeout(function () {
        images.insertBefore(images.lastElementChild, images.firstElementChild);
        last.remove('back');
        queue = false;
      }, timeout[0]);
    }, timeout[1]);
  }
}, false);

})();
  </script>


<style>
.images {
  cursor: pointer;position:relative;
}
.images:hover .image:nth-child(4) {
  -webkit-transform: rotate(10deg) translateX(50px);
  -moz-transform: rotate(10deg) translateX(50px);
  -ms-transform: rotate(10deg) translateX(50px);
  -o-transform: rotate(10deg) translateX(50px);
  transform: rotate(10deg) translateX(50px);
}
.images:hover .image:nth-child(3) {
  -webkit-transform: rotate(3deg) translateX(75px);
  -moz-transform: rotate(3deg) translateX(75px);
  -ms-transform: rotate(3deg) translateX(75px);
  -o-transform: rotate(3deg) translateX(75px);
  transform: rotate(3deg) translateX(75px);
}
.images:hover .image:nth-child(2) {
  -webkit-transform: rotate(-2deg) translateX(-50px);
  -moz-transform: rotate(-2deg) translateX(-50px);
  -ms-transform: rotate(-2deg) translateX(-50px);
  -o-transform: rotate(-2deg) translateX(-50px);
  transform: rotate(-2deg) translateX(-50px);
}
.images:hover .image:first-child {
  -webkit-transform: rotate(-8deg) translateX(-75px) translateY(-10px);
  -moz-transform: rotate(-8deg) translateX(-75px) translateY(-10px);
  -ms-transform: rotate(-8deg) translateX(-75px) translateY(-10px);
  -o-transform: rotate(-8deg) translateX(-75px) translateY(-10px);
  transform: rotate(-8deg) translateX(-75px) translateY(-10px);
}

.image {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 250px;
  width: 300px;
  margin-top: -110px;
  margin-left: -105px;
  border: 5px solid #fff;
  border-bottom-width: 15px;
  -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
  z-index: 2;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.image:first-child {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
}
.image:nth-child(2) {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
.image:nth-child(3) {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.image:nth-child(4) {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.image:last-child {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.image.slide-right {
  -webkit-transform: rotate(290deg) translateX(250px);
  -moz-transform: rotate(290deg) translateX(250px);
  -ms-transform: rotate(290deg) translateX(250px);
  -o-transform: rotate(290deg) translateX(250px);
  transform: rotate(290deg) translateX(250px);
}
.image.slide-left {
  -webkit-transform: rotate(-290deg) translateX(-250px);
  -moz-transform: rotate(-290deg) translateX(-250px);
  -ms-transform: rotate(-290deg) translateX(-250px);
  -o-transform: rotate(-290deg) translateX(-250px);
  transform: rotate(-290deg) translateX(-250px);
}
.image.back {
  z-index: 1;
}
  </style>

<div class="images">
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
  <img class="image" src="URL DE LA IMAGEN" style="border:8px solid #ffffff;"/>
</div>

/* Menu Stylings by www.ayudadeblogger.com star www.grupodelecluse.com */
.w2bmenu *{margin: 0;padding: 0;}
ul.w2bmenu {list-style: none;line-height: 1;overflow: visible !important;}
ul.w2bmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;}
ul.w2bmenu li{list-style: none;position:relative;float: left;margin: 0 !important;padding: 0 !important;}
ul.w2bmenu li a{margin: 0;padding: 12px 16px !important;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;color: #6b6b6b !important;text-shadow: 0 1px 0 #fff;font-weight: 700 !important;text-transform: uppercase !important;font-size: 12px !important;display: block !important;border: 0 none !important;}
ul.w2bmenu li a:hover,ul.w2bmenu li a.hoverover{background: #f5f5f5 !important;}
ul.w2bmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;}
ul.w2bmenu li:hover > ul{display: block;}
ul.w2bmenu ul li{float: none;min-width: 160px;background:#f5f5f5;text-shadow: none;}
ul.w2bmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;}
ul.w2bmenu ul li a:hover,ul.w2bajaxmenu ul li a.hoverover{background: #fff !important;}
ul.w2bmenu ul ul{display: none;left: 100%;top: 0;}
/* AJAX Menu Stylings */
ul.w2bajaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;left: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #fff;border:1px solid #cccccc;border-top: 0 none;}
ul.w2bajaxmenu li:hover div.submenu {display: block;}
ul.w2bajaxmenu ul ,ul.w2bajaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;}
ul.w2bajaxmenu ul li{background: none !important;float: none !important;}
ul.w2bajaxmenu ul.verticlemenu{position: absolute;width: 33%;left:0;top:0;bottom: 0;background: #f5f5f5;}
ul.w2bajaxmenu ul.postslist {position: relative;display: block;width:65%;float: right;margin: 8px 0 !important;background: none;}
ul.w2bajaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding: 8px 8px 8px 110px !important;}
ul.w2bajaxmenu ul.postslist li:last-child{border-bottom: none 0;}
ul.w2bajaxmenu ul.postslist li .imgCont{position: absolute;left: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;}
ul.w2bajaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;}
ul.w2bajaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;}
ul.w2bajaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;right:5px;}
ul.w2bajaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-left: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;right: 11px;top: 50%;width: 0;}
#w2bajaxmenu {background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;

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

<script src='https://dl.dropboxusercontent.com/s/ysjbhuo6a0lup4z/bloggermenu.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($) {
            $(&#39;#w2bajaxmenu&#39;).ajaxBloggerMenu({
                        numPosts : 4, // Number of Posts to show
                        defaultImg : &#39;http://url-to-image.com/default-image.jpeg&#39; // Default thumbnail Image
            });
});
</script>