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: "ur-c5221477-ace0-9052-a858-cafca172e7b"});</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('http://feedburner.google.com/fb/a/mailverify?uri=BloggerFaqTricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');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&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21&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.

Blogger Tricks| Tutorials |Technology

Recent Comments