Khung Chia sẻ Cực Đẹp Cho Blogspot

HƯỚNG DẪN CÁCH TẠO

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/AVvXsEiH0-Py7vYB1vq0bexYG48hrQ-s-NAmQWeKkcBrMGPdGYH6TJdi6Xny0LvLfaaRjIlLno-j13lBQ2XBLCpqVsUaxMYQj-6gCXu8P3oJ8ad4dmas0mVfxQJ7qWX0D18i5OTFTitgtRKpTiSW/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/AVvXsEh8AcI_3P8o810Utq4EtQFQ89YCzB3COZJQ3ImhcU1VxpjhnuZKAZGYlhI-jUHdsgWczi6mmSPJfbI19q5H8hreN8zW1RldNIb75x7BgdIHkjrC-UwN4wjGSpKi1pfE7h1tw86ejAId3SOm/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/AVvXsEihgKTCy-6DejP2gqhIVNF2-Vl2Fld5uM-peM5yU41ZtsubFeujYlfsyBm6RwZU9OUHHqGqzUyPHz2p9wUMpmsFeHo6Xz5ReLI-JPcqDOt0BaCEZsxBDff7BA2BXam8gyxc28-g9P2v4R_9/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/AVvXsEgxVgHgWWbUhbhp2ilRWXu3S1owwtCS-FqAT7N20FH-ZOxNCNhocc0y2o_oFGZzKEJGPT3c0LbfOQbdHBocu-kjsh1NMOaqIk2_R10CiooAGqkkq9qcpBuFjGhAJsJCWcaKNQIMN7Oz_hK-/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/AVvXsEhca78csaiEAuc7eM5cRQ5vLv8QhYIz0GYOCZSYRlxytkloJM-E8xvBgAZGucUz_-wBfe13vK5ndX68D0XTYTEXNfcfN6K5ZTsPnd9W3nTv6jG50_oyWXeS5CzwvI53kvxmVmvh2kw39lSE/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/AVvXsEhGRSLta4Ln2Fe0VQs4HUuTLDlzQ4v4yEzbrfkmIoTy40rg9RTwU_QyEdcFtauM33DbXaf33HtTd0Eo7WMXTlm_xQEHrEAMWW7XTAz_M9JtqbMwl2PnIjy5JpFbmp6RH7ipKRfDThqLd_Xk/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/AVvXsEihbrC-QZpwmNMApmrMqBRGfS6eHzo-9RbFm6S35uAR5VPnyvxIOLKK0Zkw8sk18eXshaPLQR8hGB9zpnwxKZhMtrxevVEP5Zti1qxDVJQd6l5NtUmPzYyxus3trigStIognpn44PbrW4MX/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/AVvXsEhQts_CbI_8Ng-QE3P1qWfOpGYqCRPS6idjaBnzOHIjBO_dTFy4yrQCoSzrbVYfCB17l_rTCBsrABkBZ-rMNeKy8CvW5Z8Na8AuMGhm_01Pbtv5Qb2f67neif2uSRcRCUOCoJm3cwPoP-iY/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/AVvXsEg3V6vJb9JPtKJRLbylrrxmSmucdmQ73YqGTFwgdmi9aU8g0ewbqOvE7Dx-AM86SRI1NkFk0pjW2QS3EEYHUwiY8NqQqOKN6etFADtlLjRWvYWkv9Xm9-KR0ZnxkdAaoI3JOG-LtC5rQBi5/s1600/share-to-any.gif'/></a>
</div> 
</center>
</b:if>
<!-- end sharing box- sharing by http://thegioiblogs.blogspot.com-->

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

6. Xong rồi, lưu lại và hưởng thụ nhé các bạn