Cara Membuat Fitur Reaksi Dengan Lazy Load Di Blogger
- Galeh
- Minggu, 14 Agustus 2022
- Tulis Komentar
Duta Bloger - Halo sobat Duta, kembali lagi dengan admin yang pada kali ini akan membagikan cara membuat fitur reaksi dengan lazy load di blogger , saat ini fitur rating bintang dari Paket Widget sedang down dan jika sobat sedang mencari alternatif maka tutorial ini tepat untuk kalian, kali ini bukan peringkat bintang, bukan itu, para pengguna dapat bereaksi melalui emoji bahwa dengan bantuan ShareThis yang merupakan alternatif seperti WhatsApp, Telegram seperti fitur reaksi, fitur reaksi Ini juga tidak mempengaruhi kecepatan blog sobat.
Membuat Fitur Reaksi Dengan Lazy Load
1. Silahkan Sobat duta Login ke Blogger.
2. Selanjutnya masuk ke menu TEMA > klik Edit HTML.
3. Kemudian sobat cari kode berikut ini ]]></b:skin> atau </style> dan pastekan kode css dibawah ini tepat DIATAS kode tersebut.
.sharethis-inline-reaction-buttons{display:flex;max-width:400px;padding:10px 17px;line-height:25px;background:#fffdfc;border-radius:5px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1);font-size:16px;font-family:inherit;color:#08102b;text-align:center}.drK .sharethis-inline-reaction-buttons{box-shadow:none; background:#2d2d30}
4. Silahkan sobat cari <data:post.body/> dan tambahkan kode html dibawah ini tepat DIBAWAH kode <data:post.body/>.
<b:if cond='data:view.isPost'>
<div class='sharethis-inline-reaction-buttons'/>
</b:if>
5. Setelah itu sobat cari kode </body> atau <!--</body>--></body> dan tambahkan javascript dibawah ini tepat DIATAS kode tersebut
<script>/*<![CDATA[*//* ShareThis (LazyLoad) */ var lazyReact = false; window.addEventListener('scroll', function(){if ((document.documentElement.scrollTop != 0 && lazyReact === false) || (document.body.scrollTop != 0 && lazyReact === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('type','text/javascript'); ad.async = true; ad.src = 'https://platform-api.sharethis.com/js/sharethis.js#property=6100ee7d3b1d5d001213a440&product=inline-reaction-buttons'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyReact = true; }}, true);
/*]]>*/</script>
sobat bisa mengganti nomor id properti yang ditandai dengan id properti reaksi sharethis.com milik sobat
Belum ada Komentar