Khung Chia sẻ Đẹp Cho Blogger

1. Đăng nhập Blogger
2. vào Mẫu (Template)
3. Edit HTML (Chỉnh Sửa HTML)
4. Dán code sau dưới đoạn mã <data:post.body/>

<!-- start sharing box -->
<style type="text/css">
#phamngoctan_social_sharing   { 
width:550px; 
height: 90;
background: radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -o-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -ms-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -moz-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -webkit-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
padding:10px; 
margin:0 auto; 
border: 1px solid #999; 
border-radius:5px; 
-webkit-border-radius:5px 5px 5px 5px; 
-moz-border-radius:5px 5px 5px 5px; 
-webkit-transition: all 0.6s ease-out; 
-moz-transition: all 0.6s ease-out; 
-o-transition: all 0.6s ease-out; 
-ms-transition: all 0.6s ease-out; 
transition: all 0.6s ease-out;
}
#phamngoctan_social_sharing:hover { 
-webkit-box-shadow: 1px 1px 3px #CCC inset; 
-moz-box-shadow: 1px 1px 3px #CCC inset; 
box-shadow: 1px 1px 3px #CCC inset; 
}
#phamngoctan_social_sharing img { 
width: 35px; 
padding: 5px; 
border: 0; 
box-shadow: 0; 
display: inline; 
opacity:1; 
filter:alpha(opacity=1); /* For IE8 and earlier */ 
}
#phamngoctan_social_sharing img:hover { 
-webkit-transition: all 0.6s ease-out; 
-moz-transition: all 0.6s ease-out; 
-o-transition: all 0.6s ease-out; 
-ms-transition: all 0.6s ease-out; 
transition: all 0.6s ease-out; 
opacity:0.6; 
filter:alpha(opacity=60); /* For IE8 and earlier */ 
}
.phamngoctan_social_sharing_title { 
text-align: center; 
padding: 3px 10px 2px 0px; 
margin: 0 0px 0 0; 
color: #8d0303; text-transform: uppercase; 
line-height: 25px; 
vertical-align: middle; 
font-size: 14px; 
}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'><center style="margin-top:10px;"> 
<div id='phamngoctan_social_sharing'> 
<div class='phamngoctan_social_sharing_title'>Chia sẻ với bạn bè bài viết tuyệt vời này nhé</div>
<!-- Facebook --> 
<a class='face-book' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXl3odSR-b4U8TIhgO0kX5ahvDv2ArI7hiF5B19QMjZHVrQ4qhJwqeKYkk1-bl0vXlbUzlCDbyuzKJK1sf_RBJtE34msAy5ZaAYM7U8lBO_kpZXwishAfhWmA12FG731YEp9SuivItdKA/s1600/Facebook.gif'/></a>
<!-- Twitter --> 
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHc6R0sJF0AJcYE3fXHuloK6cuOugawztg9AqjS5sZfyrZFtige59VMYytaQkZAfWsDXdFtue6b0xN8GZTX0X3IWGkQ5wOp9BteS-VvSp9R-JNXAnjuxBmQ-nztB8fRITx7BcleoCp0agU/s1600/twitter_bird.gif'/></a>
<!-- Pinterest --> 
<a class='pint-er-est' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHXhcAXpC9hgoi0E5HwRRbAzsu0R3ZU5vqJ55_jBPFSd1Wv-faKyizYFsnpjKKI-1A0xxsKAlEPrytNljNWMIOgbNlFmUlpWqkyBXk3-T-pFPnpMurim2gKFl92scNf-H6Ll0lr3vLjJK1/s1600/Pinterest.gif'/></a>
<!-- Stumbleupon --> 
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble this'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOCm_2dW6piMJGbMcGyoi1B-QL7KSJ-U1CdVCsxRpKSOG0KWPaHTAGz4ODLS-qPQieWSyD3_iLcaMAE4glUfNbUrfcgcZzWNxnYozjWy21w1uLI-B5DMGDhmXXeaTo2Uc1S8myKGUN2-77/s1600/stumbleupn.gif'/></a>
<!-- Delicious --> 
  <a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisBFZnhvoBJY5gyEJz8lSeMp4rQz5_PjL9TkDJxzOS2C57eeKvjOkkZuT8nkSK1gZdvT70jdfOTpm4TcJ33ZKrXbIO9i6MBKMSmB6gy1vD0bXzPDw6E5-ceiMyW0unVt2QH_6s5Ft-wfHT/s1600/Delicious.gif'/></a>
<!-- Reddit --> 
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheubcMNMdoMrzHKR_UNRBai6UPmyJwK_j0td3ae_MYaMXxj5JTkM6b9JaH3uYmfmkMkktVfAk7meO553uVk65pYV3nHrCMJK92Tpul-5D9NBJD-zwyzNMb-w75iXyB-7qwo4HNjjR7ns5H/s1600/reddit.gif'/></a>
<!-- Digg --> 
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZy0mA-3_FaPn3Ihy4bhGVr8pl5s8w9JS29IAEKf_uVmEzfyzpMHx2t2LTqFJvozg85zeZYSOsiZUbSa6dqE6umczFIN29tT_L9UCpjUgi2ISSuSj_j5SVEt62kPTR5rvwejeGw0lqpu8/s1600/digg.gif'/></a>
<!-- Email --> 
<a href='mailto:?Subject=My Blogger Tricks&amp;Body=Check out this site.. http://www.myblogger-tricks.com' rel='nofollow' target='_blank' title='Email This'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobJMdvDFWr1B3xCI5XVncVoEuFELkx1gLpLyv4sMVx2cnVOFPTLeNr-WrpZwY86UrwPQtqo-gCPX3kQ2nzTQhASt4N_Cad6r1uBXI9X4YsJ0hHjEVPLQxbl8wcI6tgav8yun5hMXJqJd2/s1600/email.gif'/></a>
<!-- Addtoany --> 
<a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share On Others Networks'><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjoHlDq6cHnIQv3EqicT9ofRjyrJPFnX27_C7nZYSATiJCbxhdkmDOnLgc-Z-yx2vLTRWbupHAfZzTsnFqDnMuLuUeFJjogXs1M_zdVQ5Lq2MPlfaMqLAdouWmHeiLCyeRb_6xQyV6NDnv/s1600/share-to-any.gif'/></a>
</div> 
</center>
</b:if>
<!-- end sharing box- sharing by http://vnbtips.blogspot.com/-->

5. Tùy chỉnh: width:550px; height: 90;