CARA MENGHAPUS TOMBOL SHARE BAWAAN BLOGSPOT DAN MENGGANTIKANNYA DENGAN TOMBOL SHARE RESPONSIVE

Gambar tombol Share pengganti pada blogspot
Tombol bawaan blogspot atau blogger itu yang kami maksud bentuknya yang seperti ini:
Terlihat kecil dan monoton, dan trik untuk menggantinya sangat mudah. 

Masuk ke pengaturan blogspot/blogger, pilih TEMA lalu klik "editHTML" cari salah satu kode di bawah ini:

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>


Atau kalau tidak ketemu cari kode dibawah ini, kita dapat menerapkan ini dengan mudah pada template jenis sederhana, awsome dst:

<div class='post-share-buttons goog-inline-block'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
</div>


Atau......
Perhatikan gambar baik-baik: Gunakan saja ctrl+F untuk mempercepat pencarian, dan kalau sudah ketemu hapus saja. Kode yang kita sebutkan diatas terlihat dalam HTML blogspot sebagai berikut:

Dan perhatikan setelah di hapus akan tertinggal sub-title kode : <!--share buttons--> di atasnya:

Maka kopi pastekan kode di bawah ini ke dalam ruang kosong di bawah kode <!--share buttons--> sebagai pengganti share button atau tombol share yang telah kita hapus tadi:

&lt;script type=&quot;text/javascript&quot; src=&quot;//platform-api.sharethis.com/js/sharethis.js#property=5998595b6692a7001120ec54&amp;product=inline-share-buttons&quot;&gt;&lt;/script&gt;

Lalu Save dan lihat hasilnya akan terlihat seperti pada gambar diatas postingan ini

Komentar

Popular Minggu ini:

MAU MEMASANG IKON AWSOME DENGAN GRADASI WARNA DI BLOG? BEGINI CARANYA!

MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG