Cara Membuat Tombol Share Social Media Di Blog Atau Website
Ada berbagai cara untuk memasang tombol share sosmed ini ke blog kamu. Kalau kamu seorang yang ahli dalam bahasa program, mungkin kamu tidak perlu capek-capek baca artikel ini. Toh, kamu juga bisa membuatnya sendiri tanpa bantuan orang lain?
Sebelum lanjut ke pembahasan, alangkah baiknya kalau kita mengetahui terlebih dahulu kelebihan-kelebihan ketika memasang tombol yang satu ini. Simak penjelasanya.....
Kelebihan Dan Manfa'at Memasang Tombol Share Di Blog Atau Website
1. Trafik Blog Meningkat
Sebagaimana yang sudah dijelaskan diawal tadi, manfaat terbesar atau yang paling utama dalam memasang tombol ini adalah untuk meningkatkan trafik blog kamu.
Karena semakin banyak orang yang berbagi di sosial media mereka, maka semakin banyak pula visitor blog kamu. Tentu akan sangat menguntungkan kamu kalau ternyata visitor blog mencapai ribuan perhari.
2. Meningkatkan Brand Awareness
Jika orang-orang sudah mulai membagikan artikel dari blog kamu melalui sosial media mereka dan dengan pengikut mereka, maka otomatis blog kamu akan mendapatkan pengunjung baru.
Dan dengan cara ini pula kamu akan mendapatkan audiens yang baru secara gratis. Maka tentu, dengan cara ini kamu tidak perlu lagi megiklankan blog kamu di Facebook dengan mengeluarkan uang lagi.
3. Mendapatkan Banyak Backlink Yang Natural
Backlink merupakan peran utama dalam SEO. Maka jika banyak orang yang membagikan artikel blog kamu di sosial media, maka backlink yang terjadi pun meningkat secara alami. Dan Tentunya Google menyukai Backlink yang Natural.
4. Meningkatkan Skor SEO
Kalau kamu udah baca semua kelebihan yang tertera diatas, sekarang kita lanjut aja ke cara pembuatan atau pemasangan tombol sharenya.
Sebenarnya untuk memasang tombol ini ada berbagai cara dan berbagai ragam jenisnya. Kamu bisa memasang dengan bantuan dari platform lain seperti Addthis atau yang lainnya.
Tapi karena hal tersebut kurang baik buat blog, maka kita pasang tombol share dengan jenis dibawah postingan saja, supaya blog kamu selalu sehat. Tombol share ini juga gak kalah kerennya kok! Contoh tombol share dibawah artikel blog yang simpel dan keren
Untuk cara pembuatan dan pemasangannya, kamu bisa ikuti langkah-langkah dibawah ini.
Cara Memasang Tombol Share Social Media Simpel Dan Keren Dibawah Artikel Blog
1. Masuk ke Dasbor Blogger kamu.
2. Masuk ke menu Theme ---> Edit HTML.
3. Kemudian cari kode ]]></b:skin> atau </style> . Kemudian masukan kode dibawah ini tepat diatas kode tersebut.
#sharesimpelkeren {width: 100%; text-align: center;}#sharesimpelkeren a {width: 20%;height: 40px;display: block;font-size: 24px;color: #fff;opacity: 0.8; transition: opacity 0.15s linear; float: left;}#sharesimpelkeren a:hover {opacity: 1;}#sharesimpelkeren i {position: relative;top: 50%;transform: translateY(-50%);}.facebook {background: #3b5998;}.twitter {background:#55acee;}.linkedin {background: #0077b5;}.pinterest {background: #cb2027;}.whatsapp {background: #25d366;}#share a:first-child {border-radius: 0px 0 0 0px;}#sharesimpelkeren a:last-child {border-radius: 0 0px 0px 0;}! Catatan : Kalau blog kamu belum terpasang font awesome, pasang terlebih dahulu dengan cara masukan kode berikut ini diatas tag </head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/> 5. Kalau sudah ketemu masukan kode berikut ini diatas atau dibawah kode tersebut.
<div id='sharesimpelkeren'> <a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a> <a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a> <a class='linkedin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=" + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a> <a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:blog.postImageUrl + "&description=" + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'></i></a> <a class='whatsapp' data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a></div>Keterangan : Kalau kamu ingin memasangnya dibawah artikel, taruh kode tersebut diatas kode <data:post.body/>. Dan begitu pula sebaliknya.
Demikian cara membuat dan memasang tombol share social media dibawah artikel yang bisa saya berikan. Semoga bisa bermanfa'at aja lah.