Saturday, February 25, 2017 Blogging Tips

Cara membuat tombol share dibawah judul atau di akhir postingan Style 2

Oke ketemu lagi dengan saya, sekarang saya akan membahas untuk gaya yang kedua. kurang lebih contoh gambaranya seperti dibawah ini:

cara memasang tombol social share button di blogger dengan mudah 4.JPG

Cara pemasangan:

Pertama, silahkan pergi ke dashboard blog Blogger Anda
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>

Code:

<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.

Code:

<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>

Kemudian klik tombol Simpan template
Tada! Kini tombol social share flat design sudah terpasang di blog Anda.

Bagaimana?

terseah mau pilih yang mana, selanjutnya saya akan membahas Style 3,, silahkan lihat di sini.

Posted by Iman Faizal

Cara membuat tombol share dibawah judul atau di akhir postingan Style 2

1 Response to "Cara membuat tombol share dibawah judul atau di akhir postingan Style 2"