Kode Url Share link Beberapa Media Sosial

sosial media

sosial media atau media sosial merupakan tempat di internet berbasis web atau aplikasi yang digunakan oleh banyak orang untuk saling bersosialisasi berinteraksi satu sama lain, perkembangan pengguna internet yang terus meningkat berbanding searah dengan pengguna media sosial yang terus tumbuh,

di indonesia, pengguna aktif media sosial lebih dari setengah penduduk warga indonesia sendiri, sebut saja youtube, facebook, instagram, twitter, whatsapp, linkedin dll, sehingga tidak heran jika pertukaran informasi melalui media sosial sangat cepat.

pemanfaat media sosial tentu ada sisi positif dan negatifnya, pemilik web blog yang ingin artikel kontennya banyak pengunjung bisa memanfaatkan media sosial dengan membuat tombal share / bagikan media sosial di postingan web blog 

pada postingan ini tidak membahas bagaimana membuat tombal share / bagikan media sosial di postingan web blog akan tetapi membagi url share link media sosial seperti pinterest, facebook, instagram, twitter, whatsapp, linkedin dll yang akan disisipkan pada html web blog.

#Url Share link Beberapa Media Sosial untuk web blog

Facebook

<a href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'>

twitter

<a href='&quot;https://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'>

pinterest

  <a href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'>

linkedin 

<a href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'>

whatsapp

  <a href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'>

• apabila ingin menggunakan logo dari setiap media sosial bisa menyisipkan font awesome di html web blog, dengan cara pasang kode berikut diatas tag </head>:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

#Url Share link Beberapa Media Sosial dengan logo untuk web blog

Dengan menyisipkan font awesome, maka tinggal memanggil logo setiap media sosial dengan mudah, contohnya facebook dengan kode fa fa-facebook

Facebook

<a class='facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>

twitter

<a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>

pinterest

  <a class='pinterest' expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'/></a>

linkedin 

<a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a>

whatsapp

  <a class='whatsapp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a>

berikut adalah contoh bentuk url share link media sosial yang disisipkan di html 

<div id='sharemooreyi'>
 <a class='facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>
  <a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>
  <a class='pinterest' expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'/></a>
  <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a>
  <a class='whatsapp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a>
</div>

demikianlah Kode Url Share link Beberapa Media Sosial yang bisa di pasang di web blog, semoga bermanfaat