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 == "item"'><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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + 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('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+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='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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='"http://reddit.com/submit?url=" + data:post.url + "&title=" + 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='"http://digg.com/submit?phase=2&url=" + 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&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='"http://www.addtoany.com/share_save?url=" + data:post.url + "&title=" + 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;
.png)
