Kursus Website Terbaik
  • Home
  • Blog
  • Tutorial
    • HTML CSS
    • PHP MySQL
    • Javascript
  • Tips Trik
  • Tools
Select Page

Cara Membuat Tombol Share Social Media Di Website

by DUMET School | Mar 25, 2017 | HTML CSS, Tips Trik, Website | 0 comments

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.

Untuk Membuatnya Berikut tahapan nya:

  • Salin code di bawah ini ke dalam file css teman-teman
#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>
  • Salin juga code di bawah ini ke dalam file html atau file php website teman-teman
<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.

Kategori

  • Aplikasi
  • Bootstrap
  • CSS
  • Framework
  • Framework CSS
  • Framework Javascript
  • Frontend
  • HTML
  • HTML CSS
  • Javascript
  • jQuery
  • Kursus Andorid
  • Kursus Web Design
  • Kursus Website
  • Laravel
  • PHP MySQL
  • Programming
  • Tips dan Trik
  • Tips Trik
  • Tools
  • Tutorial
  • Web Design
  • Website
  • Facebook
  • X
  • RSS
© DUMET School

WhatsApp us