Widget Para Las Entradas del Blog Nuevo

Los widgets son la parte importante de cualquier blog sin los widgets el blog es inútil y no es atractivo por lo que si se comparan dos blogs con un widget instalado y otro sin ningún widget que podrás ver gran diferencia en los dos blogs.

 La diferencia de rendimiento amistoso, el aspecto y el usuario son la principal diferencia que se puede encontrar en los dos blogs. Hoy les voy a mostrar nuevo widget para los bloggers es fácil de usar, de diseño  hermoso y tiene casi 3 características. 

El usuario puede compartir su mensaje, el usuario puede suscribirse a su blog, el usuario puede, como tu página de Facebook. Intenta esto en tu blog sé que te gustará.

  Como poner este Widget en Blogger

• 1)- Ve al Blogger Dashboard > Design > Edit HTML
• 2)- Marca el Expand Widget check box
• 3)- presiona Ctrl + F busca el codigo siguiente:

]]></b:skin>

• 4)- Ahorra Copia el codigo que esta aqui abajo ponlo antes del siguiente codigo ]]></b:skin> 

 #Bluekut_Box{
  width:585px;
  height:126px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhWcXW1ndtd2txgVVeYHtVaW6T3P0rTpNKT-0HZuZ10O1t86Bb3s6Ag8sAluY45TGIyCwl9dliuleluJlpv2mi9ThfCWnPYiVdrGLGKbWeWDmRd5V3Pl8CBJIFXgxoXM_yf42lDwANPiL/s1600/share-bgnew.png) no-repeat;
  margin: 10px 0 0 0;
  padding:0;
}
#share-with-friends{
  width:195px;
  height:126px;
  padding-top:19px;
  float:left;
  text-align:center;
}

#respond-to-writer{
  width:195px;
  height:126px;
  padding-top:10px;
  float:left;
  text-align:center;
}

#like-us{
  width:195px;
  height:126px;
  padding-top:19px;
  float:left;
  text-align:center;
}

.share-icons{
  width: 175px;
  height:25px;
  margin:auto;
  margin-top:17px;
}

.share-icon{
  margin-left:3px;
  margin-right:3px;
}
  
.respond-author{
  margin-top:11px;
}

.more-author{
  margin:0;
  font-family:Arial;
  font-size:12px;
  padding-top:10px;
 
}

.more-author a{
  text-decoration:none;
  color:#e1281e;
}

.more-author a:hover{
  text-decoration:underline;
}

.facebook-like{
  position:relative;
  left:35px;
  top:-15px;
}
.button {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc1900), color-stop(1, #302222) );
    background:-moz-linear-gradient( center top, #fc1900 5%, #302222 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc1900', endColorstr='#302222');
    background-color:#fc1900;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    display:inline-block;
    color:#ffffff;
    font-family:Arial Black;
    font-size:14px;
    font-weight:bold;
    padding:5px 19px;
    text-decoration:none;
    text-shadow:-14px -2px 9px #b23e35;
}.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #302222), color-stop(1, #fc1900) );
    background:-moz-linear-gradient( center top, #302222 5%, #fc1900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#302222', endColorstr='#fc1900');
    background-color:#302222;
}.button:active {
    position:relative;
    top:1px;
}
#b_link {
width:585px;
text-decoration:none;
color:#FFF;
}
#b_link a {
text-decoration:none;
color:#FFF;
}

//*Ultra post footer widget End*//

• 5)- Cliquea guardar planilla.
• 6)- Ahorra encuentra este codigo en la plantilla </head>
• 7)- Copia el codigo de abajo y ponlo antes de este codigo </head>

<script type='text/javascript'>var switchTo5x=false;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-c5221477-ace0-9052-a858-cafca172e7b&quot;});</script>

• 8)- Ahorra encuentra este codigo en la plantilla <div class='post-footer'>
• 9)- Copia y pon el codigo que esta aqui abajo y ponlo despues de este codigo <div class='post-footer'>

<div id='Bluekut_Box'><div id='b_link' align="right"><a href="http://www.bluekut.com/2012/10/ultra-blogger-post-footer-widget.html"><small>Get This widget</small></a></div>
  <div id='share-with-friends'>
    <img alt='Share This Article with Friends' border='0' class='share-header' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEgYDJcvJ0DGIT7rCyRb4JxXNDgLHQKJ7DXWi7d5l42QNHn-6D1VzfRFh2BqLTnazRi8a7P6C2GAnWnxJKk_G8neHzL8XC9xmLldnHjMwYmOFHN-8ThEUIsFVD6d0Uon_47UwnOrDpsWa/s320/share-this-article-with-friends.png'/>
    <div class='share-icons'>
<span class='st_facebook_large' displayText='Facebook'/>
<span class='st_twitter_large' displayText='Tweet'/>
<span class='st_email_large' displayText='Email'/>
<span class='st_sharethis_large' displayText='ShareThis'/>
    </div>
  </div>
 
  <div id='respond-to-writer'>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=BloggerFaqTricks&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
 <img alt='Share This Article with Friends' border='0' class='share-header' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Kb1zjq_RYisKflFvwXnJj8kokz3jdkcO9ILGWLbBG4BOx2RQZYMbLVPA6Wsjd5T0eQIRNJ9d1gUWs0nj0242GwQ_F622r49HdiEg8hp5VwOBHIHg669x4Nc3mw3zrhYfBsMd8JAA-wKp/s320/subscribe+Now.png'/><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='BloggerFaqTricks'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='Subscribe'/></form>
  </div>
  <div id='like-us'>
    <img alt='Like us on Facebook' border='0' class='share-header' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM15QQY6nBEm78NLgsIBL0n_jXmyNQXCbl5d4-vcgaAOoeg92BgJH4Pdmngkj4Yezz1zkPgOzUspINr0Cmsxqv0WZpGIRoHvMdPIV9zzKcn_96hZzgm_OqZ8U2mCybNNtcupuZRgiH0pLt/s320/like-us-on-facebook.png'/>
    <iframe allowTransparency='true' class='facebook-like' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Ffaqbloggertricks&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=136202409811394' style='border:none; overflow:hidden; width:100px; height:21px;'/>
  </div>
</div>

• 10)Ahorra cambia lo que esta en Letra Roja con tus datos.
• 11)- Guarda la plantilla

  Eso es todo disfruta de este widget.

Read More

5:55 PM | 0 comments