Cara mudah memasang tombol share di blog bag. 2
Kemarin-kemarin saya sudah memposting cara memasang tombol share Facebook, Twitter dan lain sebagainya, dan kali ini saya coba memposting cara memasang tombol share di blog dengan tampilan yang berbeda tentunya Dengan cara yang berbeda pula.
Perlu diketahui blog yang tidak ada atau tidak memiliki tombol share seakan-akan kurang lengkap dan kurang enak dipandang. Karena seperti yang saya posting kemarin fungsi tombol share ini sangat bermanfaat bagi kita dan pengunjung blog kita untuk membagikan artikel kita ke media sosial seperti Facebook, Twitter, google plus, dan media sosial lainnya.
Baiklah kita mulai cara memasang tombol share di blog bagian kedua ini.
Pertama, silahkan pergi ke dashboard blog Blogger AndaSetelah 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
|
<div class="don-share" data-bubbles="top" data-limit="3">
<div class="don-share-total"></div>
<div class="don-share-facebook"></div>
<div class="don-share-twitter"></div>
<div class="don-share-google"></div>
<div class="don-share-pinterest"></div>
<div class="don-share-linkedin"></div>
<div class="don-share-tumblr"></div>
<div class="don-share-stumbleupon"></div>
<div class="don-share-reddit"></div>
<div class="don-share-hackernews"></div>
<div class="don-share-buffer"></div>
<div class="don-share-xing"></div>
<div class="don-share-pocket"></div>
<div class="don-share-fancy"></div>
<div class="don-share-yummly"></div>
<div class="don-share-scoopit"></div>
<div class="don-share-weibo"></div>
<div class="don-share-vk"></div>
<div class="don-share-mailru"></div>
<div class="don-share-odnoklassniki"></div>
<div class="don-share-hatena"></div>
</div>
<script type="text/javascript">
(function() {
var dr = document.createElement('script');
dr.type = 'text/javascript'; dr.async = true;
dr.src = '//share.donreach.com/buttons.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dr);
})();
</script>
<style>
.don-share .don-share-total {
line-height: 18px;
margin-right: 30px;
display: none !important;
position: static;
}
.don-share .don-share-expand {
color: #333;
display: none !important;
background-color: #fff;
border-color: #ccc;
}
</style>
|
Langkah Terakhir silahkan disimpan templatenya dan dicoba review. Kalau langkah-langkahnya sudah benar insyaallah berhasil
Silahkan kunjungi juga >>>>
Demikian Postingan Cara mudah memasang tombol share di blog bag. 2, semoga bermanfaat.
Mohon untuk mengklik tombol share dibawah ini biar yang belum tahu bisa tahu belajar bersama-sama. Terima kasih
0 Response to "Cara mudah memasang tombol share di blog bag. 2"
Post a Comment
Komentarlah dengan bijak dan membangun !!!