3/11/14

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/AVvXsEgngXEr92N5sCaitzf7dao3kFZ0BLYoMn1z3OQu9ZWYqSGAp7FhemuMxXg52t56ZVCzC5_XzS49e_x5kdAnIOos1sKZVPQfpX2qvvjRZWruDKexvVj6BxBLxVuLYIphsGS1TWmSJ9CA35Q5/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/AVvXsEiPLY3iGIePxsXdsAxHOo6nb4EKgwOfp9jeTTW77lmggYbgyx_PPIZvu2vv1vBsKcJVgRt313SrfuUXswQaes5FG-1EaLEUi_jP6xsaCNPvGd2BfNPEO11INf-b2vWcUYrNAa8QCxRL5jpB/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/AVvXsEjqHYlZsh_ohpx6xgkhN_tKGg0zHfusjQUj9o21dSSfVhSbrvoFcVp8O-LBnOTttUgzWiZNWLtMYhQLUyPBnWWiFr-C8cy8faZabYJBkXxQlSbRlzjOew8NGBOsr5DmbxdDhlEAC0mr8utP/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/AVvXsEg8oXiul7kHALUKM4AC3XLr8VhHOt3SO6tcZbNjmk_Cx9aHm091Zp1IK_pGxhYGf45g9ZciGxvx1MtuD7w8l2rsJm8joFuD69hyphenhyphenib-EtdQpjqqGArgdv7Xu8lnAYYXx4n6qx5t8mKXMAE2o/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/AVvXsEgD8twpWkaXPzAbTPCkoHX18C88UR6owTG7UU44vcelVXBO5VJTyZejHaKFVKgDTHMstBwgpCZFb1q49SSaNCJBZvbAKaVsAGbj5D6PeR9wxu7wXhctZvDFOab-OCWWho40ZEr3fF9XJ5dt/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/AVvXsEiwNsrQPfaeKr2CcDUhynp573jbDpPLvc1H7-o5a5rSXzL3nSGB61QRjJ5ndFqA4L1EDpVQwQnFPxcFZWEN1ZiWfRCMuIRHfD7p0kMKiBxuVfEuHPfQRFu8iVG02eWcNox4sUmdUKAnkpZT/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/AVvXsEhZ21BYMvCW-piWkURyD1OrO-05Ea25Gm3itIXiqIXRTNLt0ogE1k5on7TbHkaaHlHpl_2qQJYVSMBoJvJp3f6LXhEIrzg7cJuWx6OwBQCZIQfCzBr8RaM94C9oK9N0CkEnUjO6oIIWwEMW/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/AVvXsEh3YrgUu0hDcn7hzISYmjA0-OC198XF__AKiNaIxtVeYzKpF4rv_sOu1l7trCta0YMzHF-DOF3trQxNeJxhlOn4bqeom0_u0CqCG9fBayYjYQbhdmHbKTX8-bc6qYlCu0-LZQ2iNox0VqoJ/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/AVvXsEjrMB4n5uvVzGFXlU25PqOew8zKUN3ABQzkB0sBJi7YeJObNJ7xUzwGoB1dPtVFLk7J-JpxLPKG7uAwE4nUakS7wl2AK_qrBfqkAw_CMY4Tl2fGfcUzqNuAs1m-v-AkBPHUbg1HdmHUARA4/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;


0 nhận xét:

Post a Comment