Membuat tombol share mirip speed up

Membuat tombol share mirip speed up - Tombol share keren nih mirip yang punya speed up sekarang kan lagi Tren template blog speed up makannya saya sengaja postingan Membuat tombol share mirip speed up , pengen dapet template nya ga bisa.  yaudah tombol share nya aj lumayan kan blog anda terlihat keren dan responsive mantep de dengan tombol share yang ukuran nya besar kaya speed up kan mudah di klik ini nya mantep dan sangat ringan buat blog sobat semua udah ga sabar pengen dapetin yaudah kita langsung saja ke tkp.

(LETAKAN KODE DI BAWAH TEPAT DI BAWAH <b:include name='quickedit'/> )

<div class='article-share-fb-cont'>
<a class='article-share-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/>
<a class='article-share-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a>
</div>
<div class='article-share-tw-cont'>
<a class='article-share-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
<a class='article-share-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a>
</div>
<div class='article-share-other-cont'>
<a class='article-share-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'/>
<a class='article-share-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a>
</div>
</div>

(LETAKAN KODE DI BAWAH TEPAT DI ATAS ]]></b:skin> )

/* -- FB G+ TWT -- */
.article-share-speedup {
width: 100%;
display: block;
overflow: hidden;
}
.article-share-fb-cont, .article-share-other-cont {
float: left;
width: 114px;
padding: 5px;
height: 41px;
}
.article-share-tw-cont, .article-share-other-cont, .article-share-like-cont {
float: left;
width: 114px;
height: 41px;
padding: 5px;
}
.article-share-fb, .article-share-tw, .article-share-gp, .article-share-li, .article-share-pi {
float: left;
display: block;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2x8EFbTMXjqr196dfMwVnF1tHdkJTvuy2X8ZOHLeujOYURm8rxVxGq0eT92hz11rHRKBDalnXISwd1TEguVvPgKK1S8za0lNuwIJarzwomJYcfxyHkCOZQVN9LggAN8gRmZ3NiI7-Zg/s1600/share.png') no-repeat;
width: 42px;
height: 41px;
margin-right: 3px;
}
.article-share-fb-label {
color: #2d609b;
}
.article-share-fb-label, .article-share-tw-label, .article-share-gp-label {
float: left;
width: 58px;
height: inherit;
font-size: 12px;
font-family: 'Open Sans Bold', Arial, sans-serif;
line-height: 14px;
margin: 5px 0 0 4px;
}
.article-share-tw {
background-position: 0 -43px;
}
.article-share-tw-label {
color: #00c3f3;
}
.article-share-gp {
background-position: 0 -86px;
}
.article-share-gp-label {
color: #f00;
}

Maaf jika pengertian nya kurang jelas dan aga ga nyambung soalnya saya baru belajar nulis artikel oh iya jangan lupa untuk share dan komentar agar saya posting artikel yang lebih menarik lagi dan lai