Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Wednesday, March 5, 2014

box share

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='http://3.bp.blogspot.com/-tdQqSrGyK0A/UixIE6-nIHI/AAAAAAAADZw/L1_oZ77XZZI/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='http://4.bp.blogspot.com/-qvZuf9kWuVw/UixIHKAZdSI/AAAAAAAADao/7AOSXVkuwdc/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='http://4.bp.blogspot.com/-48BGp-jLpfA/UixIFoAoAHI/AAAAAAAADaA/a4SMqKDRqno/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='http://3.bp.blogspot.com/-Wa5Tyh1r3Ng/UixIG9GvWrI/AAAAAAAADas/yzizUt7zQ9k/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='http://1.bp.blogspot.com/-4EdR0vYOqGM/Ui3DwhBBxHI/AAAAAAAADbA/CI5Tremd7D8/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='http://2.bp.blogspot.com/-Q0wmiZUSwRA/UixIGRda0xI/AAAAAAAADaU/U1hgC4cviXc/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='http://3.bp.blogspot.com/-jrj7YxfIPgE/UixIFjv-vfI/AAAAAAAADaE/an-JwfXh9KI/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='http://1.bp.blogspot.com/-1-6g64zlV8E/UixIGPBkoKI/AAAAAAAADaQ/S_vYcUEpZ4M/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='http://3.bp.blogspot.com/-d5s1xCQ1FaA/Ui3FWCqhUBI/AAAAAAAADbM/j5EYPxb_hz4/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



0 comments:

Post a Comment

Popular Posts