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

By Unknown Posted at 1:44 AM Thủ Thuật Blog 0 comments

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/AVvXsEgY2IynF4nszBXDhWUxdCMR-Z71vtYbyz2Z3TLkG6Bin-nED9WHV9oIu9WgsUaBTaj4T7EZMQv6iFH3vHtnrKaFF-hqBc9VHvDVwwGr3NEf1piFSDUGizcddX48W3EDttdHBrHRQ5aVXosl/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/AVvXsEj4I6golxxjOnOQQS2HG2nTrs6QckFcxNhj-qWcyQ4Ey7y4wPL6F2vfwv_5pVHc6_QWkGnN24xCHr6BP9aAmMDYRNSvjDJ6pvbnoic7CF-OcKsr1eSCSx6QP85EhrYfdpFgmY1Gyuuy_BGe/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/AVvXsEjvAyqQzNWT315p418Ex9Wfo42kYx9XQtSTG6lLsa_aVWBoHog4xfDeFpdTbLQ5m4Y_aKMPKboGjbyuUg9yKG1Tx955IFfERNJGoTPBmH2urQr2COOIeXumMbeTi1D452M2k2X49x9RB_0j/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/AVvXsEiel6n5WH8uOlulCCvNqxbgBz8DUVodkqT8O749GYzUdXEMtfu3lyIdHRDt_wc7AhCOVze7r8b-I6_nWqWNX5Y40tECfZ8sPI37T9AuGQDEeXsE_xA-mLN51imRVCCDKTPtr-gEUbLaMrba/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/AVvXsEiTcCc-vuOcAGytlsa8lhB1dNI8RbUvOK_yjPGTyS9_ns4QurOimW6X12DiI4xsJQPEVWG3KZknpmq253OAbB-VSRvh1xH6FM_UypqlSiXHuDulhslSEThMS3dz_ZGJMfN_DXk0iq314PJ2/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/AVvXsEgQvF0dCSyYhj_8-YRs6Cqptx9c7fTv1uIR9MaugBwRFFQyJYi-ri1L-RZGjc5BNRPt7MHK8F5VQfPLZYE7tXscf-1LRwrYnUa8i2rub5FAzwDH3-ZkXg303vVNfXmTD5ctKTqZvCQILjx0/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/AVvXsEjAJzo7KiwLmb1K_ojBgBD6o6DnPn5PmghcqNmYT6lZOoOn7iROV25gJwUNZkLhikZPphY3a5yM9zz123PJFcruRZ_nMGI-UK0VjqdihinyGkmH3Daof6W_OtLxfUkGhee8LGqKD5tp5esf/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/AVvXsEjgJ_yQv7Nmj5krHn_H8XbJ1CYl8R9hFby3dNqlxgRZ-RRmSrhekvpOIRFdDTNyy18-pCaHSYK1ImDf7LI-qfn1PeyUjMFxUw_ktHk8we4tKycYGp4bNuM3N_246qnY5NdNDyRPotGuJFui/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/AVvXsEgVU9rQeqXH9oavBTF5asgbSmQnWHsYMK7vKDxwIZAFcIb4UUSMuHh7eCbQyp0Xr9xfr3iC-BenJW5GQB1hEMyr9HMNwVb-gv_oA34EQ14PAmww0GbxMfufKFJOSgkkxTprO_LPlyzbkfD0/s1600/share-to-any.gif'/></a>
</div> 
</center>
</b:if>
<!-- end sharing box- sharing by http://thegioiblogs.blogspot.com-->