Cara Mudah Memasang Tombol Share Sosial Facebook, Twitter, Google plus di Blog Bag. 1
Nampaknya belum begitu sempurna blog yang kita buat kalau belum ada tombol share di setiap postingan artikel yang kita buat, karena dengan adanya tombol share sosial di postingan kita bisa membagikan kepada publik ketika postingan itu sangat urgen dan sangat bermanfaat buat publik.
Disamping itu, Blog kita bisa maksimal dan optimal dengan menggunakan tombol share sosial media, karena dengan adanya tombol share bisa membantu memfasilitas pengunjung blog mempermudah pengunjung untuk memanfaatkan fitur ini untuk membagikan ke publik tanpa membuka media sosial terlebih dahulu lalu membagikan tautan blog anda secara manual. tentunya itu masih merepotkan, terutama bagi para pengunjung blog anda sehingga para pengunjung blog anda masih merasa malas untuk membagikan artikel yang anda tulis.
Nah itulah pentingnya di blog anda harus mempunyai fitur tombol share media sosial dengan harapan pengunjungan bisa memanfaatkan untuk membagikan artikel anda secara umum.
Sesuai dengan judul postingan ini, saya akan coba untuk membagikan ilmu yang saya dapat dari media sosial juga dan semoga bisa bermamfaat buat para blogger khususnya blogger pemula seperti saya ini. Langkah-langkah untuik pemasangan tombol social share dibawah postingan atau akhir artikel adalah sebagai berikut :
Setelah itu, masuk ke menu Template--> Edit HTML
Tekan tombol CTRL+F (tombol yang berfungsi untuk mencari kata/kode) secara bersamaan di keyboard, kemudian cari kode <head>
Jika sudah, copy-paste script dibawah ini tepat dibawah kode <head>
KODE
|
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
|
Kemudian cari kode <data:post.body/>
Jika sudah, copy-paste script dibawah ini tepat diatas kode <data:post.body/> jika Anda ingin tombol social share muncul dibawah judul, dan pasang script dibawah ini tepat dibawah kode <data:post.body/> jika Anda ingin tombol share muncul di akhir artikel.
KODE
|
<style>
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.sharepost li a:hover{opacity:1;color:#444;border:double #fff;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{background-color:#444;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}
</style>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:if cond='data:blog.pageType == "item"'>
<div class='sharepost'>
<ul>
<li><a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>
<li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>
<li><a class='gplus' expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>
<li><a class='linkedin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>
<li><a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>
</ul>
</div> </b:if>
|
Kemudian klik tombol Simpan template dan silahkan di review blog anda, kalau langkah-langkahnya diatas pasti muncul tombol sharenya di bawah postingan atau akhir artikel
Itulah cara Cara Mudah Memasang Tombol Share Sosial Facebook, Twitter, Google plus di Blog Bag. 1 semoga bermanfaat dan tetap semangat untuk menjadi blogger dan
Mohon untuk membagikan artikel ini dengan cara klik tombol share di bawah ini. Terima kasih
0 Response to "Cara Mudah Memasang Tombol Share Sosial Facebook, Twitter, Google plus di Blog Bag. 1"
Post a Comment
Komentarlah dengan bijak dan membangun !!!