Cara Membuat tombol Share dengan Font Awesome
Tombol share (berbagi) yang dimaksud adalah dibawah judul artikel seperti berikut ini:
Langkah-langkahnya adalah sebagai berikut:
- Cadangkan dulu tema blog, sebagai langkah antisipasi
- Buka mode edit html blog
- Cari kode </head> kemudian letakkan script <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css' rel='stylesheet'/> diatasnya.
- Cari kode </header> kemudian letakkan kode ini dibawahnya.
- Simpan template. SELESAI !!
<b:if cond='data:blog.pageType != "static_page"'><div class='pbtsharethisbutt'><i class='fa fa-share-alt' style='color: #052201'/><span style='font-size: 1.4rem;'><span style='background-color: white; font-family: "Noto Serif", sans-serif;'> Share: </span></span><a expr:href='"https://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t="' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436"); return false;' rel='nofollow' target='_blank' title='Share this on Facebook'><i class='fab fa-facebook' style='color: #4167B2'/></a><a expr:href='"https://twitter.com/home?status=" + " -- " + data:post.url' rel='nofollow' target='_blank' title='Tweet This!'><i class='fab fa-twitter' style='color: #039BE6'/></a><a class='social-iconnbt' expr:href='"https://api.whatsapp.com/send?phone=&text=" + "%20%2D%20" + data:post.url' rel='nofollow' target='_blank' title='Share on WhatsApp'><i class='fab fa-whatsapp-square' style='color: #2CB742'/></a><a class='social-iconnbt' expr:href='"https://t.me/share/url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description="' rel='nofollow' target='_blank' title='Share on Telegram'><i class='fab fa-telegram' style='color: #1E96D4'/></a><a class='social-iconnbt' expr:href='"https://pinterest.com/pin/create/button/?source_url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description="' rel='nofollow' target='_blank' title='Share on Pinterest'><i class='fab fa-pinterest' style='color: #E60024'/></a></div></b:if>