BELAJAR BLOGGER DAN BERBAGI PENGALAMAN

IDRIS BROWSINGAN ~ BELAJAR BLOGGER

Thursday, 28 May 2015

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.

Membuat tombol share mirip speed up
(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('http://3.bp.blogspot.com/-3ypydr9U3DI/U9DHOBQy-vI/AAAAAAAAAbs/hvhfDPIpevI/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

Membuat tombol share mirip speed up Rating: 4.5 Diposkan Oleh: puput putri
Previous
Next Post »

1 komentar:

BERI PENDAPAT ANDA