Cara membuat tombol berbagi yang ringan diblogger


Selamat Datang di Blog Orang IT. Menambahkan widget kedalam blog terbukti memperlambat loading pada saat memuat halaman , indikator penurunan kecepatan blog akan sangat nampak ketika anda mengujinya pada layanan Gtmetrix. Resource yang diakses dari luar memang membutuhkan waktu untuk memprosesnya

Kenyataanya setiap widget atau gadget yang anda tambahkan dalam script HTML memiliki semacam proses untuk menampilkan sebuah visual. Melakukan sinkronisasi dan menterjemahkan widget secara visual kedalam halaman blog akan membutuhkan waktu sepersekian milidetik

Misalnya widget follower blog yang jauh lebih berat ketimbang widget arsip blog atau popular post, ini karena setiap profile pengikut memiliki datanya masing-masing yang harus dirender untuk menampilkan cuplikan gambar avatar serta informasi lainya yang diambil dari data setiap profile  

Semakin banyak jumlah pengikut maka proses pemuatan widget follower juga memakan banyak waktu

Keberadaan gadget atau widget follower memang memberikan signal positif mirip seperti backlink tapi kita menyebutnya sosial signal yang dapat mengangkat reputasi halaman blog di mesin pencari. Sama seperti ketika halaman anda ditaut oleh beberapa profile sosial media

Sayangnya , harga yang harus dibayar sangatlah mahal karena blog harus mengalami penurunan kecepatan saat memuat halaman , padahal algoritma terbaru google mengatakan bahwa mereka membenci situs yang lambat.

Google mengonfirmasi bahwa kecepatan loading blog mempengaruhi peringkatnya baik dipencarian dekstop ataupun seluler , begitu halnya dengan visitor yang malas menunggu sampai loading blog anda selesai dimuat dan ini juga menyebabkan perenderan oleh googlebot terhambat

Itulah sebabnya blog-blog yang telah mengadopsi AMP dengan struktur pembangun template yang sederhana memiliki peluang lebih besar unggul dihalaman mesin pencari , padahal beberapa hari lalu AMP hanya dianggap sebagai formalitas tetapi sekarang dianggap memberikan korelasi yang baik terhadap peringkat blog

Keberadaan tombol berbagi alias sosial share memperlambat blog!

Itu benar , awalnya saya juga membuat tombol sosial share sendiri yang sangat sederhana dan terasa ringan karena tugas penampungan link tidak dihost oleh pihak ketiga.

Karena terbatasnya tampilan visual juga daftar situs sosial media , banyak blogger merekomendasikan saya untuk mencoba membuat tombol berbagai disitus addthis karena tampilanya menarik serta mudah disesuaikan

Menambahkan widget sosial share dari addthis berarti saya harus meletakkan sepotong kode javascript diatas tag </body> atau diatas tag <datapost.body/> pada template blog

Awalnya pengujian performa halaman pada googlepagespeed insight menunjukkan angka 90-100 tetapi setelah menambahkan script dari addthis skornya menurun drastis menjadi 55-100

Ini bukan hanya hanya saya saja yang mengalami tetapi banyak blogger diluaran sana yang mengeluhkan penurunan skor blog mereka setelah memasang widget dari addthis.

Saya mencoba menambahkan tombol berbagi postingan dari addthis ke template premium viomagz dan hasilnya sama saja , kecepatan blog menurun 20% dan ini membuat saya kecewa

Memang sih tampilanya bagus , tetapi pengalaman pengguna akan terganggu. Oleh sebab itu saya coba-coba mencari referensi digoogle mengenai widget tombol sosial share yang ringan hingga kemudian seseorang menyarankan agar saya menggunakan layanan addtoany
Baca juga : Membuat autoshare pos blog kesosmed
Saya langsung menuju situs resminya , menghapus semua sisa kode dari addthis yang tidak berguna dan menambahkan kode dari addtoany, hasilnya sangat memuaskan tidak ada perubahan performa yang berarti

Widget dari Addtoany jauh lebih ringan dibandingkan AddThis juga tidak menurunkan performa blog secara besar. Jadi untuk sementara ini saya akan menggunakan widget dari Addtoany

Cara memasang widget tombol berbagi dari addtoany

1. Langsung saja menuju halaman resminya > https://www.addtoany.com/buttons/

2. Cari ikon platform yang anda gunakan misalnya blogger , klik GET

3. Disini ada banyak pilihan untuk menambahkan widget addtoany , langsung saja klik Install Blogger Widget lalu tinggal pilih blog yang anda pasang

menambahkan widget addtoany

4. Klik tombol menambahkan widget dan selamat sekarang blog anda telah dilengkap tombol berbagi dari addtoany

Tombol berbagi dari addtoany terbilang sangat lengkap karena semua media sosial didukungnya , tetapi pengguna juga diberikan kesempatan untuk melakukan custom tataletak , warna tombol sosial share , juga daftar tombol apa saja yang ingin ditambahkan. Kini berbagi halaman kesosial media menjadi lebih mudah

Jika template blog anda sudah memiliki tombol berbagi yang dicustom oleh sang creator dari addthis , anda bisa menghapusnya dan menggantinya dengan tombol berbagi dari addtoany.

Ikuti petunjuk berikut untuk memasang widget sosial share alias tombol berbagi dari layanan addtoany secara manual kedalam blogger

Sebenarnya anda bisa meletakkan tombol addtoany secara manual langsung dengan masuk tataletak > add gadget > add html/javascript

Cara menambahkan widget sosial share melalui template

Buka tema > edit html kemudian cari kode <data:post.body/> , ada 3 kode silahkan cari yang ketiga lalu copy paste script dibawah ini :

<div class='post-body post-content'>
<div class='a2a_kit a2a_kit_size_32 a2a_default_style' id='my_centered_buttons'>
<a class='a2a_button_facebook'></a>
<a class='a2a_button_twitter'></a>
<a class='a2a_button_google_plus'></a>
<a class='a2a_button_pinterest'></a>
<a class='a2a_dd' href='https://www.addtoany.com/share'></a>
</div></div>
<script async='async' src='https://static.addtoany.com/menu/page.js'></script>

Letakkan script diatas kode <data:post.body/> jika anda ingin membuat tombol berbagi berada dibawah judul atau diatas postingan

Letakkan script dibawah kode <data:post.body/> jika anda ingin membuat tombol berbagi berada dibawah postingan

Save dan lihat bagaimana hasilnya

Cara menambahkan tombol berbagi yang ringan keblog

Nah bagaimana ? mudahkan menambahkan widget tombol berbagi sosial share yang ringan , responsive dan tidak memberatkan loading halaman keblog. Semoga bermanfaat sekian dan terimakasih telah mampir

Oleh https://helmykediri.com

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel