Pada kesempatan kali ini saya akan menjelaskan Cara Membuat Tombol Share Social Media Di Website. Pada umumnya tombol social media share tersebut sangat membantu untuk mempublikasikan situs teman-teman atau website secara otomatis melalui social media, dan dengan adanya fasilitas tersebut situs/website teman-teman dapat lebih mudah untuk di publikasikan hanya dengan menekan satu tombol social media di website dan berbagi ke social media pengunjung. Show Untuk Membuatnya Berikut tahapan nya:
#share-sossial-buttons img { width: 35px; padding: 5px; border: 0; box-shadow: 0; display: inline; }<span id="mce_marker" data-mce-type="bookmark" data-mce-fragment="1"></span>
<div id="share-sossial-buttons"> <!-- Untuk Email --> <a href="mailto:?Subject=Simple Share Buttons&Body=I%20saw%20this%20and%20thought%20of%20you!%20 https://dumetschool.com"> <img src="https://www.kursuswebsite.org/wp-content/uploads/2017/03/email.png" alt="Email" /> </a> <!-- Untuk Facebook --> <a href="http://www.facebook.com/sharer.php?u=https://dumetschool.com" target="_blank"> <img src="https://www.kursuswebsite.org/wp-content/uploads/2017/03/facebook.png" alt="Facebook" /> </a> <!-- Untuk Google+ --> <a href="https://plus.google.com/share?url=https://dumetschool.com" target="_blank"> <img src="https://www.kursuswebsite.org/wp-content/uploads/2017/03/google.png" alt="Google" /> </a> <!-- Untuk Twitter --> <a href="https://twitter.com/share?url=https://dumetschool.com&text=Simple%20Share%20Buttons&hashtags=simplesharebuttons" target="_blank"> <img src="https://www.kursuswebsite.org/wp-content/uploads/2017/03/twitter.png" alt="Twitter" /> </a> </div> Ubahlah pada setiap code yang menyangkut https://dumetschool.com dengan alamat situs teman-teman. Sampai di sini penjelasan saya cara membuat tombol share social media di website. Semoga bermanfaat. TokoDaring.Com – Cara Membuat Tombol Share Media Sosial di Website eCommerce WordPress. Ini artikel teknis bagaimana cara membuat tombol share media sosial di website toko daring WordPress WooCommerce anda. Artikel tentang impact dari fitur-fitur sosial media pada website eCommerce, kunjungi artikel kami berikut, integrasi fitur sosial media ke dalam bisnis eCommerce. Dan berikut adalah beberapa fitur media sosial yang umum dan bisa di integrasikan ke dalam website eCommerce anda dengan mudah.
Tombol share media sosial memang seringkali efektif untuk meningkatkan kepercayaan ‘sosial’ pelanggan terhadap bisnis anda. Tombol media sosial yang terdapat fitur counter di dalamnya bahkan dapat menunjukkan kepada calon pelanggan berapa banyak orang lain yang telah membeli dan merekomendasikan produk anda kepada para pengikutnya (follower). Dan pada artikel ini kami paparkan tentang cara membuat tombol share media sosial di website WordPress dalam beberapa cara, yaitu :
Coding for fun:Artikel coding lainnya terkait dengan sosial media, atau bagaimana mengintegrasikan fitur media sosial ke dalam website eCommerce, ikuti di artikel yang kami tag sebagai media sosial. Tahukah anda, bahwa plugin atau software fitur media sosial termasuk tombol sharing sering di anggap dapat menurunkan performa website anda. Itu karena ada script JS (javascript) pihak ketiga dari platform media sosial tersebut yang harus di eksekusi sebelum dapat di tampilkan di halaman website. Jika tidak menurunkan performa secara signifikan, jangan kaget jika ada tambahan (http) request di setiap loading halaman website anda. Jikapun anda ingin menggunakan plugin, maka pilihlah plugin yang baik yang di buat oleh developer terpercaya. Anda tentu tidak ingin itu terjadi, mengorbankan performa (pagespeed) hanya untuk membuat sebuah tombol facebook atau twitter. Namun anda tetap ingin sekali memiliki tombol itu. Selain menggunakan plugin, jalan keluar lainnya adalah dengan membuatnya sendiri dengan menggunakan hanya script HTML dan CSS. Membuat fitur apapun di website anda dengan tidak menggunakan javascript, akan membuatnya menjadi sangat ringan. Ini bisa membantu anda memiliki banyak tombol media sosial tanpa harus mengorbankan performa. Jika pun anda memerlukan untuk menyematkan javascript pada fitur tersebut, maka gunakan vanilla javascript dan bukannya library semacam jquery atau library JS lainnya. Mengaitkannya dengan hook the_contentBerikut ini beberapa langkah atau cara membuat tombol share media sosial di website hanya dengan HTML dan CSS. Untuk bisa di tampilkan ke halaman website
eCommerce WordPress anda, tentu saja harus di buat di dalam PHP dengan mengait satu hooks Membuat element apapun lalu mengaitkannya pada hook Tambahkan kode berikut ke dalam file
Kini anda sudah memiliki element yang ada di awal konten atau tepatnya di bawah featured image. Dengan beberapa penjelasan terkait script di atas adalah sebagai berikut.
Element tombol yang baru saja anda buat mungkin terlihat berantakan. Untuk membuatnya menjadi rapih, tambahkan kode CSS berikut, atau anda dapat mengaturnya sesuai selera.
Beberapa plugin berikut bisa membantu anda membuat tombol share media sosial.
Bonus! Membuat Tombol Like FacebookUntuk menggapai tujuan ini maka anda perlu untuk membuat terlebih dahulu halaman di facebook. Lihat petunjuk facebook bagaimana cara membuat halaman untuk bisnis anda. Setelah membuat facebook page kami sarankan juga untuk memiliki developer ID atau app ID facebook. Developer ID atau app ID facebook silahkan merefer ke artikel berikut https://developers.facebook.com/docs/apps/. Setelahnya ikuti langkah-langkah sebagai berikut:
Menyematkan kode ke halaman websiteAda dua kode yang harus di sematkan ke dalam website anda.
Atau
dengan mengkatrol hook
Dan hasilnya seperti pada tombol like berikut. Klik pada tombolnya untuk melihat apakah itu bekerja. |