Cara membuat tombol share simpel di bagian bawah postingan blog seo - Hallo sahabat Ts tombol share button merupakan salah satu alat yang paling penting terpasang di blog anda yang fungsi dan tujuannya yaitu agar pengunjung bisa share artikel kita melalui misalnya facebook, twitter, pinters dan lain sebagai nya.
Memasang tombol share button blog keren ini juga dapat meningkatkan kualitas seo blog anda karena dengan pengunjung menshare artikel anda otomatis blog anda akan lebih terkenal dan memiliki beberapa user baru yang ingin melihat setiap update artikel terbaru kalian sobat.
Tombol share button keren ini perlu anda coba dengan menggunakan desain yang akan saya bagian untuk sahabat blogger, selain di desain secara simpel juga seo dan responsive desain, jadi tunggu apalagi silahkan cobain ya :
Tips Memasang Share Button Keren di blogspot :
1. Silahkan sobat masuk Template > Edit HTML
2. Pasang/Copas link Font Awesome berikut ini di bawah kode <head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
3. Kemudian silahkan Copas kode CSS Social Share berikut ini di atas kode ]]></b:skin> atau </style>
.share_posting {
overflow: hidden;
margin-top: 20px;
padding: 2px 0;
border-top: 1px solid #eee;
}
.share_posting h3 {
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
color: #757575;
float: left;
display: inline-block;
padding-top: 1px;
}
.share_posting li {
display: inline-block;
float: left;
padding-left: 10px;
}
.share_posting li a {
color: #757575;
font-size: 13px;
text-decoration: none;
}
.share_posting li a:hover {
text-decoration: underline;
}
.share_posting li a:active {
color: #3775DD;
}
4. Lalu Copas juga kode berikut ini di bawah kode <data:post.body/> yang kedua atau ketiga (jika ada lebih dari dua).
<div class='share_posting'>
<h3>Share This:</h3>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/> Facebook</a></li>
<li><a expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/> Twitter</a></li>
<li><a expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/> Google Plus</a></li>
<li><a expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/> Pinterest</a></li>
<li><a expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/> Linkedin</a></li>
</div>
5. Save template! Lihat hasilnya . . .
Widget ini saya terinspirasi dari blog template glooger yang keren abis pokoknya, sobat bisa cek sendiri jika sudah memasangnya pada template kesayangan sahabat blog. Silahkan untuk dipasang sekarang juga widget tombol share paling keren terbaru ini jika ada kendala silahkan untuk mengomentari artikel ini, akan saya bantu untuk membenarkannya.
Trims salam blog mania!
Widget ini saya terinspirasi dari blog template glooger yang keren abis pokoknya, sobat bisa cek sendiri jika sudah memasangnya pada template kesayangan sahabat blog. Silahkan untuk dipasang sekarang juga widget tombol share paling keren terbaru ini jika ada kendala silahkan untuk mengomentari artikel ini, akan saya bantu untuk membenarkannya.
Trims salam blog mania!
